Freelance Designer Portfolio — Complete Founding Prompt

Build a bold portfolio website for [DESIGNER_NAME], a freelance [DESIGN_DISCIPLINE] designer in [CITY_STATE] working with [TARGET_CLIENTS], known for a [DESIGN_APPROACH] approach.

ABOUT:
- [DESIGNER_NAME] is a freelance [DESIGN_DISCIPLINE] designer
- Based in [CITY_STATE], working with [TARGET_CLIENTS]
- Design approach: [DESIGN_APPROACH]

PAGES:
1. Home — Bold typographic hero with name and title, animated project thumbnails in a Swiss-style grid, brief one-liner about design philosophy, client logo row, and "View Work" CTA.
2. Work — Portfolio grid with project thumbnails. Each links to a detailed case study. Filter by category (Branding, Web, App, Print).
3. Case Study Template — For each project: hero image, project overview (client, role, timeline, tools), the challenge, the process (research, wireframes, iterations), the solution with full designs, results and metrics, and a "Next Project" link.
4. Services — Service offerings with descriptions: Brand Identity, Website Design, App Design, Design Systems. Each with scope, process, timeline, and starting price.
5. About — Designer bio, skills and tools, design principles, awards, speaking engagements, and a downloadable resume PDF.
6. Contact — Project inquiry form (name, email, company, project type, budget range, timeline, project description) saving to Supabase "project_inquiries" table.

DESIGN:
- Background: White #FFFFFF, Accent: Blue #3B82F6, Text: Black #111111
- Typography: Swiss-style (Space Grotesk for headings, Inter for body)
- Clean grid-based layout with bold typography
- Subtle hover animations on project cards
- Asymmetric layouts for case study pages

TECHNICAL:
- Inquiry form saves to Supabase "project_inquiries" table: id, name, email, company, project_type, budget_range, timeline, description, created_at
- SEO targeting "freelance [DESIGN_DISCIPLINE] designer" and "[DESIGN_DISCIPLINE] designer [CITY_STATE]"
- Optimized image loading for portfolio pieces
- Keyboard navigable and screen-reader accessible
- Social links (Dribbble, Behance, LinkedIn) in header and footer