Design Laboratory

README

What the lab is, how it's organised, how to read it.

Visual language

Foundations, theme families, product map, never mix.

Product personalities

Character before pixels — each product's tone.

Prompt library

Exploration directions — surprise with ideas, not gradients.

Galleries

Typography, spacing, components, icons, motion, a11y.

core.css primitives

Pattern library

Capture flows, receipts, tables, timelines, empty states.

Palette index

Archive Light, Operator Dark, Terminal, exploration sets.

Inspiration shelf

References + moodboards — pick a mood before designing.

Mood: Archive

Paper, ledger, personal scale.

Mood: Museum

Exhibit walls, quiet captions.

Museum Layout · study

Permanent-collection treatment — placards, vitrines, provenance chains, accession numbers.

Experiment zone

Explorations — contact sheet, evidence board, editorial.

Fx

Foxglove

Archive Light · sage + amber · pollinator ledger.

05-products/foxglove/preview.html

Gh

Greenhouse

Operator Dark · cyan · orbital habitat life-support.

05-products/greenhouse/preview.html

Tl

Tideline

Archive Light · teal + amber · shore stranding log.

05-products/tideline/preview.html

CR

Compass Rose

Terminal · lime · polar navigation log.

05-products/compass-rose/preview.html

Ll

Lumenloop

Operator Dark · amber · city-grid energy monitor.

05-products/lumenloop/preview.html

Qu

Quill

Studio · indigo · legislative record.

05-products/quill/preview.html

Br

Bracken

Archive Light · sage + amber · forest phenology journal.

05-products/bracken/preview.html

Cc

Cold Combe

Operator Dark · electric blue · seed vault inventory.

05-products/cold-combe/preview.html

Ln

Lantern

Terminal · amber · lighthouse keeper's log.

05-products/lantern/preview.html

Ve

Vellum

Archive Light · coral + amber · manuscript provenance.

05-products/vellum/preview.html

Hx

Hexline

Operator Dark · magenta · transit network control.

05-products/hexline/preview.html