Um jeito nosso
de aparecer no mundo.

Sistema de design da Café Brasil Fertilizantes. Cores, tipografia, componentes e tom de voz — para que tudo que sai com nosso nome se reconheça à distância.

Sumário
§ 01 · Princípios

O que esse sistema quer ser.

Três princípios que orientam toda decisão visual da Café Brasil.

1.

Editorial, não comercial. A Café Brasil não fala como banner de promoção. Fala como uma carta bem escrita: tipografia serifada, ritmo de leitura, espaço para respirar. O produtor lê — não é assaltado por gritos visuais.

2.

Terroso, não néon. Paleta inspirada em papel, terra de Alfenas, folha do cafeeiro, ferrugem. Cores que envelhecem bem. Nada vibrante para chamar atenção — atenção se conquista pelo conteúdo, não pelo brilho.

3.

Trinta anos por trás. Toda peça tem que parecer fruto de uma empresa que existe há tempo, que sabe o que faz, que não precisa provar nada. Sem decoração desnecessária. Confiança em vez de espetáculo.

§ 03 · Cores

Paleta da casa.

Três famílias: papel (fundos), tinta (textos), e acentos (atenção). Cada cor com uso definido.

Família Papel · fundos

Paper
#f7f2e8
--paper
Paper 2
#ede5d3
--paper-2
Paper 3
#e0d4ba
--paper-3

Família Tinta · textos

Ink
#2a2520
--ink
Ink Soft
#54493e
--ink-soft
Ink Faint
#8c7d6c
--ink-faint
Line
#c4b8a4
--line

Família Acento · cores institucionais

Accent
#7a2f12
--accent
Accent Soft
#a8421a
--accent-soft
Moss
#3a4a32
--moss
Moss Deep
#1a2e19
--moss-deep
Moss Bright
#5a7a4e
--moss-bright
Mustard
#c8923b
--mustard

Quando usar cada uma

Paper é o fundo padrão de qualquer peça. Paper 2 serve para destacar blocos (pull quotes, callouts). Paper 3 é o tom de seção alternada.

Ink é título e ênfase. Ink Soft é corpo de texto. Ink Faint é metadados, datas, legendas. Line é toda separação.

Accent é o vermelho-tijolo institucional — usar para números, marcadores §, drop caps, dados importantes. Moss é a verde institucional — botões, fundos escuros, tags positivas. Mustard é a cor de alerta moderada e destaque editorial — café conilon, callouts pedagógicos.

§ 04 · Tipografia

Duas famílias, muitas vozes.

Fraunces para tudo que se lê. JetBrains Mono para tudo que se nota.

Fraunces é uma serifada contemporânea com personalidade editorial. Tem variações que vão de leve e elegante a pesada e expressiva. É a voz principal da Café Brasil. JetBrains Mono é a monoespaçada que dá ritmo técnico e respiração — usada apenas em metadados, datas, etiquetas e código.

H1 · capa Fraunces 400 italic
48–96px
line 1.0
tracking -0.025em
Um título de capa com força.
H2 · seção Fraunces 500
28–38px
line 1.15
opcional § em accent
Título de seção tipográfico.
H3 · interno Fraunces 500
22px
line 1.2
Subtítulo interno de bloco.
Body Fraunces 400
17–18px
line 1.6
cor ink-soft
Texto corrente. A Café Brasil escreve em prosa serifada, com ritmo de carta. Linhas com 60–80 caracteres, contraste suave entre texto e fundo, sem cansar o leitor. Negrito para ênfase, itálico para palavras pensadas.
Italic · subhead Fraunces 300 italic
19–22px
line 1.4
"O subtítulo italic carrega o tom de voz: pausado, reflexivo, com peso editorial."
Mono · meta JetBrains Mono 400
10–11px
tracking 0.18em
UPPERCASE
Datas · etiquetas · metadados
Drop cap Fraunces 400 italic
60–64px
cor accent
float left
Drop cap é assinatura da casa. Usa-se na primeira letra do primeiro parágrafo de artigos longos, cartas e ensaios. Dá entrada formal, marca o início. É opcional, mas potente quando usado bem.
§ 05 · Componentes

