Studios and creatives
Eight agency and portfolio website templates with live demos: a branding studio, a type-led agency, a marketing agency, a packaging studio, a motion studio and designer portfolios.
A creative studio sells taste, so its website is its first piece of work. These eight templates are for agencies, studios and individual designers who want a site that feels designed, with motion that supports the work and does not bury it.
A Hamburg branding studio prints its name in four ink plates that slide into register over a showreel. A type-led agency lets the studio name fill the screen and squash with scroll speed, then letters each client wordmark. A marketing-agency page peels services off a sticker sheet. A packaging studio shows can labels on a bench. A motion studio lets you scrub a timeline. Two portfolios and an agency starter finish the set, one with a pointer-reactive WebGL field.
All studios and clients are invented. The structures that matter to a visitor are real: a work index, services, a way to get in touch, and case studies that can hold your own images. Use the wizard to put your name and sections in, or open the source files with All Access.
8 live templates
medium Branding agency template for a Hamburg brand studio: its name printed in four ink plates that scroll into register over a showreel that bleeds to full screen, a work index that prints previews in four passes, services, process, FAQ and a brief form.
medium A light, type-led agency landing page: the studio name fills the first screen and squashes with scroll speed, then six pinned case panels letter each client's SVG wordmark beside its photo, with a hover/slider weight axis.
medium Marketing agency template for independent shops: a SplitText hero with a real photo, six services that peel off a pinned sticker sheet with results on their backs, a live shop-window planner, case studies on till receipts and a free-audit form.
medium Packaging and brand design agency template on a monthly subscription for drinks brands: SplitText hero with a real photo, services with cursor-follow photos, a can-label bench, a pint that fills with the process, beer-mat plans and an intro-call form.
medium Motion design studio template for brands: a danfo bus drives in and its stripes become a scrubbable timeline, then a pinned convoy of idents, a Lagos photo band, services with cursor-follow photos, pricing and a project form.
WebGL Motion designer portfolio template for a Lisbon 3D artist: a plain hero headline and CTA, her name set edge to edge with a frame that swaps places with its letters, and colour-gel stills that flow under the pointer.
medium A complete studio site on a light cream palette: a kinetic headline over a pointer-reactive WebGL contour field, a velocity-skewed client marquee, hover-reveal services, stacking case-study cards, stats, pricing, FAQ and a magnetic CTA.
medium A one-page portfolio for an invented designer-developer: a screen-wide name whose letters rise and thicken under the cursor, a pinned sideways gallery of six original project posters that open into case studies, services, process, FAQ and a copy-email contact.
A client wants to see work in seconds. Passer and Orrin put the work index on the first scrolls; check yours does the same.
These templates use type as the main visual. Make sure your own fonts are licensed for web use before you swap them in.
Every template has a reduced-motion version and knobs for speed, so a client who dislikes heavy motion can have a calmer site.
Prompts Pro $169/month · All Access $299/month (prompts and source for everything) · single template $39 one-time. See pricing.
Yes. Replace the invented case studies with your own images and text; the layout holds portrait and landscape images.
Prompts Pro and All Access cover your projects and your clients' projects. A single template covers one end product. Read the licence page for the exact terms.
The viewer shows real measurements per template. The agency starter and the motion portfolio use WebGL; the others are drawn with SVG and CSS and are lighter.
Claude, Cursor, Lovable, v0, Bolt, Framer and Webflow all have a guide with the exact steps for pasting a prompt.
Try “pinned”, “SplitText”, “WebGL”, “cursor”…