Assumptions for Sarah Chen's Landing Page

Since there is no live user available to answer the clarifying questions, the following reasonable assumptions have been made:

Identity & Branding

• Name: Sarah Chen (confirmed)
• Title: Freelance UX Designer / MVP Design Partner for Early-Stage Startups
• Logo: Typographic wordmark — "Sarah Chen" in the nav, no custom logo file available
• Tagline: "Design that gets your MVP to market." (crafted to be direct and benefit-led)
• Tone: Confident, minimal, professional — not playful or startup-casual

Color Palette

• Background: #ffffff (white) and #f9f9f9 (near-white for alternating sections)
• Text: #111111 (near-black for headings), #555555 (secondary/body)
• Accent: #E8622A (warm orange — sits between amber and terracotta, premium feel)
• Accent hover: #d0561f (slightly darker for hover states)

Typography

• Primary stack: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif
• Secondary/display: "Inter" from Google Fonts for a clean, modern feel

Sections Included

1. Sticky nav — logo left, section links center, "Book a Call" CTA right
2. Hero — full-viewport, large headline, subheadline about startup MVPs, two CTAs (Book a Call + View Work)
3. Stats bar — 3 credibility numbers: "30+ MVPs Launched," "5 Years Experience," "Startups Raised $50M+"
4. Services / What I Do — 3 cards: MVP Design, UX Strategy, Design Systems
5. Process — 4-step numbered process: Discover → Define → Design → Deliver
6. Portfolio / Work — 3 placeholder case study cards with project type, outcome, and a gradient mockup
7. Testimonials — 2 placeholder client quotes with name and company
8. Contact + Book a Call — split layout: left side copy + Calendly CTA button, right side HTML contact form
9. Footer CTA banner — "Ready to launch your MVP?" with orange CTA
10. Footer — minimal with links and copyright

Interactions & Technical

• Scroll-triggered fade-up animations via IntersectionObserver
• Mobile-responsive with hamburger menu at <768px
• Book a Call button links to https://calendly.com/sarahchen (placeholder — user should update)
• Contact form uses mailto:hello@sarahchen.com action (placeholder — user should update)
• All images replaced with styled gradient placeholder divs
• Single-file HTML — no build tools required

Portfolio / Social Proof

• 3 placeholder case studies with realistic startup-context copy
• 2 placeholder testimonials attributed to fictional startup founders
• Stats are realistic but placeholder — user should replace with real numbers