Creative profile
Transform your personal brand into a stunning, minimalist website. Professional design, strategic layouts, and a captivating aesthetic crafted instantly to showcase your expertise.
Featured by
Lynne Lau
Why we love this skill
Craft stunning, minimalist personal websites that project a professional yet creative brand image. This skill expertly translates your vision into a responsive, elegant online presence, complete with bespoke typography, a vibrant color palette, and a clear content hierarchy. Perfect for brand strategists and creatives showcasing their unique personal brand.
Instructions
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.
Related Skills
View allZara Zhang Frontend Slides
Say goodbye to traditional slides and effortlessly create rich, animated HTML presentations with zero dependencies. No tools required—simply run them directly in your browser to bring your content to life.
Webpage Four-Dimensional Quality Assessment
Perform a four-dimensional quality assessment on webpages in YouMind, and generate a detailed scoring report and improvement suggestions.
Job Intelligence Research｜Deep Decoding of Job Intelligence
Stop guessing and start knowing. From hidden business risks to real office culture, we turn every job description (JD) into your personal 'insider playbook'—so you can interview like an owner and land the offer you actually want. No more blind boxes in interviews! We break down dry job descriptions into "workplace intelligence" in 10 minutes: deeply decode HR jargon, uncover the company's true business practices and shortcomings, and help you gain an "advantage" for reverse background checks on your boss, winning in the peak hiring season of March and April by exploiting information asymmetry!
Creative profile
Transform your personal brand into a stunning, minimalist website. Professional design, strategic layouts, and a captivating aesthetic crafted instantly to showcase your expertise.
Featured by
Lynne Lau
Why we love this skill
Craft stunning, minimalist personal websites that project a professional yet creative brand image. This skill expertly translates your vision into a responsive, elegant online presence, complete with bespoke typography, a vibrant color palette, and a clear content hierarchy. Perfect for brand strategists and creatives showcasing their unique personal brand.
Instructions
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.
Related Skills
View allZara Zhang Frontend Slides
Say goodbye to traditional slides and effortlessly create rich, animated HTML presentations with zero dependencies. No tools required—simply run them directly in your browser to bring your content to life.
Webpage Four-Dimensional Quality Assessment
Perform a four-dimensional quality assessment on webpages in YouMind, and generate a detailed scoring report and improvement suggestions.
Job Intelligence Research｜Deep Decoding of Job Intelligence
Stop guessing and start knowing. From hidden business risks to real office culture, we turn every job description (JD) into your personal 'insider playbook'—so you can interview like an owner and land the offer you actually want. No more blind boxes in interviews! We break down dry job descriptions into "workplace intelligence" in 10 minutes: deeply decode HR jargon, uncover the company's true business practices and shortcomings, and help you gain an "advantage" for reverse background checks on your boss, winning in the peak hiring season of March and April by exploiting information asymmetry!
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
