Creative profile
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.
Description
Recommended by
nene@YouMind
Why we love this skill
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.
Transform your personal brand into a stunning, minimalist website. Professional design, strategic layouts, and a captivating aesthetic crafted instantly to showcase your expertise.
Related Skills
View all
WebpageExplorable Explainer Page Builder
A report explains. A page lets people find out for themselves. YouMind can already build webpages. Explorable Explainer decides what to build — it turns a piece of research, a dataset or a topic into a single interactive page in the tradition of newsroom graphics and explorable explanations: scroll-driven narrative, real charts, controls you can move, sources you can check. It plans before it codes. You approve a build plan first: the one question the page answers, the reveal — the moment the reader should feel "oh" — a five to eight section scroll spine, two to four interactions each justified by what the reader learns from moving it, and a data contract listing every number and where it came from. Then it builds one self-contained HTML file with no build step. Semantic markup. All numbers in a single editable DATA constant at the top. Scroll reveals that do not break on a phone. Every control a real, keyboard-operable form element with live text describing its current value. Accessibility is built in rather than bolted on: 4.5:1 contrast, visible focus rings, alt text everywhere, no meaning carried by colour alone, reduced-motion respected, responsive from 360px. Before handing over, it runs a five-point self-review and reports the results honestly: does the reveal actually land, does the page still read with JavaScript off, is the tab order sane, is every number traceable, is anything animating that a reader would want to stop. Two rules it will not break: it never invents data to make a chart look good, and it tells you when your numbers contradict your draft. For researchers, analysts, journalists, educators, indie founders and consultants who want their work to be explored rather than skimmed.
WebpageSoft Daylight Floating Web
Soft daylight style web design system: light sky-blue canvas (#ebf5ff), oversized display text with a fixed font weight of 500 (responsive up to 148px), 32px rounded cards + 9999px pills, near-black #181d27 solid CTA buttons, pastel color blocks, and floating 3D clay-style illustrations. Depth is achieved solely through tonal shifts from canvas to cards; content cards have zero shadow. Suitable for 'soft daylight style', '3D illustration landing pages', 'light blue canvas', 'rounded card style', 'SaaS homepage', 'Linear/Framer style', etc., with built-in accessibility and responsive constraints.
WebpageFashion Creative Design Page
A web design system with a fashion-editorial poster style: warm cream paper canvas (#fffef7), 300-weight oversized headlines (64–84px), full-bleed photography, zero shadows, square-corner cards + pill buttons with a 1440px radius. Suitable for needs such as "fashion design style", "magazine layout", "poster style", "art portfolio webpage", "studio portfolio", "gallery page". It can rewrite any content into a high-end fashion editorial style page.
Creative profile
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.
Description
Recommended by
nene@YouMind
Why we love this skill
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.
Transform your personal brand into a stunning, minimalist website. Professional design, strategic layouts, and a captivating aesthetic crafted instantly to showcase your expertise.
Related Skills
View allWebpageExplorable Explainer Page Builder
A report explains. A page lets people find out for themselves. YouMind can already build webpages. Explorable Explainer decides what to build — it turns a piece of research, a dataset or a topic into a single interactive page in the tradition of newsroom graphics and explorable explanations: scroll-driven narrative, real charts, controls you can move, sources you can check. It plans before it codes. You approve a build plan first: the one question the page answers, the reveal — the moment the reader should feel "oh" — a five to eight section scroll spine, two to four interactions each justified by what the reader learns from moving it, and a data contract listing every number and where it came from. Then it builds one self-contained HTML file with no build step. Semantic markup. All numbers in a single editable DATA constant at the top. Scroll reveals that do not break on a phone. Every control a real, keyboard-operable form element with live text describing its current value. Accessibility is built in rather than bolted on: 4.5:1 contrast, visible focus rings, alt text everywhere, no meaning carried by colour alone, reduced-motion respected, responsive from 360px. Before handing over, it runs a five-point self-review and reports the results honestly: does the reveal actually land, does the page still read with JavaScript off, is the tab order sane, is every number traceable, is anything animating that a reader would want to stop. Two rules it will not break: it never invents data to make a chart look good, and it tells you when your numbers contradict your draft. For researchers, analysts, journalists, educators, indie founders and consultants who want their work to be explored rather than skimmed.
WebpageSoft Daylight Floating Web
Soft daylight style web design system: light sky-blue canvas (#ebf5ff), oversized display text with a fixed font weight of 500 (responsive up to 148px), 32px rounded cards + 9999px pills, near-black #181d27 solid CTA buttons, pastel color blocks, and floating 3D clay-style illustrations. Depth is achieved solely through tonal shifts from canvas to cards; content cards have zero shadow. Suitable for 'soft daylight style', '3D illustration landing pages', 'light blue canvas', 'rounded card style', 'SaaS homepage', 'Linear/Framer style', etc., with built-in accessibility and responsive constraints.
WebpageFashion Creative Design Page
A web design system with a fashion-editorial poster style: warm cream paper canvas (#fffef7), 300-weight oversized headlines (64–84px), full-bleed photography, zero shadows, square-corner cards + pill buttons with a 1440px radius. Suitable for needs such as "fashion design style", "magazine layout", "poster style", "art portfolio webpage", "studio portfolio", "gallery page". It can rewrite any content into a high-end fashion editorial style page.
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.