Live preview
Strata Studio homepage: a sepia drawing of a terraced concrete house with glazed floors among olive trees, crossed by faint vertical guide lines, under a dark pill-shaped nav with an ivory Enquire button; bottom left, a small clay square and the spaced capitals Architecture & Interiors above the very large white headline Built to weather., and on the right a translucent dark panel reading Spaces that feel as good as they look. above a See the work link
24 / ASTRO THEME

Strata Studio

For a practice that would rather show the drawing.

  • Architecture
  • Interiors
  • Studio portfolio

The twenty-fourth Quaeris Design release. An architecture and interiors practice carrying a project portfolio, eight services, a material library, a five-stage process, published fees, a careers page and a journal with people and categories — twenty-three indexable routes, with the whole demo live and open to inspection.

MEASURED FROM THE DEMO
2.8 KB
JavaScript
23
Indexable routes
0
Blocking stylesheets
3
Font families
WebP
Images
Astro 7.3
Built with

Every figure came from astro-design-strata-studio.pages.dev. Open it and check.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

THE BRIEF

What it is for, and who it suits.

A visual direction for an architecture and interiors practice that would rather show the drawing than describe it. Near-black ink chapters alternate with warm ivory paper, Bricolage Grotesque set heavy and tight for the headlines, Inter for reading and Playfair Display italic for one word at a time, with a single clay accent kept for small marks. The one decision is to lay the site out like a drawing sheet: guide lines run the full height of every page, a running chapter index counts the sections in the left margin, and the floating nav and the guides invert between light and dark as each chapter scrolls past.

  • Architecture and interior design practices
  • Landscape, lighting and furniture studios
  • Design-and-build firms and specialist makers
  • Small studios who publish their fees and process rather than hide them
THE PAGE SET

Routes you get, and where they come from.

Every route below is generated at build and served as a static file.

Pages

Written once, edited in place.
  • Home
  • Projects
  • Services
  • Materials
  • Process
  • Fees
  • About
  • Careers
  • Journal
  • Search
  • Contact
  • Legal notice
  • Site map

Collections

One Markdown file becomes a route, an index entry and a listing.
  • Project × 3
  • Article × 3
  • Person × 2
  • Category × 8

System

Generated, never hand-maintained.
  • 404
  • sitemap.xml
  • robots.txt
DESIGN NOTES

The decisions behind the look.

01

The page is laid out like a drawing sheet.

Four guide lines run the full height of every page, behind the content, as structure rather than decoration. Every section is a numbered chapter, and a running index in the left margin reads the chapter in view and shows its number out of the total — 03 / 07 — like a sheet in a drawing set. A page whose sections carry no chapter name simply goes without it.

02

Ink and paper take turns.

Chapters alternate between near-black ink and warm ivory paper, and each one declares its surface. As you scroll, the floating pill nav and the guide lines read that flag and invert to stay legible over whichever chapter is underneath. Every page then ends on the same closing chapter: a two-line headline with one word in Playfair italic over a faint clay wash.

03

One accent, used as a mark.

Clay is the small square before each eyebrow, the focus ring, the underline under links in the prose and the rule beside a blockquote — and very little else. The journal categories have colours of their own, but they are desaturated into the same muted family, so a topic reads as a label rather than a second accent.

04

Nothing third-party by default.

Identity, contact form, analytics and newsletter each live in one file under src/config. Out of the box the theme ships no third-party script, sets no cookie and needs no account: the form uses mailto, analytics and the newsletter are off. A provider chosen without its key falls back with a warning in the build instead of shipping broken.

PALETTE
  • Ink #0a0a0a Page ground, the hero and the ink chapters
  • Soot #101010 The second ink surface, for the figures band
  • Paper #f7f5f1 The paper chapters
  • Bone #f5f4f1 Headlines, text and buttons on ink
  • Graphite #14120f Text on paper and the nav over light chapters
  • Clay #c08b5c The only accent: eyebrow squares, focus, link rules
TYPEFACES
Display
Bricolage Grotesque variable, 700 with tight tracking for the headlines, 300 and 400 below them
Body
Inter 300 to 600, running text and the interface
Accent
Playfair Display 400 italic only, one or two words at a time
WHAT SHIPS WITH IT

Know what you’re getting.

A good-looking screenshot is the beginning. The details help you choose.

01 / THE PAGES

A view of the whole site.

Every release lists its page set, from the homepage to the article, author and category templates your project actually needs.

Page list with each release
02 / THE EXPERIENCE

Every screen matters.

Desktop and mobile layouts, navigation, focus states and interactions, checked at the widths people actually use rather than the one the screenshot was taken at.

How customisation works ↗
03 / THE HANDOVER

The details, before you buy.

Source files, installation requirements, licence and support terms are published on the theme page so you can decide before you spend anything.

Exact package with each release
PRICING

A clear price. A clear package.

Pick the design that fits your project. One licence covers one published website; building for clients is the studio licence.

INDIVIDUAL THEMES ON SALE

Find your fit.

€59 a theme

One licence, one published website. Work you deliver to clients is the studio licence: €399 for the whole collection, and a year of everything released after it.

A theme licence
One published project
Client work
Studio licence
Updates & support
Stated per theme
THIS THEME

Everything above, in one download.

Strata Studio, as the complete Astro source. Change anything, deploy it anywhere static, and keep it.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

ELSEWHERE IN THE COLLECTION

Three more directions.