Creative profile
技能详情

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.

提示词详情

Prompt

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"}}