Live preview
Synora homepage on cream paper: a faint twelve-column grid annotated in mono — Line 3 · 131 px · 82% · 441 px wide — with a pale lime column band, behind the very large condensed capitals We build what we design., the middle line drawn in outline only; on the right, Strategy, design and engineering under one roof above a lime pill button Start a project, under a nav with the wordmark Synora. and a black Start a project button; along the bottom, Fig. 01 · Construction, rendered live and Lighthouse 100 · 100 · 100 · 100 on every launch
25 / ASTRO THEME

Synora

For an agency whose own site is the first deliverable.

  • Web agency
  • Design studio
  • Editorial

The twenty-fifth Quaeris Design release. An independent web agency carrying four disciplines, three case studies, a four-step method, three published plans, a studio page with team and timeline, and a journal with authors and categories — twenty-seven indexable routes, with the whole demo live and open to inspection.

MEASURED FROM THE DEMO
6.5 KB
JavaScript
27
Indexable routes
0
Blocking stylesheets
2
Font families
AVIF / WebP
Images
Astro 7.3
Built with

Every figure came from astro-design-synora.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 independent web agency that wants its own site to read as proof of the craft. Cream paper, one ink and one lime accent, Archivo condensed and set heavy in capitals at poster scale, IBM Plex Mono for every label, and hairline rules with hard offset shadows in place of soft cards. The one decision is to show the construction: the hero draws its own grid, baselines and measurements over the real headline, annotated in mono, so the layout presents itself as engineered rather than decorated.

  • Independent web and digital agencies
  • Design and front-end studios selling strategy, design and build
  • Freelance collectives presenting themselves as one team
  • Studios that publish their plans and method 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
  • Services
  • Work
  • Pricing
  • Studio
  • Contact
  • Journal
  • Authors
  • Categories
  • Search
  • Legal notice
  • Site map

Collections

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

System

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

The decisions behind the look.

01

The hero draws its own construction.

Behind the headline, a canvas traces the grid, the baselines and the column the layout actually uses, measured on the rendered type, and annotates them in mono — line, size, width, column — like a figure in a type specimen. It loads after the page, stays off the critical path, and is skipped entirely under reduced motion, where a lime wash in CSS stands in for it.

02

One grotesk, many widths.

Archivo is loaded with its width axis, so a single family covers the whole range: compressed to 78 per cent for chapter numerals and the big figures, 82 for the hero, widened to 118 for spaced labels. One line in each headline is set in outline rather than solid, and every chapter carries an outlined numeral behind it — the typographic accent, with no second display face.

03

One lime, kept for action.

Lime is the only saturated colour: buttons, the small markers in the hero, the active year on the timeline. Where it has to be read as text on cream it turns to a deep fern that keeps its contrast. Everything else is ink and hairlines, and a button answers hover with a hard offset shadow rather than a glow. The journal categories are desaturated into the paper family, so a topic never reads as 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, and the consent bar appears only for a tool that sets cookies.

PALETTE
  • Cream #fcfaf2 Page ground, the paper everything is drawn on
  • Oat #f4f4ef The second surface, for card plates and panels
  • Ink #1a1c18 Headlines, text, rules and the hard shadows
  • Moss grey #5e6357 Secondary text and the mono labels
  • Lime #bef35e The only saturated colour: buttons, markers, the hero wash
  • Fern #3a6900 Lime that reads on cream: the wordmark dot, prices, the active year
TYPEFACES
Display and text
Archivo variable on width and weight: 800 in capitals at 78 to 88% width for headlines, 600 at 118% for wide labels, normal width for reading
Labels
IBM Plex Mono 400 and 500, tracked capitals for labels, indices and measurements
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.

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