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
nene@YouMind.AI
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 allHTML Webpage Review System
Let your team directly annotate webpage elements in the browser. Zero configuration required, automatic recognition, AI-powered intelligent generation of modification suggestions, and export of review reports that can be directly understood by the AI programming assistant. 🔥 Core Capabilities: ⚡ 30-Second Startup - Simply provide a theme, and it automatically generates a webpage with a review system. 🤖 AI Intelligence - Input "font too small," and AI automatically generates "suggest changing to 18px PingFang SC". 💾 Never Lost - Comments are automatically saved in IndexedDB and can be restored by refreshing the page. 📊 Team Collaboration - 5 role identities (product/design/development/editing/operations), color-coded. 🎯 Precise Positioning - Click on titles, buttons, icons, and backgrounds, pinpointing each child element.
StoryCanvas
It helps creators transform existing aesthetic references into reusable, page-based narrative JSON style specifications through multiple rounds of verification.
To be PDF
This software converts reference content such as articles, reports, notes, Markdown, and extracted text from PDFs into A4 print-quality single-file HTML files. It adaptively selects accent colors based on the content theme, embeds semantic minimalist hand-drawn line art SVG, automatically fixes printing problems such as blank pages, orphaned lines, and truncated elements when exporting PDFs, and opens the PDF directly with a canvas panel in the final step, allowing users to view, print, or export PDFs without copying and pasting code.
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
nene@YouMind.AI
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 allHTML Webpage Review System
Let your team directly annotate webpage elements in the browser. Zero configuration required, automatic recognition, AI-powered intelligent generation of modification suggestions, and export of review reports that can be directly understood by the AI programming assistant. 🔥 Core Capabilities: ⚡ 30-Second Startup - Simply provide a theme, and it automatically generates a webpage with a review system. 🤖 AI Intelligence - Input "font too small," and AI automatically generates "suggest changing to 18px PingFang SC". 💾 Never Lost - Comments are automatically saved in IndexedDB and can be restored by refreshing the page. 📊 Team Collaboration - 5 role identities (product/design/development/editing/operations), color-coded. 🎯 Precise Positioning - Click on titles, buttons, icons, and backgrounds, pinpointing each child element.
StoryCanvas
It helps creators transform existing aesthetic references into reusable, page-based narrative JSON style specifications through multiple rounds of verification.
To be PDF
This software converts reference content such as articles, reports, notes, Markdown, and extracted text from PDFs into A4 print-quality single-file HTML files. It adaptively selects accent colors based on the content theme, embeds semantic minimalist hand-drawn line art SVG, automatically fixes printing problems such as blank pages, orphaned lines, and truncated elements when exporting PDFs, and opens the PDF directly with a canvas panel in the final step, allowing users to view, print, or export PDFs without copying and pasting code.
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
