Typography
Tipografia
La tipografia è come vengono scelti e disposti gli stili del testo per rendere le parole leggibili, ordinate e in linea con il brand.
Un altro esempio
Intestazioni, testo del corpo, etichette e codice usano ciascuno font, dimensioni, pesi e altezza delle linee pianificati.
Parti principali
- 01Foundation or token
- 02Applied component
- 03Visible state and rule
Usalo quando
Usalo per aiutare le persone a scansionare contenuti densi e per dare al prodotto una voce chiara.
Non usarlo quando
Non scegliere mai un carattere solo per il suo aspetto. Controlla il supporto linguistico e se ogni lettera è facile da leggere.
Nome usato nel codice
font-family / font-size / line-height Prima di spedire
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome: Complete the task with Tipografia (Typography). User context: Intestazioni, testo del corpo, etichette e codice usano ciascuno font, dimensioni, pesi e altezza delle linee pianificati. Design concept to apply: Tipografia (Typography). Why it fits: Usalo per aiutare le persone a scansionare contenuti densi e per dare al prodotto una voce chiara. Do not use it when: Non scegliere mai un carattere solo per il suo aspetto. Controlla il supporto linguistico e se ogni lettera è facile da leggere. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Nessun singolo standard ufficiale controlla l'intero termine. Il suo significato può cambiare tra team, piattaforme o framework. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Controlla questa richiesta
Review how Tipografia (Typography) is used now. Definition: La tipografia è come vengono scelti e disposti gli stili del testo per rendere le parole leggibili, ordinate e in linea con il brand. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.