dashtaste 0.0.0-stage → 0.0.2

package/skills/dashtaste-global/references/tokens.md

@@ -0,0 +1,65 @@
+# Tokens
+
+Ink and muted are text colours. Subtle and hairlines are decorative.
+
+## light
+
+| Token               | Hex     |
+| ------------------- | ------- |
+| light.paper         | #F4F2EE |
+| light.ink           | #1A1A18 |
+| light.muted         | #5F5F67 |
+| light.subtle        | #8A8A93 |
+| light.hairline      | #DEDCD6 |
+| light.grid          | #E8E6E0 |
+| light.brand         | #B65A08 |
+| light.other         | #C4C4CC |
+| light.up            | #107451 |
+| light.down          | #9B1745 |
+| light.categorical.0 | #B65A08 |
+| light.categorical.1 | #544D61 |
+| light.categorical.2 | #9B896D |
+| light.categorical.3 | #243635 |
+| light.categorical.4 | #B8BBC6 |
+| light.sequential.0  | #E8E6E0 |
+| light.sequential.1  | #DDE1F0 |
+| light.sequential.2  | #B4C0F0 |
+| light.sequential.3  | #778CEC |
+| light.sequential.4  | #B65A08 |
+
+## dark
+
+| Token              | Hex     |
+| ------------------ | ------- |
+| dark.paper         | #141412 |
+| dark.panel         | #191917 |
+| dark.ink           | #ECEAE4 |
+| dark.muted         | #A1A1AA |
+| dark.hairline      | #26262A |
+| dark.grid          | #242420 |
+| dark.brand         | #E6A24B |
+| dark.other         | #4A4A52 |
+| dark.up            | #4CC38A |
+| dark.down          | #D65A83 |
+| dark.categorical.0 | #E6A24B |
+| dark.categorical.1 | #DCD1B5 |
+| dark.categorical.2 | #9E849F |
+| dark.categorical.3 | #527371 |
+| dark.categorical.4 | #52525E |
+
+Use the numeral face with tabular figures. Headings use weight 500; body uses 400.
+One hero anchors the page; all other numbers remain subordinate.
+Use hairlines and whitespace to separate sections.
+Use hairlines and whitespace to separate sections.
+Use hairlines and whitespace to separate sections.
+Use hairlines and whitespace to separate sections.
+Use hairlines and whitespace to separate sections.
+Use hairlines and whitespace to separate sections.
+Use hairlines and whitespace to separate sections.
+Use hairlines and whitespace to separate sections.
+Use hairlines and whitespace to separate sections.
+
+Use the mono face for Latin ticks and table headers: 11px, 0.06em tracking.
+Keep CJK in the CJK face at 12px or larger, 16px on screens.
+The brand token is a chart accent reserved for exactly one mark and its value label.
+Paper and ink define the main surfaces and data strokes.