Educação e governo: letra feita para leitura fácil, alvos grandes.
Escola
Atkinson Hyperlegible · raio 10px · texto 17px
Cores
Tipografia
Título da página
Subtítulo da seção
Texto de leitura, descrições e legendas. O corpo de cada tela usa este tamanho.
- Títulos
- Atkinson Hyperlegible · 700
- Texto
- Atkinson Hyperlegible · 400
Cantos
sm3px
md5px
lg7px
xl10px
2xl13px
Base 10px no rounded-xl; os outros saem dela.
Espaçamento · unidade 4.5px
- 14.5px
- 29px
- 313.5px
- 418px
- 627px
- 836px
- 1254px
- 1672px
Escala de texto · base 17px × 1.2
- 4xlCafé42/50px
- 3xlCafé35/42px
- 2xlCafé29/34px
- xlCafé24/32px
- lgCafé20/28px
- baseCafé com pão17/26px
- smCafé com pão14/22px
- xsCafé com pão12/18px
Controles
h-8 = 36px
h-10 = 45px
h-12 = 54px
Botão, campo e seletor usam as mesmas três alturas.
Componentes
RascunhoPagoPendenteNovoAtrasado
+1
Volume
Armazenamento
Painel
Receita da semana
R$ 27.120
+18,4% sobre a semana passada
Pedidos
359
+9,1% sobre a semana passada
Ticket médio
R$ 76
+4,2% sobre a semana passada
Use as setas para a esquerda e para a direita para ler cada ponto, ou o botão Ver tabela.
Pedidos
Loja abertaCupom
Vale para o site e para o link de pagamento.
Estoque baixo
Café Serra do Caparaó 250 g tem 3 pacotes.
Pix recusado
O banco do cliente não respondeu no pedido #4126.
EnviadoPendente
Contraste medido: os 34 pares passam no WCAG, no claro e no escuro.