Card Prism Portfolio Portfolio
Built for Kemi Oduya, the sample brand inside the template
An art director's one-page portfolio: a huge two-line name with a small portrait, six artworks turning as a hexagonal prism of crossing shards, and a browsable case row that opens each case full screen.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.
How it moves
A warm paper-white page set in Albert Sans. The first screen: a two-column menu top left, four services in a small column, "Independent Art Director" right-aligned in two lines, and the name Kemi Oduya huge in two lines with a small black-and-white portrait beside the second line; contact lines along the bottom and an "Available for hire" pill top right. Top right, six square artwork cards (cool pastel campaign photographs) form a hexagonal prism, each pitched well off the surface so neighbours cut through each other; it gathers out on load, turns on its own, spins when dragged and coasts, leans to the cursor and is pushed round by scrolling. Past the hero a slim bar slides down. About: a black-and-white profile, a large intro, "12+ Years of Practice", an Experience paragraph and two rings of skill words turning in 3D. Cases: a marquee of categories with artwork flags, then a row of mixed-shape pictures that drifts on its own, slows under the pointer and can be dragged or flicked; hover greys a picture and shows its name, a click opens the case full screen with its story. Clients: a turning ring of wordmarks between "From Lagos" and "To Oslo". Reviews: quotes on alternating sides of a line that draws itself down. Insights: two note cards and a "Read my other notes" column. The page closes on one scene: "Shall we meet?" at the name's size beside the same prism, which opens as you scroll in, and one "Write to me" button.
What you get
- A tested build prompt · 13.5k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Inside the prompt
An independent art director's one-page portfolio on warm paper white. The first screen is type: a menu top left, the services in a small column, "Independent Art Director" in two lines, and the director's name huge in two lines with a small black-and-white portrait beside the second line. On the right a cluster of six artwork cards turns in 3D. The cards are the faces of a hexagonal prism, each pitched well off the prism's surface, so neighbouring cards cut through one another and the prism reads as a burst of angled shards: some face-on, some slanted, some edge-on blades. It turns slowly on its own, spins fast when dragged and keeps spinning after you let go, and scrolling pushes it round.
- What it is
- Style
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
