bench studio suite · design lab
Design Explorations
Live samples. Elements before they ship.
Fusion
Design System
active explorations
Bench × Filigree — Fusion Lab
Controls, dividers, bezel surfaces, heraldic mark in three metal states.
bench
→
color palette
Obsidian — dark ground
ink-950
ink-900
ink-800
ink-700
ink-600
ink-500
Verdigris — alive primary · "teal" · workshop / active / tasks
teal-900
teal-700
teal-500
teal-300
teal-200
teal-100
Amethyst — deep secondary · "violet" · constellation / discovery / reflection
violet-900
violet-700
violet-500
violet-300
violet-200
violet-100
Aurum — ceremony accent · "gold" · use sparingly · completion / milestone
gold-600
gold-400
gold-300
Mist — text and parchment
mist-500
mist-400
mist-300
mist-200
mist-100
Bench metals — three-state progress system
copper
silver
metal-gold
typography
display
The Bench
heading
Anna's Pendant
body
"Something that catches light the way the river did the morning we scattered her ashes."
caps
moonstone · sterling · commission
price
$1,420
mono
18 of 26 prongs · 68%
quiet
A clear day. Tea on the bench. Three letters waiting.
toggle
toggle · off
on-teal
on-gold
on-violet
checkbox
unchecked
on-teal
on-gold
on-violet
progress
progress-teal ·
68%
progress-gold ·
100%
progress-violet ·
42%
buttons
Begin piece
btn-primary
Edit
btn-secondary
Mark delivered
btn-ceremony
Cancel
btn-ghost
chips
active
chip-teal
finished
chip-gold
awaiting reply
chip-violet
laid aside
chip-muted
cards · bezel surfaces · hover to feel
Workshop
active
Chasing
Hands-on practice session.
4.5h logged
55%
card-teal
Pieces
finished
Anna's Pendant
"Something that catches light."
$1,420
delivered
card-gold
Letters
awaiting reply
Mira
"Two rings from the same tree."
sterling
yesterday
card-violet
dividers
div-teal
workshop zones · active sections
div-gold
ceremony · milestone · delivered
div-ornament
constellation · door · reflection · archive
div-whisper
list items · inline separators
bezel system · surfaces feel set like a stone
whisper
bezel-1
soft
bezel-2
present
bezel-3
strong
bezel-4
sharp
bezel-5
gold
bezel-gold
violet
bezel-violet
nav items · sidebar states
Customers
Schedule
Workshop
Pieces
default · hover · active · default
heraldic mark · three metal states
mark-copper
not yet begun
mark-silver
walking the path
mark-gold
mastered
Everything visible. Everything named. Nothing to click through.