Design system
Campo & Vidro
A identidade da Agroleme (floresta, cobre e creme, com Fraunces e Figtree) aplicada a um SaaS. Superfícies em vidro fosco sobre fundos com brilho suave; dois temas: floresta (escuro) e creme (claro). O app segue o tema do sistema; home e login são sempre escuros.
Cores da marca
Ink
#061A17
Fundo da marca, tema escuro
Floresta
#003333
Títulos no claro, superfícies
Floresta 2
#0B4A44
Brilho de fundo
Cobre
#B15134
Ação principal, destaque
Cobre 2
#D9825F
Degradê, foco, links no escuro
Cobre 3
#F0B08F
Brilho do texto em cobre
Creme
#F4EEE3
Fundo do tema claro
Creme 2
#E9E0D0
Divisórias no claro
degradê cobre em texto
Tipografia
Display · Fraunces Light (títulos, números de destaque)
Safra com margem
R$ 979.922
Texto · Figtree (interface, tabelas, formulários)
Kicker · 12px, 0,2em
Título de cartão · 600
Texto corrido · 400 · tinta secundária.
1.234,56 · 7.890,12 (números tabulares)
Tokens semânticos
Floresta (escuro)
--pageFundo da página
--surfaceVidro (cartões)
--surface-strongVidro forte (modais, tooltips)
--inkTexto principal
--ink-2Texto secundário
--mutedTexto de apoio
--headingTítulos
--brandAção / link
--good-inkGanho
--bad-inkPerda
Creme (claro)
--pageFundo da página
--surfaceVidro (cartões)
--surface-strongVidro forte (modais, tooltips)
--inkTexto principal
--ink-2Texto secundário
--mutedTexto de apoio
--headingTítulos
--brandAção / link
--good-inkGanho
--bad-inkPerda
Componentes nos dois temas
Resultado total
R$ 88.921
realizado + aberto
Hedge dólar
84,0%
US$ 1,79 mi em NDF
Botões
Pílula. Cobre = ação principal; vidro = secundária.
Campos
Foco com anel cobre; números alinhados.
Ao vivoSoja · 2025+3,1%
Gráficos
Divergente azul ↔ vermelho; série única em azul.
Físico
R$ 783.491
Opções
−R$ 160.629
Dólar
−R$ 513.705
Hedge de grão84,0%
0%100%150%
4.437 t / 5.282 t
FertilizantesR$ 1.900/ha
DefensivosR$ 1.350/ha
Pontos de atenção
- Sobre-hedge de grão: 126% do físico aberto.
Tabela
| Linha | R$ | R$/sc |
|---|---|---|
| Físico | 90.867 | 1,88 |
| B3 | 69.823 | 1,44 |
| Total | 160.690 | 3,32 |
Resultado total
R$ 88.921
realizado + aberto
Hedge dólar
84,0%
US$ 1,79 mi em NDF
Botões
Pílula. Cobre = ação principal; vidro = secundária.
Campos
Foco com anel cobre; números alinhados.
Ao vivoSoja · 2025+3,1%
Gráficos
Divergente azul ↔ vermelho; série única em azul.
Físico
R$ 783.491
Opções
−R$ 160.629
Dólar
−R$ 513.705
Hedge de grão84,0%
0%100%150%
4.437 t / 5.282 t
FertilizantesR$ 1.900/ha
DefensivosR$ 1.350/ha
Pontos de atenção
- Sobre-hedge de grão: 126% do físico aberto.
Tabela
| Linha | R$ | R$/sc |
|---|---|---|
| Físico | 90.867 | 1,88 |
| B3 | 69.823 | 1,44 |
| Total | 160.690 | 3,32 |
Regras de uso
- • Um botão cobre por área de tela: ele é a ação principal.
- • Logo só sobre fundo escuro (o "AGRO" é branco).
- • Fraunces para títulos e números de destaque; nunca em tabelas.
- • Vidro precisa de fundo com brilho atrás; em fundo liso, use superfície sólida.
- • Ganho e perda sempre com sinal e texto, nunca só pela cor.
- • Cobre é marca, não é status: perda usa vermelho, ganho usa verde.