Studio

Live preview →

Studio is the creative-agency theme — confident typography, an editorial layout language, and a single warm coral accent that ties the whole site together. Best for design studios, brand agencies, freelance creatives, and boutique consultancies.

Property	Value
Tier	Pro ($39 launch / $49 reg.)
Category	Creative agency
Body font	Space Grotesk Variable
Display font	Playfair Display Variable (italic serif accents)
Brand accent	Coral (`var(--studio-coral)`)

Included pages

/ — homepage with editorial hero, work grid, services, process, team, contact
/work/ and /work/[slug]/ — case-study index + detail pages
/about/ — story + team
/services/ — service breakdown
/contact/, /blog/, /blog/[slug]/, /sections/
/privacy/, /terms/

What makes Studio different

Serif italic accents — the .studio-accent-font utility renders Playfair Display in italic for “punctuation” words inside headings (“Let’s Talk”). Defined in global.css.
Work case-study route — /work/[slug].astro generates a route per project from siteConfig.studio.projects (or shared projects data). Each project has hero image, problem, approach, outcome, gallery.
Dark “stay creative” newsletter — the Newsletter section uses .studio-dark-section (deep warm dark) instead of the default surface. Distinctive.

What’s next

Customize → Section data — the team block is critical for Studio’s “people-first” feel.
Customize → Pages — the /work/ case studies are the centerpiece. Edit siteConfig.studio.projects to swap them.