Personal template

Design Studio Portfolio

Editorial design-studio portfolio with a large-type hero, an all-CSS/SVG work grid, and hover-reveal case notes.

Build this Checked before it goes live
Design Studio Portfolio template preview built with PromptUI

Who it is for

Design studios who need the site to demonstrate the taste they are selling.

What it does

  • Present a design portfolio
  • Show process and services
  • Attract client enquiries

Common in

DesignCreative

The brief we build from

This is the exact instruction PromptUI starts with. You can change every word of it before or after the first build.

Build me a portfolio site for Rune Halden, a fictional industrial and furniture designer — I want it dark and editorial, almost like a design magazine spread, not another SaaS-looking template. Make the name huge on the hero, set in a heavy, super tight-tracked grotesque, with a short role line, a one-sentence practice statement, and a subtle scroll cue underneath. Below that I want a "Selected Work" grid of 6-8 projects where each tile's image is actually CSS/SVG art (no stock photos), showing the project name, year, and category, revealing a one-line description on hover, and expanding into a full detail view on click with a bigger art panel, the description, my role, materials, and client type, plus a way to close back out to the grid. Add a Studio/About section with a short practice blurb and a capabilities list, a "Selected Recognition" section listing a few honors, and a footer with my email and social handles. Keep the palette almost entirely near-black and bone white, with just one burnt-vermilion accent used sparingly — a rule here, a hovered label there, one word in the hero — and use framer-motion for a restrained load-in and some hover micro-interactions.

Other personal templates

Start from this template

PromptUI builds it, checks that it actually runs, and helps you put it online. Free to start.

Build this