Sistem vizual

Toți tokenii din src/styles/tokens.css și stilurile de bază, la vedere.

Diacritice

Șoșoacă țânțar Țăndărei înghețată

Șoșoacă țânțar Țăndărei înghețată

Ambele familii trebuie să deseneze ș și ț cu virgulă dedesubt, nu cu sedilă. Sus: IBM Plex Sans. Jos: Source Serif 4.

Culori

• Ink --ink Text principal, fundal invers, marca
• Paper --paper Fundal — alb ușor cald
• Signal --signal REZERVAT: rezultat calculator / CTA principal
• Trust --trust Doar linkuri și focus
• Cost --cost Creșteri, sume de plată, avertismente
• Save --save Reduceri, bonificații, economii
• Muted --muted Text secundar, metadate
• Rule --rule Borduri, separatoare
• Surface --surface Fundal de bloc, zebra

Semantică pe delta

Impozitul a crescut: +75% față de 2025. Cu bonificația de 10%: −28 lei.

Tipografie

Rezultat 48/56 --type-result

287 lei

h1 36/42 --type-h1

Impozitul auto în 2026

h2 26/34 --type-h2

Cum se calculează

h3 20/28 --type-h3

Fracțiuni de 200 cm³

body 17/28 --type-body

Textul de corp stă la 17px pentru cititorii de peste 60 de ani.

small 15/24 --type-body-sm

Notă secundară sub un câmp.

label 13/18 --type-label

VERIFICAT 14 IANUARIE 2027

Cifre tabulare

Spațiere

• --space-1
• --space-2
• --space-3
• --space-4
• --space-6
• --space-8
• --space-12
• --space-16

Formă

Focus și mișcare

Tab prin acestea — conturul de focus e mereu vizibil: un link, un buton.

Mod întunecat

Flip de tokeni la prefers-color-scheme: dark. Schimbă tema sistemului ca să vezi paginile trecând pe fundal Ink.