Typography
Tipografia
Tipografia é a forma como os estilos de texto são escolhidos e organizados para tornar as palavras legíveis, ordenadas e de acordo com a marca.
Outro exemplo
Cabeçalhos, corpo de texto, rótulos e código usam fontes, tamanhos, pesos e alturas de linha planejados.
Partes principais
- 01Foundation or token
- 02Applied component
- 03Visible state and rule
Use-o quando
Use-o para ajudar as pessoas a lerem conteúdo denso e dar ao produto uma voz clara.
Não o use quando
Nunca escolha uma fonte apenas pela aparência. Verifique o suporte de idioma e se cada letra é fácil de ler.
Nome usado no código
font-family / font-size / line-height Antes de lançar
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: Cabeçalhos, corpo de texto, rótulos e código usam fontes, tamanhos, pesos e alturas de linha planejados. Design concept to apply: Tipografia (Typography). Why it fits: Use-o para ajudar as pessoas a lerem conteúdo denso e dar ao produto uma voz clara. Do not use it when: Nunca escolha uma fonte apenas pela aparência. Verifique o suporte de idioma e se cada letra é fácil de ler. 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): Nenhum padrão oficial único controla todo o termo. Seu significado pode mudar entre equipes, plataformas ou frameworks. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Conferir este pedido
Review how Tipografia (Typography) is used now. Definition: Tipografia é a forma como os estilos de texto são escolhidos e organizados para tornar as palavras legíveis, ordenadas e de acordo com a marca. 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.