adds design

2026-09-03 09:36:58 +02:00
parent 79c7a45807
commit 47581d5718
19 changed files with 1447 additions and 0 deletions
--- a/docs/design/tokens/typography.css
+++ b/docs/design/tokens/typography.css
@@ -0,0 +1,31 @@
+/* One scale for display (Plex Mono 700) and body (Plex Sans). Line-height tightens as size grows. */
+:root {
+  --text-2xs: 10px;
+  --text-xs: 11px;
+  --text-sm: 13px;
+  --text-base: 15px;
+  --text-md: 17px;
+  --text-lg: 20px;
+  --text-xl: 24px;
+  --text-2xl: 32px;
+  --text-4xl: 44px;
+  --text-6xl: 58px;
+  --text-7xl: 76px;
+
+  --leading-display: 1.02;
+  --leading-tight: 1.15;
+  --leading-snug: 1.3;
+  --leading-normal: 1.6;
+  --leading-loose: 1.7;
+
+  /* Plex Mono display tracking is negative; label tracking is wide. */
+  --tracking-display: -0.04em;
+  --tracking-heading: -0.02em;
+  --tracking-normal: 0;
+  --tracking-label: 0.14em;
+
+  --weight-body: 400;
+  --weight-medium: 500;
+  --weight-semibold: 600;
+  --weight-display: 700;
+}