Styleguide
Every token, type style and control in the design language. Values come from src/config/theme.ts.
Colour
- bone#E6E3DD
Lightest: text on dark, lit top faces
- ash#C9C6BF
Page background
- cement#B3AFA7
Panels, alternate sections, canvas floor
- concrete#A8A49C
Default part colour in 3D, muted text on dark
- stone#555149
Muted text, grid lines
- graphite#3F3D39
Dark bands
- basalt#2B2925
Body text, hairlines, edges
- void#151413
Darkest sections, footer
- spice#B4622D
The only accent: selection, primary button, active state
- fault#8F3B2A
Validation errors, always with a hatch or icon
Type
- Anton · in useTessera
- Big Shoulders BlackTessera
- Big Shoulders Stencil BlackTessera
- League GothicTessera
- Oswald BoldTessera
- Bebas NeueTessera
Tessera
A few parts. Any furniture.
Slides together. No tools.
Priced by the part.
Cast concrete parts that stack and lock. No screws, no tools.
Each part has a boss on its top face and a matching socket on the face below. Parts sit on one shared grid and present a smooth, flush face from the side.
QTY PART MATERIAL COLOUR UNIT LINE 0123456789
QTY PART MATERIAL COLOUR UNIT LINE 0123456789
QTY PART MATERIAL COLOUR UNIT LINE 0123456789
Controls
Key hints
Hairlines and panels
A panel is a hairline box on bone. No shadow, no radius.
1px basalt hairline
Fault
Numbers and dimensions
- money
- $143.25
- delta
- + $14.00
- mm
- 1200 x 400 x 750 mm
- in
- 47.2 x 15.7 x 29.5 in
- weight
- 163 kg
- total
- $132.00
Motion
Heavy and slow. Ease-out, no bounce. Reduced motion swaps movement for a fade.
Line drawings
- Block1200 x 200 x 200 mm
- Half block2200 x 200 x 100 mm
- Long block3400 x 200 x 200 mm
- Long half block4400 x 200 x 100 mm
- Slab S5400 x 400 x 50 mm
- Slab M6800 x 400 x 50 mm
- Slab L71200 x 400 x 50 mm
- Slab XL81600 x 400 x 50 mm
- Table top91200 x 800 x 50 mm
- Deck S10400 x 400 x 50 mm
- Deck M11800 x 400 x 50 mm
- Deck L121200 x 400 x 50 mm
- Round leg13Ø200 x 200 mm
- Round half leg14Ø200 x 100 mm
- Round column15Ø400 x 200 mm
- Rail M16800 x 200 x 100 mm
- Rail L171200 x 200 x 100 mm
- Round top S18Ø600 x 50 mm
- Round top M19Ø800 x 50 mm
Materials and colours
- Standard0% · 0% weight
- Lightweight+25% · -30% weight
- Fibre-reinforced+60% · -50% weight
- Outdoor sealed+30% · 0% weight
- Natural grey0%
- Graphite+10%
- Charcoal+10%
- Basalt+10%
- Chalk0%
- Bone+10%
- Fog+10%
- Rose+10%
- Sand+10%
- Ochre+10%
- Clay+10%
- Umber+10%
- Spice+10%
- Terracotta+10%
- Sage+10%
- Moss+10%