From f9676cbacbffd988f31909c974b70043d3378701 Mon Sep 17 00:00:00 2001 From: fs Date: Sun, 22 Mar 2026 16:00:24 +0100 Subject: [PATCH] refactor: rebase type scale at 14px for enterprise-density UI Shift all typography tokens down to match industry standard for admin dashboards (Atlassian, Carbon, Primer, SAP Fiori all use 14px base). Browser root stays at 16px for accessibility zoom compliance. Co-Authored-By: Claude Opus 4.6 (1M context) --- web/css/base/variables.base.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/web/css/base/variables.base.css b/web/css/base/variables.base.css index 8f47eac..042cba6 100644 --- a/web/css/base/variables.base.css +++ b/web/css/base/variables.base.css @@ -75,17 +75,17 @@ --app-empty-text: var(--app-color); --app-empty-hint: var(--app-muted-color); - /* ── Typography scale (approximate major-third ratio 1.25×, tighter steps below base) ── */ - --text-2xs: 0.625rem; - --text-xs: 0.75rem; - --text-sm: 0.875rem; - --text-base: 1rem; - --text-lg: 1.125rem; - --text-xl: 1.25rem; - --text-2xl: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem); - --text-3xl: clamp(1.5rem, 1.3rem + 0.75vw, 1.875rem); - --text-4xl: clamp(1.75rem, 1.5rem + 1vw, 2.25rem); - --text-5xl: clamp(2.25rem, 1.9rem + 1.5vw, 3rem); + /* ── Typography scale (enterprise-density, 14px base, approximate 1.25× ratio) ── */ + --text-2xs: 0.6875rem; /* 11px */ + --text-xs: 0.75rem; /* 12px */ + --text-sm: 0.8125rem; /* 13px */ + --text-base: 0.875rem; /* 14px — enterprise admin baseline */ + --text-lg: 1rem; /* 16px */ + --text-xl: 1.125rem; /* 18px */ + --text-2xl: clamp(1.125rem, 1rem + 0.5vw, 1.375rem); /* 18–22px */ + --text-3xl: clamp(1.375rem, 1.2rem + 0.75vw, 1.75rem); /* 22–28px */ + --text-4xl: clamp(1.625rem, 1.4rem + 1vw, 2.125rem); /* 26–34px */ + --text-5xl: clamp(2rem, 1.7rem + 1.5vw, 2.75rem); /* 32–44px */ /* ── Line-height tokens ─────────────────────────────────────── */ --leading-none: 1;