Färg
Komponenter läser roller, aldrig primitiver.
Ytor
Från sidans bakgrund och framåt.
Sidan
Panel
Nedsänkt
Framför
Text
Tre nivåer, alla mätta mot ytan de ligger på.
Brödtext och rubriker
Etiketter och sekundära åtgärder
Tidsstämplar, hjälptext, det finstilta
Text på en mörk platta
Linjer
Två för dekoration, en för kontroller. Kontrollkanten håller 3:1.
Hårstreck
Panelkant
Kontrollkant
Roller
En färg och texten på den är ett beslut, inte två.
| Roll | Fylld | Tonad | Som text |
|---|---|---|---|
| Accent | Aa | Accent | Aa |
| Klart | Aa | Klart | Aa |
| Uppmärksamhet | Aa | Uppmärksamhet | Aa |
| Fel | Aa | Fel | Aa |
| Information | Aa | Information | Aa |
Varumärket
Whitespaces tre färger, exakt som märket ritar dem.
Blå
Whitespace: märkets cirkel
Orange
Whitespace: märkets kvartscirkel
Gul
Whitespace: märkets platta
Skalor
Elva steg per familj, jämna i upplevd ljushet.
slate
ws-blue
ws-green
emerald
amber
rose