Creative profile

أنشأها
YYouMind Official
ثبّتها
90
الفئةصفحة ويب
منYouMind
اختيار المحررين
N

اختارها

nene@YouMind

لماذا نحب هذه المهارة

This skill stands out by crafting a sophisticated, brand-strategist-inspired personal website. It meticulously details a modern minimalist aesthetic with precise color, typography, and layout specifications for a truly distinctive online presence.

التعليمات

Create a modern minimalist personal website inspired by professional brand strategist visual design:

**Overall Style**

- Minimalist design language with generous white space and strong breathing room for content

- Professional yet creative, embodying the image of a brand strategist

- Responsive layout for both desktop and mobile devices

**Color Scheme**

- Background: Warm cream/off-white (#FFFEF9)

- Primary accent: Bright pink/magenta (#FF1493) for key headlines and call-to-actions

- Secondary accent: Light blue/cyan (#00CED1) for tags and categories

- Text color: Deep black (#1a1a1a) for body text, ensuring high readability

**Typography Design**

- Extra-large bold headlines: Name split into two lines using ultra-bold sans-serif fonts (like Inter Black/Helvetica Black), minimum 80px font size

- Job title in bright pink, 60-80px font size

- Body text in 16-18px clean sans-serif font

- Strict grid system with two or three-column layout

- Use thin lines (1px) to separate different content areas

**Page Structure**

1. Hero Section:

- Left side: Extra-large name title (split into two lines) + job title (in pink)

- Right side: Circular profile photo with colorful border

- Bottom: Brief personal mission statement

2. Contact Information Section:

- Phone, email, website links

- Highlighted in pink or blue

3. Work Experience Section:

- Left: Time period labels (using accent colors)

- Right: Job titles (in italic) + detailed descriptions

- Clear visual hierarchy

4. Education Section:

- Same two-column layout

- Time period + institution + degree

5. Skills/Languages Section:

- Color block category labels

- Grid-style display

**Visual Elements**

- Circular profile photo with pink or gradient border

- Tag-style category headers (like "WORK EXPERIENCE") in accent colors

- Floating button (bottom right corner for back-to-top) in black circle

- Subtle hover effects on all interactive elements

**Font Recommendations**

- Headlines: Inter Black, Helvetica Neue Bold, or Montserrat ExtraBold

- Body text: Inter Regular, Helvetica Neue, or System UI

**Interaction Details**

- Smooth scrolling

- Link hover with color change or underline animation

- Responsive navigation menu

- Clean and elegant loading animation

**Content Requirements**

- Personal bio emphasizing "decade of experience", "strategy and storytelling" and similar keywords

- Work experience highlighting specific achievements and metrics (like "200% growth")

- Showcase collaborations with well-known brands/institutions

- Language proficiency and professional skills clearly categorized

Please generate complete HTML/CSS/JavaScript code, ensuring the design is professional, modern, and fully embodies personal brand characteristics.

صفحة ويب

الوصف

Transform your personal brand into a stunning, minimalist website. Professional design, strategic layouts, and a captivating aesthetic crafted instantly to showcase your expertise.

مهارات ذات صلة

عرض الكل
صفحة ويب

Zara Zhang Retro Windows

Transform your ideas or structured data into immersive, interactive web presentations with a classic Windows 95 aesthetic. Design adapted from zarazhangrui/beautiful-html-templates, template retro-windows.

S
2مجاني
صفحة ويب

Warm Tones Project Report (HTML Deck)

Transform your data and strategy into high-end, browser-ready presentations with the Warm Modular Clarity system. This skill generates self-contained HTML reports designed for product growth reviews, business strategy, and technical insights. Each deck features a sophisticated olive and warm-neutral palette, providing a professional yet approachable aesthetic that emphasizes decision-oriented storytelling over generic bullet points.

S
3مجاني
صفحة ويب

3D Tactical Terminal Style

Generates single-page webpages in an industrial tactical-terminal / mission-briefing aesthetic. Charcoal-black background with exactly ONE scarce accent color (rust/amber orange) used only on the CTA button, numbering, and key data highlights — never on headline copy. Features a 'Cyber Window' panel system with cut-corner frames, title bars, and status indicators. Pairs a bold geometric sans headline typeface with an uppercase monospace type for all labels, meta info and body copy. Adds layered HUD graphic details (crosshair reticles, coordinate readouts, signal bars, arc gauges, connector lines, mini terminal blocks, chevron markers, corner brackets, ticker marquee) that fill the viewport without feeling empty. Supports static holographic imagery (AI-generated wireframe visuals) as hero elements. No glow/blur effects anywhere. Layout is asymmetric and editorial, compressed to fit a single 16:9 screen without scrolling. Use for landing pages, intake/application forms, event registration, product launches, exhibitions, and briefing pages for tech/industrial/AI brands.

S
10مجاني

اعثر على مهارتك المفضلة التالية

استكشف مزيدًا من مهارات الذكاء الاصطناعي المنتقاة للبحث والإبداع والعمل اليومي.

استكشف كل المهارات