Variable precision
Weight stops 320, 330, 340, 450, 480, 540, 700 — the granular control IS the design. Hierarchy through micro-differences.
Reference fixture · figma
Nothing great is made alone.
Figma brings teams together to design, prototype, and build. A strictly black-and-white interface where product content is the hero. Every value below from tokens.css.
What this fixture exercises
Monochrome chrome
#000000 and #ffffff only. Color lives in product content — gradients, screenshots, and embedded designs — never the shell.
Dashed focus
2px dashed outline on all interactive elements — echoes selection handles in the Figma editor. The website speaks the product's UI.
Actions
All buttons use pill (50px) radius.
No sharp corners on interactive elements. Black solid for primary; bordered white for secondary. Focus is dashed, never solid.