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.
提示词详情
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.
{"generate_webpage": {"model": "gemini-3-pro-preview", "use_tool": "required"}}
应用场景