Live preview
Terrane homepage: a pale page cut by an electric blue plasma filament, carrying the condensed headline Run inference where your users are above a paragraph about region-aware routing
09 / ASTRO THEME

Terrane

For a product read before it is bought.

  • Developer tools
  • Infrastructure
  • SaaS

The ninth Quaeris Design release, and the most thoroughly proved. A runtime-infrastructure site carrying a documentation hub with working search, a capacity estimator, a customer ledger and nine articles — thirty-one routes, and a suite of checks the buyer can re-run after changing anything.

MEASURED FROM THE DEMO
38 KB
JavaScript
31
Indexable routes
0
Blocking stylesheets
169
Shipped checks
3
Font families
Astro 7.3
Built with

Every figure came from astro-design-terrane.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 direction for products whose buyers read the documentation before the pricing. Paper and night, Bebas Neue condensed at headline size over an electric plasma field, and mono labels doing the work icons usually do badly. The home page is five built set pieces rather than five stock illustrations — a topology map, a capabilities console, an exploded stack, a deployment run and a departures board — and none of them starts animating until the first paint is done.

  • Developer infrastructure and platform products
  • Technical SaaS sold to engineers rather than to procurement
  • Teams whose documentation is part of the sales argument
  • Anyone who has to explain latency, regions or throughput on a home page
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
  • Features
  • Pricing
  • Docs
  • Security
  • Customers
  • Changelog
  • About
  • Contact
  • Privacy
  • Terms
  • Legal notice
  • Site map

Collections

One Markdown file becomes a route, an index entry and a listing.
  • Article × 9
  • Author × 3
  • Category × 6

System

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

The decisions behind the look.

01

The configuration is proved, not promised.

Three scripts ship with the theme and run 169 checks between them: one edits every config value, rebuilds and inspects the output; one drives Chromium with every provider endpoint intercepted, so no request ever leaves; one sweeps each route for a single h1, a working menu at every width and a clean console. You re-run them after your own changes, which is the difference between a claim and a receipt.

02

Article covers are generated, not drawn.

An article with no image gets a latency histogram derived from a hash of its own id, in its category colour. It is deterministic, so the same article always looks the same, and it costs no image file and no network request — which is what stops a journal from slowly filling with stock photography nobody chose.

03

Static first frame, animation later.

The shader hero and the topology map paint one frame immediately, then wait for load and an idle callback before any loop starts, so they never compete with first paint. Below 768px, on four cores or fewer, or under Save-Data, the shader stays on that single frame and the map drops to 30fps. Reduced motion still turns all of it off.

04

The security page asserts nothing it cannot back.

It describes runtime behaviour and the documents available on request — no certification badges, no compliance logos, no acronyms standing in for an audit. That is a harder page to write and the only kind worth shipping in a theme, since whoever buys it inherits every claim left on it.

PALETTE
  • Paper #f5f5f2 Page ground
  • Night #10141b Dark bands and panels
  • Ink #0a0a0a Display type
  • Accent #4da3ff Fills, and text on night
  • Accent ink #1a66c4 The same accent, for text on paper
TYPEFACES
Display
Bebas Neue Condensed, set at headline size
Body
Inter Weight 400, 500 and 600
Utility
JetBrains Mono Labels and figures
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.

Terrane, 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.