---
Site: OSTRA (ostra.example.com), a fictional two-person art-direction studio portfolio (assembling mosaic, shared-element case studies with hash routing, process rail, contact). Single page, English.
Media: 3 photographs generated for this prompt at 2K (Higgsfield Soul 2.0 (soul_2)); all vector art is drawn in SVG/CSS inside the code. No video.
Fonts: Instrument Serif, DM Sans and DM Mono, all from Google Fonts.
Compatible with: Claude, Cursor, Lovable, v0 (React 19 + TypeScript + Vite + Framer Motion 12, plain CSS).
Demo identity: brand, prices, figures, studios and any data are illustrative. Keep the concept-site line in the footer. Contacts use example.com; no form sends anything: submissions only become a local draft on screen. Keep the header comments of the components and the licences of the dependencies.
Text: all visible copy lives in src/content.ts; to translate, change only that file and index.html.
---

# OSTRA — art-direction studio portfolio, a mosaic that assembles and opens into case studies

**What it is.** The portfolio site of Ostra, a fictional two-person art-direction studio (identity, editorial, exhibition graphics). Single page, English (UK spelling), as if the studio were taking new work this quarter. Studio, people, clients, projects and quotes are fictional and the footer says so.

**Why it exists as a product.** The site is sold as a prompt whose selling point is motion. A portfolio has one job, to make the work look wanted; every animation here