Typography Editor

Typografiredigeringsverktøyet gir et levende arbeidsområde for skriftinnstillinger og CSS-utdata. Designere og frontend-innsatsbrukere bruker det til å teste font-family valg, vekter, størrelser, linjehøyde og bokstavavstand, og sammenligne resultater på tvers av brytere. Inndata flyttes til typografiregler og gir en troverdig forhåndsvisning, slik at presise justeringer kan gjøres før typografi integreres i en produktgrensesnitt.

Konseptuelt konverterer verktøyet brukervalg til standard CSS-regler og tokens. Det støtter px- og rem-enheter, konverterer størrelser basert på en rotfontstørrelse og produserer et CSS-blokk samt en strukturert JSON-konfigurasjon for design-systemer. Valgfrie font-variation-settings støttes for variable skrifttyper.

Hvem gagner? UI-designere, frontend-ingeniører og innholdsstrateger som søker konsekvent typografi på tvers av plattformer. Unik verdi ligger i determinisme (enheter, skalaer og fallback) og eksportmuligheter som reduserer gapet mellom design og implementering, samtidig som det muliggjør rask eksperimentering med typografiske skalaer og spacing. Kjernefunksjoner: inndatagrupper for font-family, vekt, størrelse, linjehøyde og bokstavavstand; alternativ font-URL-støtte; live preview; CSS-eksport; JSON-token-eksport; og valgfri responsive presets for vanlige breakpoints. Bruksområder: produktdashboards, markedsføringssider, e-commerce produktsider og dokumentasjonsportaler.