How should I adapt the Studio Directory Template prompt for my own project?

Keep the main layout and hierarchy cues, then replace the subject matter, offers, imagery references, and calls to action so the page fits your own audience and product.

What should I preserve from this studio prompt example?

Preserve the structural cues that make the page readable: the use case framing, the section rhythm, and the output checklist. Those parts usually matter more than surface adjectives alone.

designpromthe digital archive / issue 04

Back to archive

Studio directory portfoliocase file

Prompt case file

Studio Directory Template

Q: What kind of website is Studio Directory Template meant to generate?

Studio Directory Template is designed for studio directory portfolio work. The prompt focuses on a project list that remains attractive and easy to scan, services and sectors that support the work rather than dominate it, one strong case-study path that keeps the studio feeling premium.

A studio portfolio prompt built around project lists, service rails, and selected work directories.

Collaborative Canvas SystemCalm Precision UIMinimal Monochrome

Original promptStudio directory portfolio

Prompt

Create a studio directory-style portfolio with a project list, sector filters, selected case studies, and a structured service rail. Keep it precise, calm, and unmistakably portfolio-led.

Remix promptvariant

Prompt remix

Adapt the same studio directory for a larger agency. Increase filter depth, add client sectors more explicitly, and give the selected case studies a slightly stronger premium finish.

Expected output boardStudio directory portfolio

Cargo-inspired Stitch export for the studio directory portfolio

Curator note

The structure should feel like a working project directory, not a bloated agency homepage.

Output focus

A project list that remains attractive and easy to scan / Services and sectors that support the work rather than dominate it / One strong case-study path that keeps the studio feeling premium

Stitch capture set

1 linked output screens attached to this case file.

Publishing

Download this case as a ZIP package or share the current case file link.

Brief and outcome

What the prompt is trying to produce

The brief sets the user goal. The output focus explains what the first generated draft should get right before any visual polish.

Creative briefStudio directory portfolio

Design a studio website where selected projects, sectors, and service descriptions need to coexist in a directory-like structure without becoming corporate and dull.

Output checklist3 panels

A project list that remains attractive and easy to scan
Services and sectors that support the work rather than dominate it
One strong case-study path that keeps the studio feeling premium

How to use this prompt

Studio Directory Template as a reusable AI website prompt example

This case file is meant to rank for searches around studio directory portfolio, studio prompts, and reusable website prompt examples. Treat it as a working reference rather than a one-line prompt snippet.

Key points3 items

Use the original prompt when you need a first draft for studio directory portfolio work.
Use the remix prompt when you want the same layout logic but a different brand tone or audience fit.
Check the output checklist before generating so the first pass emphasizes a project list that remains attractive and easy to scan and services and sectors that support the work rather than dominate it.

Useful pages2 links

Rewrite this in the builder

Use the prompt builder to adapt this case for your own offer, audience, and page structure.

Open Brand DNA directions

Move into company-style UI directions if you want the same brief translated into Apple-like, Figma-like, or Airbnb-like language.

Stitch outputs

Real output captures connected to this case file

These screens are tied to the same direction family, so the archive page shows the prompt and the generated output side by side.

Studio Directory Templateoutput capture

Studio Directory Template

This archive entry links directly to a Stitch output capture rather than a Brand DNA example page.

Archive linked outputOpen in Builder

Directory opener

The first frame behaves like a selected project directory with one lead case.

cargo-studio-directoryStitch AIv1.02026-03-30

Result wall

Mock outputs from this prompt case

Treat these as the intended family of first-pass results this prompt should generate.

indexwide

Directory Index

A clean listing surface for projects, sectors, and services.

filterssquare

Sector Filters

A rail of sectors, capabilities, and project groupings that stays visually quiet.

case studytall

Case Study Linkout

A selected project entry that transitions into a fuller case-study system.

Connected systems

The design directions supporting this case file

Figma-inspired Stitch export for the plugin directory

FigmaCollaborative tooling

Collaborative Canvas System

Dense pane layout, shared-workspace cues, and crisp tool-like hierarchy for collaborative products.

Figma template cueCollaborative canvas workspace / community file landing

Mention layered panes, utility rails, collaboration cues, and canvas framing so the result feels like a product tool, not a marketing site.

6 Stitch-ready examplesPlugin Directory

Plugin Directory

Plugin DirectoryFigma-style plugin marketplace

Design System Docs

Design System DocsFigma-style design system docs

FigJam Session

FigJam SessionFigma-style workshop page

Pane layout
Utility rails
Shared cursors
System clarity

View details

Apple-inspired Stitch export for the ambient device launch

AppleQuiet premium

Calm Precision UI

Quiet premium structure with high clarity, generous spacing, and crisp hierarchy.

Apple template cueProduct launch hero / keynote-style product story

Name the restrained palette, measured spacing, soft depth, and precise CTA placement directly in the prompt.

6 Stitch-ready examplesAmbient Device Launch

Halo Desk Device Launch

Ambient Device LaunchApple-style hardware landing

Creative Suite Story

Creative Suite StoryApple-style editorial feature story

Assistant OS Preview

Assistant OS PreviewApple-style OS reveal

Clean layout
Soft depth
Quiet premium
Readable

View details

Design disciplineMinimal

Minimal Monochrome

Strict neutral palette with tension created by spacing and typography.

High contrast neutrals
Bold type
Few colors
Precision

View details

Related case files

More prompt examples nearby

Product Design3 stitch captures

Quiet AI Launch Board

A prompt case for AI products that need premium restraint instead of default futuristic noise.

AI SaaS launch

Design an AI workspace landing page using a rigid editorial grid, hard-edged monochrome sections, oversized Space Grotesk headlines, restrained cobalt glass overlays, and one clear proof block. Keep the page calm, premium, and conversion-ready without decorative AI tropes.

Product Design3 capturesCalm Precision UIPremium Gradient AtmosphereEnterprise Grid System

Open template

Graphic Design2 stitch captures

Airbnb-inspired Stitch export for the stay discovery landing page

Editorial Portfolio Casefile

A portfolio prompt for designers and studios who want the site to feel curated, authored, and readable.

Portfolio launch

Create a portfolio homepage with a 60/40 asymmetrical grid, paper-like tonal sections, oversized Space Grotesk headline typography, strict metadata labels, and image placements that feel archival rather than decorative. Keep the page sparse but not cold.

Graphic Design2 capturesEditorial Grid 2DMinimal MonochromeWarm Global Hospitality

Open template

Case file FAQ

Questions people ask about the Studio Directory Template prompt

What should this studio directory portfolio prompt get right first?

Start with a project list that remains attractive and easy to scan, services and sectors that support the work rather than dominate it, one strong case-study path that keeps the studio feeling premium. If those parts are clear, the first draft usually lands close to the intended direction.

How do I remix Studio Directory Template without losing the core direction?

Keep the core section rhythm and hierarchy, then rewrite the subject matter, audience, and call to action. The remix prompt in this case file is the safest place to start.

Where should I go after reading this prompt example?

Open the builder to rewrite the prompt for your own project, or open the related Brand DNA pages to borrow a more specific interface language.