gitea_admin/zurich_kotak
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

console: lift the type scale — body 14, values 15, so hierarchy shows

Browse Source 
An audit found 124 of ~200 sizings at 12-13px: the 13px "meta" tier had become
the de-facto body size (97 uses), so the app read tiny and uniform with nothing
for the eye to land on, and the upper scale was starved. Shifted the crowded
lower tiers up one notch — dominant text 13->14, field labels 14->15, values
15->16, emphasis 16->17. One change to the scale definitions, lifting every
surface at once; 12px stays reserved for uppercase eyebrows.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Yashas 2026-09-09 11:49:57 +05:30
parent c0480e0ae0
commit d43b792dcb
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/index.css
View File

@ -93,11 +93,15 @@
at 14, and 12px is the FLOOR — reserved for uppercase eyebrows, never at 14, and 12px is the FLOOR — reserved for uppercase eyebrows, never
for anything a person has to read. Size does the prioritising so the for anything a person has to read. Size does the prioritising so the
reader does not have to. */ reader does not have to. */
/* Shifted up one notch after an audit found 124 of ~200 sizings sitting at
12-13px — the "meta" tier had quietly become the body size, so the whole
app read tiny and uniform with nothing for the eye to land on. Body is 14
now, values 15, emphasis 16; 12px stays for uppercase eyebrows only. */
--fs-3xs: 0.75rem; /* 12px — uppercase eyebrows only */ --fs-3xs: 0.75rem; /* 12px — uppercase eyebrows only */
--fs-2xs: 0.8125rem; /* 13px — timestamps, meta */ --fs-2xs: 0.875rem; /* 14px — was 13; the app's dominant size, now comfortable */
--fs-xs: 0.875rem; /* 14px — field labels */ --fs-xs: 0.9375rem; /* 15px — field labels */
--fs-sm: 0.9375rem; /* 15px — body, field values */ --fs-sm: 1rem; /* 16px — body, field values */
--fs-md: 1rem; /* 16px — emphasis */ --fs-md: 1.0625rem; /* 17px — emphasis */
--fs-lg: 1.125rem; /* 18px — panel titles */ --fs-lg: 1.125rem; /* 18px — panel titles */
--fs-xl: 1.375rem; /* 22px — section headings */ --fs-xl: 1.375rem; /* 22px — section headings */
--fs-2xl: 1.75rem; /* 28px — page title */ --fs-2xl: 1.75rem; /* 28px — page title */