Reflector/Audio
Design directions · 2026

Website design — presentation

Ways this site could work.

Each direction below is a working website, not a picture of one. Open any of them, click through the pages, use the controls. They share identical content on purpose — so the comparison is about design, not about wording.

Everything here is placeholder. Product specifications, prices and copy are drawn from Reflector Audio's own published material and have not been confirmed. Nothing on these pages should be treated as approved text.
01 direction ready · more in progress
01 / Instrument

Measurement as
the aesthetic.

Six pages · dark · technical

Built to look like a measurement instrument rather than a brochure — a Tektronix manual, a lab report, a specification sheet. Every drawing is hand-drawn vector: dimensioned elevations, a hatched section, a real on-axis response curve, a polar directivity plot. No photography anywhere.

  • Live horn-finish selector — Oxide, Signal, Graphite — recolours the product in place
  • Working contact form with confirmation, and a configure-a-pair commerce section
  • Home · Square Two · Q1818 · Technology · Company · Contact
Open direction 01 → Jump to product page
Instrument
Open →
02 / Signal

The colour field
does the talking.

Six pages · dark · commerce

Graphite chrome with a full-bleed lacquer field that changes colour with the finish you pick. Archivo and DM Mono, rounded cards, counters that animate up. The most complete store of the set — it runs on the real research data, so the prices and the range match what we actually know.

  • Home · Collection · Product · About · Contact · Checkout, with order confirmation
  • Cart drawer, model chips and a four-lacquer configurator that repaints the page
  • Six models including Q1818 at "on application" and the L12 / T8 placeholders
Open direction 02 →
Signal
Open →
03 / Console

The website
as an application.

Four panes · dark · software

Not a page — a workstation. A fixed three-pane shell that never scrolls the whole window: source list on the left, stage in the middle, inspector on the right, tabs across the top and a live status bar along the bottom. Manrope and JetBrains Mono. The stage repaints to the lacquer colour as you select it. On a phone the panes stack into a single column and the workspace scrolls.

  • SELECT · CONFIGURE · ORIGIN · CONTACT tabs, plus a full checkout with card fields
  • Bar-meter readouts for output, reach and room size, per model
  • Detail bank of ten thumbnails docked in the sidebar
Open direction 03 →
Console
Open →
04 / Journal

Editorial, in
full colour.

Nine pages · dark · editorial

A magazine feature rather than a shop. Newsreader set warm against near-black, real photography across the whole range — Bespoke, Lite, Touch and Square Two — and nine sections that run from an index through studio, specifications, a demonstration and contact.

  • Nine pages: Index · Range · Square Two · Technology · Studio · Specifications · Purchase · Demonstration · Contact
  • Real product photography throughout, not drawn stand-ins
  • Carries the verified Square Two figures — 1 kHz crossover, four 5″ woofers
Open direction 04 →
Journal
Open →
05 / Object

The square is
the whole idea.

Nine pages · dark · bold

Syne set large and geometric, a molten-orange accent, and photography of the cube from every angle — pair, exploded array, driver face. The most graphic of the set, with a configurator and a live demonstration built in.

  • Nine pages including Collection, Configure and Demonstration
  • Studio, detail and exploded-array photography
  • Bold display type — the loudest direction in the set
Open direction 05 →
Object
Open →
06 / Standard

Engineering
you can verify.

Six pages · dark · drawn

Clean and modern — Geist on deep graphite, a single cool blue, and no photography at all. Argues the product on measurement and provenance: instruments for people who listen for a living.

  • Six pages: Home · Monitors · Square Two · Technology · Studios · Contact
  • All-drawn — CSS and vector only, nothing to load
  • Trust-first tone, built around verifiable engineering
Open direction 06 →
Standard
Open →
07 / Terminal

Four woofers
around a horn.

Three pages · black · monospace

Pure black, Archivo over JetBrains Mono, underlined links and a specification-first layout. The tightest, most instrument-like of the new set — three pages, no photography, everything measured.

  • Three pages: Home · Square Two · Technology
  • Monospace data tables, the corrected 1 kHz spec sheet
  • All-drawn — reads like a datasheet
Open direction 07 →
Terminal
Open →
08 / Atlas

Nearfield to
mastering.

Full site · dark · gold · checkout

The broadest build — Instrument Sans with an antique-gold accent, the full range with its logos, technology and interior photography, a Configure-Square-Two flow and a working cart. The room is the second half of the instrument.

  • Range, Technology, Installations, Provenance, Method, Enquiries
  • Configure Square Two, cart, finish / quantity / subtotal checkout
  • Full-range photography and per-model technology plates
