Live preview
Lumora homepage: a warm paper page with the serif headline Ten songs. Two colours. One record., the last word underlined in pink, a black Press a record button with a pink offset edge, and beside it a large vinyl disc swirling raspberry and ultramarine around a cream label reading Lumora, one of one
19 / ASTRO THEME

Lumora

For a shop where no two orders are alike.

  • Maker
  • Shop
  • Music

The nineteenth Quaeris Design release. A record-pressing shop carrying its process, a library of twenty-one colour pairs, sizes and prices, an order form and a searchable journal with authors and categories — twenty-six routes, with the whole demo live and open to inspection.

MEASURED FROM THE DEMO
1.2 KB
JavaScript
26
Indexable routes
0
Blocking stylesheets
2
Font families
WebP
Images
Astro 7.3
Built with

Every figure came from astro-design-lumora.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 a small workshop that sells one object at a time. Warm paper, Fraunces headlines with a highlighter stroke under one word, mono eyebrows and a palette of wax colours that pair off in twos. The hero is a spinning record drawn entirely in CSS, and every photograph on the site is pressed in two colours like the records it sells.

  • Makers and workshops that sell made-to-order objects
  • Independent record shops, labels and pressing plants
  • Print studios, ceramicists and small-batch brands
  • Any shop whose product is a choice of colours
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
  • Process
  • Wax library
  • Pricing
  • Order
  • Journal
  • Search
  • About
  • Contact
  • Legal notice
  • Site map

Collections

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

System

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

The decisions behind the look.

01

The record is drawn, not photographed.

The hero disc is two CSS gradients: a conic sweep between two wax colours and a fine repeating ring for the grooves, turning slowly behind a printed label. Its colours come from the same data as the wax library, so pointing the hero at another pair recolours the record, and it costs no image file. Under reduced motion it stops turning.

02

Every photograph is pressed in two colours.

One component turns any photograph into a duotone of two wax colours over a greyscale image, with a faint groove texture on top. On a device with a mouse, a soft spotlight follows the cursor and lets the full-colour original show through — a CSS mask, no canvas — while touch screens keep the duotone.

03

The page is laid out like a record.

Sections carry track numbers down the margin, A1 to C1, a dark flood band breaks the paper halfway through, and a single word per headline gets a misprinted highlighter stroke. It is a small set of devices used consistently, which is what keeps a playful theme from turning into a novelty one.

04

Four config files, safe defaults.

Identity, contact form, newsletter and analytics each live in one file under src/config, and each starts on a default that works with no account: mailto for the form, nothing at all for the newsletter and analytics. The site builds and runs before you touch anything, and everything is resolved at build time.

PALETTE
  • Paper #f2e9d8 Page ground
  • Ink #2b2117 Type and the main button
  • Flood #221a12 The dark band between sections
  • Raspberry #e13a7a Highlights and the button edge
  • Ultramarine #2f45c5 The second wax of the hero record
  • Persimmon #e35b1f One of the other wax colours in the library
TYPEFACES
Display
Fraunces Variable, headlines and the record label
Body
Manrope Variable, running text and navigation
Utility
System monospace Eyebrows and buttons, nothing downloaded
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.

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