Portfolio

Designer Portfolio Site

A striking single-page portfolio with hero, project grid, case-study pages, and contact form.

prompt.md

Act as an expert front-end developer. Build a striking designer portfolio website:

- Animated hero with name, role, and a call-to-action
- Project grid with hover previews and category filters (Web, Brand, Mobile)
- Individual case-study routes with hero image, problem/solution copy, and next-project link
- About page with bio, tools, and testimonials
- Contact form (name, email, message) with success toast
- Smooth scroll, subtle parallax, dark mode first

Ensure the code is clean, modular, and uses Tailwind CSS.

What this builds

A visual preview of the output you can expect.

Portfolio site preview

Animated hero section

Filterable project grid

Case-study route per project

Contact form with toast

Don't just read it. Build it right now.

Paste this prompt into your AI builder and watch it come to life in minutes.

Start Building Free