Startup e SaaS: azul de oceano, geométrica e confiável.
Maré
Sora · raio 12px · texto 15px
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
- Sora · 600
- Texto
- Sora · 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 15px × 1.2
- 4xlCafé37/44px
- 3xlCafé31/38px
- 2xlCafé26/32px
- xlCafé22/30px
- lgCafé com pão18/28px
- baseCafé com pão15/22px
- 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.