Agora
EventosItaú publica a palestra de John Maeda sobre AX e a evolução do UXIA & TechBrauer esconde no site O Arquivo Perdido, jogo em pixel art com cupons e livrosLivrosBrauer lança Novo Repertório, de Marcos Rezende, com versão digital gratuitaPrêmiosLiceu de Artes e Ofícios lança o Prêmio Design, com inscrições até 14 de janeiroNomesGabriel CastilhoNomesElizabeth SilvaNomesJoão CostaReferênciasMostra de São Paulo abre acervo digital com os cartazes das 50 edições, vinhetas e os registros de mais de 11 mil filmesLivrosLivro de 700 páginas reúne mais de 500 capas de cordel e trata a tipografia improvisada como sistema de designReferênciasSagmeister borda numa bota os números da OCDE sobre pessoas em situação de rua e põe a eletricidade renovável num tênisEventosItaú publica a palestra de John Maeda sobre AX e a evolução do UXIA & TechBrauer esconde no site O Arquivo Perdido, jogo em pixel art com cupons e livrosLivrosBrauer lança Novo Repertório, de Marcos Rezende, com versão digital gratuitaPrêmiosLiceu de Artes e Ofícios lança o Prêmio Design, com inscrições até 14 de janeiroNomesGabriel CastilhoNomesElizabeth SilvaNomesJoão CostaReferênciasMostra de São Paulo abre acervo digital com os cartazes das 50 edições, vinhetas e os registros de mais de 11 mil filmesLivrosLivro de 700 páginas reúne mais de 500 capas de cordel e trata a tipografia improvisada como sistema de designReferênciasSagmeister borda numa bota os números da OCDE sobre pessoas em situação de rua e põe a eletricidade renovável num tênis

Ex-integrante do design system do governo americano mostra o que muda quando a linha de texto passa de 68 para 83 caracteres

por

Documentação do componente de texto corrido do USWDS, com a medida de linha de 75 caracteres
Reprodução: U.S. Web Design System

Medida de linha não é detalhe tipográfico: ela define quem consegue ler a página sem esforço.

O argumento

Matt Henry trabalhou no time do US Web Design System, o sistema de design que padroniza sites do governo americano, e escreveu sobre a reformulação que ele deve sofrer. A hipótese dele é que o sistema seja substituído por algo baseado em shadcn/ui, biblioteca popular entre quem programa com assistente de IA, e ele é honesto ao dizer que isso é suposição, baseada no que ouviu enquanto ainda estava lá, e não anúncio oficial.

O que interessa não é a especulação, e sim o método que ele usa para avaliar a troca. Em vez de discutir estética, ele escolhe um componente só, o de texto corrido, e compara o que cada sistema entrega quando ninguém mexe em nada.

O número que resume tudo

A documentação do componente de texto do USWDS publica a medida de linha como característica: 75 caracteres, resultado de uma largura máxima de 68ex. É um valor escolhido, declarado e testado.

No padrão do shadcn, segundo a medição dele, a mesma coluna chega a 83 caracteres. A diferença parece pequena escrita assim, e não é: linha mais longa deixa a informação mais densa e menos escaneável, e aumenta o esforço de leitura para quem tem baixa visão, porque o olho precisa percorrer mais distância para achar o começo da linha seguinte.

Padrão é destino

O ponto central do texto é que padrão não é detalhe, é declaração de propósito. O USWDS foi feito para site de governo, que é basicamente texto e formulário, e por isso o padrão dele favorece leitura. Uma biblioteca pensada para painel de aplicativo favorece densidade, porque é isso que painel precisa.

Dá para fazer texto grande com uma e texto pequeno com a outra, claro. A questão é para onde a ergonomia do sistema empurra quem está trabalhando com prazo, que é quando ninguém customiza nada e todo mundo aceita o que vem configurado.

E a escolha do padrão carrega uma suposição sobre quem vai ler: que a pessoa enxerga bem aquele tamanho de letra, que consegue segurar mais informação por linha na memória de trabalho e que tem tempo de varrer uma página mais densa atrás do que precisa. Em produto de startup, isso pode ser verdade. Em serviço público, que atende todo mundo, não é.

O que o sistema entrega sem configuração

A parte que vale trazer para o Brasil não depende de qual biblioteca o governo americano vai adotar. É a pergunta que o texto propõe: o que o seu design system entrega quando ninguém configura nada, e que tipo de produto esse padrão está produzindo sem que ninguém tenha decidido isso?

Vale também o detalhe da documentação. O componente do USWDS explica quando usar o padrão de texto corrido, citando conteúdo que vem de markdown ou de gerenciador de conteúdo, onde não dá para aplicar classe em cada elemento. Isso é orientação de uso, e é o que separa um sistema de design de uma coleção de componentes.

Em tempo de código gerado por assistente, esse tipo de escrita fica mais importante, não menos. O agente vai consumir o padrão e a documentação, e vai reproduzir a decisão que estiver lá, inclusive a que ninguém tomou de propósito.

Ficha

Classificação Design system, Tipografia, Acessibilidade
Autoria Matt Henry
Fonte oficial Mischief & Craft · Matt Henry
Fonte oficial U.S. Web Design System

Continue lendo

IA & Tech12 out 2026

Consultoria mede como agente de código usa design system e descobre que cortar 90% do arquivo de instrução melhorou o resultado

A Southleft publicou em 29 de setembro um relato de Cris Morales sobre como medir se um design system está pronto para ser usado por agente de código. O time rodou um banco de testes com 90 células de avaliação no próprio sistema e no Astryx, design system da Meta aberto em junho de 2026, e os dois ficaram praticamente empatados.

Ler o post