Loja virtual e promoção: laranja de oferta e botão bem visível.
Varejo
Red Hat Display · raio 12px · texto 16px
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
- Red Hat Display · 800
- Texto
- Red Hat Display · 400
Cantos
sm4px
md6px
lg8px
xl12px
2xl16px
Base 12px no rounded-xl; os outros saem dela.
Espaçamento · unidade 4px
- 14px
- 28px
- 312px
- 416px
- 624px
- 832px
- 1248px
- 1664px
Escala de texto · base 16px × 1.2
- 4xlCafé40/48px
- 3xlCafé33/40px
- 2xlCafé28/34px
- xlCafé23/32px
- lgCafé com pão19/26px
- baseCafé com pão16/24px
- smCafé com pão13/20px
- xsCafé com pão11/16px
Controles
h-8 = 32px
h-10 = 40px
h-12 = 48px
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.