Constructing
Matter — The Elements ∎
Scroll. The page changes its clothes — sector to sector, palette to palette, motion to motion. Every world is a concept specimen, built by the same hands that would build yours.
Concept specimens — demonstrations of range, not client work ∎
Scroll to begin — specimen 01 of 08
Or travel by keyboard — J and K, or the arrow keys.Or tap a dot in the bar below to jump.
Specimen 01 — Creative & portfolio
Portfolios and studios: the work speaks, the site stays out of the way — mostly.
Demonstrates: cursor-repelling letters · scroll-splayed type · orbiting mark
Brief a site in this directionSpecimen 02 — Nightlife & events
Events, venues, drops — sites with a pulse and a queue.
Demonstrates: flicker-on headline · equalizer canvas · kinetic ticker
Brief a site in this directionSpecimen 03 — Boutique retail
Product stories, considered type, a checkout that doesn't feel like a form.
The shelf — keep scrolling
Vessel, no. 4
Hand-thrown
Linen apron
Small batch
Ash stool
Signed
Copper pan
One of twelve
Wool throw
Studio seconds
Demonstrates: sticky horizontal shelf · scroll-scrubbed · type with a spine
Brief a site in this directionSpecimen 04 — Restaurants & hospitality
Booking, menus, private dining — a restaurant site that smells of the room.
Tonight — four courses
Concept control — nothing to book here
Demonstrates: ember particles · scroll-plated menu · warmth as material
Brief a site in this directionSpecimen 05 — SaaS & product
Dashboards, docs and pricing that read like the product works.
Console — demonstration data
Last 24h
Demonstrates: counters on entry · drawn sparkline · cursor light
Brief a site in this directionSpecimen 06 — Wellness & clinics
Clinics and studios: booking without friction, pages that breathe.
60 minutes · studio one
Slow, floor-based, nothing to keep up with.
45 minutes · studio two
Twelve people, one instructor, no mirrors.
30 minutes · by appointment
A conversation before anything is booked.
A pacer, not a graphic
Breathe in…
Four seconds in, six out. It is the only thing on this page that asks anything of you — and it gives something back before a single form does.
Nothing hurries you here. There is one action on the page, and it is the one you came for.
Demonstrates: a pacer you can follow · breathing gradients · restraint as a feature
Brief a site in this directionSpecimen 07 — Trades & construction
Quotes, job galleries, accreditations — a trade site with steel toe caps.
Job sheet
No. 0007 (demo)
Indicative range (demo)
£38,200–£45,800 for 45 working days on site
Demonstration rates for a concept world — not Matter's pricing, and not a quote for anything.
Demonstrates: assembly on scroll · a job sheet that prices itself · dimension lines
Brief a site in this directionSpecimen 08 — Law & finance
Precision typography, zero theatrics, total confidence.
Diligence is not a mood; it is a method. A page for a practice of this kind has one job before any other: to be read without friction, by someone who is already carrying enough. Set the measure honestly. Let the margins do the arguing. Give every figure a column it can be checked in, and every clause a line length the eye can finish. Restraint is not an absence of design — it is the most expensive kind. When there is nothing left to distract from the words, the words had better be right.
Practice areas
Concept navigation — nothing to open
Demonstrates: editorial typography · deliberate stillness · movement is a choice
Brief a site in this directionEnd of catalogue ∎
Every specimen above was made the same way yours would be: from nothing, in code, by the people who will answer the phone afterwards. Tell us which one yours should be — or none of them.
None of it is client work, and none of it pretends to be. The builds with substance behind them live on the work page.
Start yours
Every specimen, one screen
01
MONOCreative & portfolio
Brief this direction →02
NEONNightlife & events
Brief this direction →03
ATELIERBoutique retail
Brief this direction →04
EMBERRestaurants & hospitality
Brief this direction →05
SIGNALSaaS & product
Brief this direction →06
MEADOWWellness & clinics
Brief this direction →07
IRONWORKTrades & construction
Brief this direction →08
LEDGERLaw & finance
Brief this direction →