Blocos para reusar.

Cinco componentes que aparecem em quase tudo que a Café Brasil produz.

Componente 1 · Dateline
Mono 11px UPPERCASE · ink-faint · linha de 32px antes
Componente 2 · Section header com §
Título de uma seção.
Fraunces 500 28px · § em accent · padding-left 28px
Componente 3 · Pull quote

O que se vê de fora é uma empresa que tem todas as cartas para sair desta safra maior, mais forte, e mais respeitada.

Bg paper-2 · border-left 3px accent · Fraunces italic 21px
Componente 4 · Lista numerada italic
1.

O número grande em italic carrega o estilo editorial. Use para ordenar passos, prioridades e princípios.

2.

O número fica em accent, em Fraunces italic 30px. Texto em corpo padrão.

Grid 48px / 1fr · num accent italic 30px · gap 16px
Componente 5 · Flourish (separador)
· · ·
Três pontos centralizados · letter-spacing 1em · cor line
Componente 6 · Botão
Mono 11px UPPERCASE · padding 14/24 · bg moss-deep ou outline ink
§ 06 · Tom de voz

Como a Café Brasil fala.

Pausado, técnico, respeitoso. Nunca apressado, nunca informal demais, nunca pressionando.

A voz da Café Brasil é a voz de uma indústria de 30 anos que conhece o produtor pelo nome. Não é a voz de quem vende — é a voz de quem entende. Quando o concorrente está gritando "preço", a Café Brasil está conversando sobre rendimento por hectare.

Fale assim
  • "Performance por hectare"
  • "Tecnologia que economiza nitrogênio"
  • "30 anos ao lado do produtor"
  • "Menos dose, mais resultado"
  • "Garantia de entrega na safra"
  • "Ciência aplicada ao cafeeiro"
Evite
  • "Promoção imperdível"
  • "Última chance"
  • "Compre antes que falte"
  • "Guerra do Irã afeta vocês"
  • "Preço baixo garantido"
  • Pontos de exclamação em série
§ 07 · Tokens

O CSS da casa.

Copie e cole o bloco abaixo no :root de qualquer página nova.

/* Café Brasil · sistema visual · v.1.0 */ :root { /* Cores · papel */ --paper: #f7f2e8; --paper-2: #ede5d3; --paper-3: #e0d4ba; /* Cores · tinta */ --ink: #2a2520; --ink-soft: #54493e; --ink-faint: #8c7d6c; --line: #c4b8a4; /* Cores · acentos */ --accent: #7a2f12; --accent-soft: #a8421a; --moss: #3a4a32; --moss-deep: #1a2e19; --moss-bright: #5a7a4e; --mustard: #c8923b; /* Tipografia */ --font-serif: 'Fraunces', serif; --font-mono: 'JetBrains Mono', monospace; } /* Import via Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,300;1,9..144,400&family=JetBrains+Mono:wght@400;500&display=swap');
§ 08 · Como aplicar

Onde usar este sistema.

Materiais onde a Café Brasil deve aparecer exatamente assim.

Documentos institucionais e relatórios internos. Apresentações para diretoria, relatórios de safra, planos estratégicos, balanços anuais.

Comunicação com produtores premium. Cartas anuais, propostas comerciais para Embaixadores, convites para eventos, boletim Pulso Café Brasil.

Site institucional e landing pages de campanha. Páginas de produto técnico (Ciclus NS, Ciclus NK, Bio Brasil), página "30 anos", páginas de eventos.

Material de evento. Programas, fichas técnicas, certificados de presença, painéis e display impressos.

E-mail marketing técnico. Para a base de produtores cadastrados, com cadência editorial.

Para postos de venda, redes sociais de alcance massivo, anúncios de rádio — a marca pode ser interpretada com mais soltura, mas sempre mantendo paleta, logo e tom de voz.

"Um sistema visual não impõe rigidez — protege identidade. Quando você reconhece a Café Brasil sem ler o nome, o sistema fez o trabalho."
Café Brasil Fertilizantes · sistema visual v.1.0 · 2026