atassis.ru · design system
Press g (or the button, bottom-right) to toggle the baseline + column grid. Tell me “tighter / looser / doesn’t sit on the grid” and I tune the tokens live — it reloads itself.
root font-size: … · numbers below are read live from the rendered page
4xl · … · …Verify against ground truth3xl · … · …Selected work2xl · … · …On-device NPU inferencexl · … · …Heading fourlg · … · …Lead / large bodybase · … · …Body textsm · … · …Small / captionsxs · … · …Micro / labelsA from-scratch engine that runs whole model graphs natively on the laptop NPU, where the prior open-source high-water mark was a single matmul. Body text sits on a 28px baseline; paragraphs are whole multiples of the rhythm unit so the column stays on the grid.
A second paragraph to check inter-paragraph rhythm and the measure: lines should break around 62 characters, the comfortable reading zone for sustained prose.
Люблю грозу в начале мая,
Когда весенний, первый гром,
как бы резвяся и играя,
Грохочет в небе голубом.
placeholder — public-domain (Тютчев); verse is always serif. Swap for your own.
Merged compiler & operator fixes so it scales to large designs — eliminated the O(n²) build walls, with byte-identical output.
0.25rem0.5rem0.75rem1rem1.5rem2rem3rem4rem