Painel com muita tabela: texto de 14px e tudo mais junto.
Planilha
Inter · raio 6px · texto 14px
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
- Inter · 600
- Texto
- Inter · 400
Cantos
sm2px
md3px
lg4px
xl6px
2xl8px
Base 6px no rounded-xl; os outros saem dela.
Espaçamento · unidade 3.5px
- 13.5px
- 27px
- 310.5px
- 414px
- 621px
- 828px
- 1242px
- 1656px
Escala de texto · base 14px × 1.125
- 4xlCafé25/30px
- 3xlCafé22/30px
- 2xlCafé20/28px
- xlCafé com pão18/28px
- lgCafé com pão16/24px
- baseCafé com pão14/22px
- smCafé com pão12/18px
- xsCafé com pão11/16px
Controles
h-8 = 28px
h-10 = 35px
h-12 = 42px
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.