Open direction 08 →
Atlas
Open →
09 / Monolith

One object,
lit like a jewel.

Three pages · dark · monochrome

Monochrome and confident — Inter Tight, a single cool steel, and every drawing authored as vector at photographic scale. A modern flagship product page: one idea per screen, generous scroll, no chromatic accent beyond the object itself.

  • Three pages: Home · Square Two · Technology
  • All artwork drawn as SVG — front hero, polar, response, five technology diagrams
  • Monochrome; the object is the only colour
Open direction 09 →
Monolith
Open →
10 / Axis

A single
acoustic axis.

Full site · dark · checkout

Characterful — Bricolage Grotesque with a molten-orange accent, built around close photography of the horn and drivers. A full site: Bespoke Series, Rooms, The Workshop, Specifications and a working order flow.

  • Index, Bespoke Series, Technology, Specifications, Rooms, The Workshop
  • Close horn / driver photography, live Bandwidth / Peak / Phase readouts
  • Order flow with subtotal
Open direction 10 →
Axis
Open →
11 / Architecture

Space,
resolved.

One-page · light · architectural

An architectural landing-page concept — light paper, a single lime accent, Archivo over Manrope. It sells the monitoring position as a place in a room: a drawn CSS monitor on a listening axis, a floor-plan reflection field, and a slide-in inquiry panel. The only light direction in the shortlist.

  • One long scroll: Hero · Approach · Rooms · Square Two · Inquiry
  • All-drawn in pure CSS — the monitor and floor plan are gradients, no photography
  • Its own concept copy, and a slide-in inquiry panel with confirmation
Open direction 11 →
Architecture
Open →
12 / Signal — first revision

Where Signal
started.

Three pages · dark · superseded

The first pass at Signal, kept for reference. Same palette family as direction 02, but three pages instead of six, an invented model range, and a press marquee that was dropped. Useful if the client prefers the tighter, louder version.

  • Superseded by direction 02 — shown so the progression is visible
  • Press marquee and animated stat counters
  • Model range and pricing here are invented, not from research
Open direction 12 →
Signal v1
Open →

Archive

Directions the client set aside — kept here for reference. Still complete and fully clickable, just not part of the shortlist above.

Archived / Vault

Dark editorial,
gold on black.

Three pages · dark · editorial

Bodoni Moda set enormous against near-black, with italic emphasis and an antique-gold accent. Reads like a limited-edition monograph rather than a shop. A running ticker, a numbered detail index, and a list of listening rooms by city.

  • Ten-plate detail index with click-to-enlarge lightbox
  • Horn configurator with a glow field behind the selected lacquer
  • Cart drawer written as a build sheet, not a basket
Open Vault →
Vault
Open →
Archived / Atelier

Paper, light,
and a lot of air.

Three pages · light · gallery

The only light direction. Warm paper, tight Helvetica headlines against EB Garamond italics, and a terracotta accent. Product photography sits in a horizontal gallery you drag sideways. Nothing shouts; the restraint is the argument.

  • Drag-scroll plate gallery with a full-bleed lightbox
  • "Enquiry list" instead of a cart — no prices pushed at the visitor
  • A four-step method section, numbered in roman
Open Atelier →
Atelier
Open →
Archived / Aperture

Written like
a magazine.

Six pages · light · long-form

A printed feature rather than a product page. Newsreader at 146px with an italic in terracotta, a genuine three-column article with a drop cap, a full-bleed dark pull quote, and the range set as an editorial index. The strongest writing of the original eight.

  • Home · The six · Product · The workshop · Enquiries · Checkout
  • Ten-plate gallery, basket drawer and a full checkout with order reference
  • Q1818 correctly reads "on application" rather than carrying a price
Open Aperture →
Aperture
Open →
Archived / Instrument — light

Drawing sheets
on graph paper.

Six pages · light · technical

The same argument as direction 01, inverted. Graph-paper ground, a drawing-office title block across the top, pages numbered as sheets, and a single drafting blue. Instrument Sans against Space Mono. Shows what the technical position looks like in light rather than dark.

  • Home · Range · Product · Origin · Enquiry · Checkout, numbered SHEET 01–05
  • Title block with subject, series, origin and first-prototype date
  • Shares a name with direction 01 — the dark original is the shortlisted one
Open Instrument — light →
Instrument · light
Open →