Yashas
009153fc0c
The app had FIFTY-FOUR distinct font sizes and forty of them sat between 0.58rem and 0.95rem — a three-pixel band. The most-used size was 0.78rem, so body copy was 12.5px. That is not a hierarchy, it is a fog of small grey text, and it is the main reason the screen read as a decade old: nothing could be emphasised because everything was already the same size. Nine steps now, with real jumps. 12px is the floor and is reserved for uppercase eyebrows — every one of the 53 declarations sitting there that was not an eyebrow has been lifted off it. The surfaces people actually read — the trail's entries, WhatsApp bubbles, field values, table cells — are at body size rather than meta size. The hairline cages are gone with them. The lead metrics and the overview KPIs were seven equal cells in a 1px grid, every value the same size as its label, which left the reader to do the prioritising themselves on every lead. They are separated by whitespace now, values at 22px against 12px labels, with premium and commission larger again: size does the prioritising instead. Panels breathe at 32px rather than 24, radii went 10/14 -> 12/16/20, borders dropped to the softer line, and the stage rail, the queue table and the cards were rebuilt on the same spacing rhythm. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
18 lines
470 B
CSS
18 lines
470 B
CSS
/* Wider than the prose dialogs — this holds a four-column form grid, not a
|
|
paragraph — and allowed to grow taller, because a form that scrolls its own
|
|
Submit off the bottom is worse than a tall dialog. */
|
|
.nld { width: min(880px, 100%); max-height: min(88vh, 860px); }
|
|
|
|
.nld__sub {
|
|
margin: 4px 0 0;
|
|
font-size: var(--fs-2xs);
|
|
line-height: 1.5;
|
|
color: var(--zk-muted);
|
|
max-width: 62ch;
|
|
}
|
|
|
|
.nld__body {
|
|
overflow-y: auto;
|
|
padding: 18px 24px 22px;
|
|
}
|