Botão primário
Ação principal de uma peça ou página. Apenas um por composição.
Fundo #163F3A · texto #FFFFFF · Manrope SemiBold 15 px · padding 14×22 px · raio 8 px
Botão secundário
Ação de apoio, ao lado de um botão primário ou sozinha em contextos leves.
Transparente · borda 1,5 px #163F3A · texto #163F3A · raio 8 px
Card editorial
Blocos de conteúdo, listas e informações agrupadas. Três fundos disponíveis.
Padding 24–32 px · raio 8 px · borda #DDD4C6 na versão clara
Claro
Fundo padrão.
Sálvia
Blocos de apoio.
Petróleo
Destaques.
Bloco de pergunta
Quando a pergunta é o conteúdo. Funciona em posts, capas e aberturas de seção.
Space Grotesk 28–38 px · fundo #EEE7DC · linha terracota no topo
A carreira que eu sonhava aos 25 ainda faz sentido aos 40?
Gera Conexão
Bloco de citação
Falas de convidados e trechos de episódio.
Aspas em terracota 64 px · citação Space Grotesk 24–30 px · crédito Manrope 14 px
A gente começa falando de carreira. Quase sempre termina falando da vida.
Linha de conexão e divisores
Separar informações, ligar elementos ou abrir uma seção.
Altura 1,5 px · cor #C96A4A · largura livre
Cabeçalho de seção
Abertura de qualquer bloco longo, com número, título e introdução curta.
Número Manrope 13 px · título Space Grotesk 32–42 px · intro Manrope 17 px
03
Cores
Cinco cores, uma proporção.
Amostra de cor
Documentar ou apresentar as cores da marca.
Altura 160 px · raio 8 px · HEX em Manrope Medium 13 px
#163F3A
Verde petróleo
Primária.
#C96A4A
Terracota
Acento.
#AAB8A5
Verde sálvia
Secundária.
Blocos de tipografia
Títulos e textos em qualquer peça, seguindo a hierarquia oficial.
H1 52–64 · H2 36–42 · H3 28–32 · corpo 16–18 · legenda 13–14 px
Perguntas grandes
Ideias e reflexões
Corpo de texto em Manrope, com linhas curtas e bastante respiro.
Legenda · Episódio 14
Listas Do / Don't
Orientações rápidas dentro de qualquer material.
Traço de 16 px · petróleo para Do, terracota para Don't
- Usar espaço negativo
- Deixar a foto respirar
- Usar gradientes
- Sobrecarregar de texto
Ícones de linha
Apoio visual discreto em listas, cards e interfaces.
Stroke 1,25 px · 24×24 px · cor #163F3A
Conversa
Escuta
Episódio
Pergunta
Café
Tempo
Pessoas
Conexão
Template 1 - Pergunta
Post quadrado com uma pergunta grande e assinatura discreta.
1:1 · fundo #F4EFE7 · Space Grotesk · linha terracota
A carreira que eu sonhava aos 25 ainda faz sentido aos 40?
GERA CONEXÃO
Template 2 - Quote
Fala de convidado sobre foto editorial, em preto e branco.
Foto 4:3 · fundo petróleo · quote Space Grotesk 21 px
A gente começa falando de carreira. Quase sempre termina falando da vida.
Convidada · Episódio 12
Template 3 - Novo episódio
Anúncio de episódio: foto grande, número pequeno, título editorial.
Foto 4:3 · número Manrope 12 px terracota · título Space Grotesk 24 px
EP. 14
Quando mudar de carreira é mudar de vida
Nova conversa · quinta-feira
Template 4 - Corte de vídeo
Cortes verticais: o vídeo domina, o branding é mínimo.
9:16 · legenda Manrope 15 px · faixa carvão a 75%
“Eu só entendi o que queria depois de parar.”
GERA CONEXÃO