Loading
promti
Live demos

Your design studio’s work, as an exhibition

A design studio is hired on its work and on who it has worked for. Someone looking for a studio to redo their brand goes through your projects, spots a name or two and decides; what you say about process gets read second.

Make yours — see it before you payOpen the live demo

The kit Studio — An immersive website for a studio, shown as an exhibition of its work.

The Studio kit was made for exactly that. Your work hangs in a white gallery — posters, packs, identities, screens — each piece lit, a printed label beside it, your name in vinyl on the end wall. And the type moves: your name narrows as people walk in, and your disciplines stretch as they pass.

Then the team, your clients set as type, and a brief form that asks for a budget — all of it plain files any developer can read.

What your site shows

  1. The name, in motion

    Your studio’s name spans the screen’s lower edge, extra-wide and black, and narrows and lightens on the way in — one variable typeface doing the work. Your one-line pitch sits above it.

  2. The exhibition

    Posters, packaging, screens and film stills hang framed down a white gallery, each under its spot, each with a small printed label on the wall beside it: number, title, client, discipline, year. At the far end, your name and slogan in vinyl.

  3. Disciplines

    Identity, packaging, digital, motion: up to six words set at an enormous size, widening and thickening as each one crosses the middle of the screen, with a sentence alongside to say what it covers.

  4. Clients as type

    Who you’ve made things for, set as type: names run one after another, each styled differently from the last in weight, width or slant — never a grey row of logos. The team and the year you opened come just before.

  5. The brief

    The form asks the question the demo asks — “What are we making?” — along with a budget from your own ranges, a name and an email. Behind it, the gallery seen from its far end, the doorway bright.

Have this ready

  • Between three and eight pieces of work, an image for each: the poster, the pack on a shelf, the site on a screen, a still from the film.
  • For each: the title, the client, the disciplines (“Identity · Website”), the year, plus a line on the problem.
  • Two to six disciplines as single words of up to 14 characters, each with a sentence.
  • The team, up to twelve names with roles, the year the studio opened, and the clients who’ve agreed to be named.
  • Budget ranges that start at the smallest job you take — the form sends the one ticked with each brief.
  • A Web3Forms access key for the brief form, and the address of your Cal.com or Calendly page for intro calls.

Worth knowing

Only hang what you can show

Work under a confidentiality agreement stays off the walls until the client says it can go up. Treat the client list the same way: name only those who know they’re on it, and who would be glad to be asked about you.

Show the work in use

A logo on white tells a client little. The identity on a shopfront, the pack on a shelf, the poster on a street wall, the site on a phone: a picture of the work living somewhere makes the case better than the artwork alone.

One line per project, not a case study

Each project gets 110 characters. Spend them on the problem, not the deliverables — those have their own field. The demo’s “A natural wine bar that wanted to look as honest as its wine” does more work than a list of everything made.

Questions

Won’t our site look like every other studio that buys this kit?
The room, the walk and the typeface are the same for everyone who buys Studio. The work on the walls, your words, the three colours and the name on the door are yours. A site designed from nothing is a commission of its own, and priced like one.
Can we use our own typeface?
Not through the wizard. The kit is set in Archivo, a variable family whose width axis drives the motion — the name narrowing, the disciplines stretching. Colour is where you choose: paper, ink and an accent, starting from a palette if you like.
Can we show client logos?
No, on purpose: the clients section sets their names as type, one after another, in changing weights and widths. An empty list means no clients section at all, which is better than a padded one.
Our clients are international. Can the site be in English?
Yes. The first question sets the site’s language, English or Spanish, and the menus, the form, the legal page and the 404 follow it. It’s one language per site, and what you write goes in exactly as you write it.
Our developer wants to host it alongside our other projects. Can they?
Yes. The download is a folder of plain HTML, CSS and JS, typefaces included, with a README and the open-source licences. Anything that serves files will host it — Cloudflare Pages, Netlify, Vercel, your own server — and nothing in it depends on Promti.