Live preview
Ether homepage: a near-black green page with the headline One window on your whole product, the last two words in mint serif italic, a mint Start free for 14 days button and live status figures, beside a soft glowing green orb, above a pale strip of customer names
15 / ASTRO THEME

Ether

For a product that keeps its accent for what is live.

  • SaaS
  • Analytics
  • Startup

The fifteenth Quaeris Design release, and the first one that is free. A product-analytics site carrying features, plans with a billing switch, three case studies and a searchable journal with authors and categories — twenty-three routes, with the whole demo live and open to inspection.

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

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

Free, under the same licence: one published website. The studio licence covers client work.

THE BRIEF

What it is for, and who it suits.

A visual direction for software that would rather sound like an editor than a growth team. Paper and deep green, a grotesque headline with one phrase set in serif italic, mono chapter markers and a single mint accent kept for whatever is live or active. The hero is a WebGL glow written without a library, and it gives way to a CSS one on a phone, on modest hardware and on a software renderer.

  • Product analytics and data tools
  • B2B SaaS with a free trial
  • Early-stage startups that need a site before they need a designer
  • Anyone who wants to read a Quaeris theme in full before buying one
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
  • Customers
  • Journal
  • Search
  • About
  • Contact
  • Site map
  • Legal notice

Collections

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

System

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

The decisions behind the look.

01

The accent is kept for what is live.

Paper for surfaces, ink for type and one saturated green, spent only on live state, the active link, numerals and the primary action. Spreading it any further is what makes a SaaS site look like every other one, so the theme’s own documentation tells you not to.

02

A shader that knows when not to run.

The hero glow is a WebGL fragment shader on a single triangle, with no library behind it. Under reduced motion no context is created at all; on a narrow screen or modest hardware it is never started; and where the browser reports a software renderer it gives way to a CSS glow rather than drawing every pixel on the processor.

03

The customer stories say they are invented.

The case studies, their companies, quotes and figures are sample content, and the page says so in its masthead. Shipping invented customer proof as if it were real is a trust problem and a legal one, so the theme makes it impossible to forget rather than easy to miss.

04

One serif phrase per headline.

Four faces, each with one job: a variable grotesque for headings and figures, a serif italic for a single phrase per headline, a sans for running text and a mono for markers and labels. That one editorial note against a technical grotesque is what keeps the site from reading as another clean template.

PALETTE
  • Paper #fbfcfa Page ground
  • Night #0c1a15 The hero and dark bands
  • Ink #0d1f18 Display and body type
  • Soft ink #3e4e47 Secondary text
  • Accent #00674a Live state and actions on paper
  • Mint #56b289 The same accent on night
TYPEFACES
Display
Bricolage Grotesque Variable, every heading and figure
Accent
Instrument Serif Italic, one phrase per headline
Body
Plus Jakarta Sans Variable, running text and buttons
Utility
JetBrains Mono Variable, markers, labels and metadata
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.

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

Free, under the same licence: one published website. The studio licence covers client work.

ELSEWHERE IN THE COLLECTION

Three more directions.