THEME 007 · STABLE

Studio Index

A minimal brand and product designer portfolio with an expansive work grid and reusable case-study pages. It pairs a spacious project index with detailed, story-led case-study pages in one original, responsive Coordiation application.

portfoliobrandproduct

The CLI installs the portfolio index, reusable case-study route, shared data source, components, Solar icon wrapper, and twelve self-hosted photographs.

/studio-indexOpen full screen

PORTFOLIO + CASE STUDIES

12 complete surfaces

One reusable project data source drives the home index, six detail pages, page-specific metadata, visual systems, galleries, and outcomes.

01portfolio header
02introduction
03project index
04project metadata
05case-study hero
06project brief
07feature image
08concept
09visual system
10gallery
11outcome
12footer

COORDIATION-NATIVE

Minimal portfolio.
Full case-study depth.

Installed files

app/studio-index/page.tsxapp/studio-index/work/[slug]/page.tsxapp/studio-index/studio-index.cssapp/studio-index/projects.tsapp/studio-index/ThemeIcon.tsxapp/studio-index/DashboardComponents.tsxpublic/icons/solar-linear/arrow-right.svgpublic/icons/solar-linear/arrow-to-top-right.svgpublic/icons/solar-linear/hamburger-menu.svgpublic/icons/solar-linear/letter.svgpublic/icons/solar-linear/global.svgpublic/icons/solar-linear/palette.svgpublic/icons/solar-linear/code.svgpublic/icons/solar-linear/user.svgpublic/icons/solar-linear/calendar.svgpublic/icons/solar-linear/gallery-minimalistic.svgpublic/icons/solar-linear/layers-minimalistic.svgpublic/icons/solar-linear/case-minimalistic.svgpublic/icons/solar-linear/link.svg

Bundled primitives

StudioHeaderProjectCardDetailLabelThemeIcon

READY TO SHARE

Make every project easy to explore.

Replace the identity, projects, stories, assets, and case-study details while preserving semantic structure, responsive behavior, Coordiation icons, motion safeguards, and Coordiation copyright.