Capítulo 02

Cor

O Hero Green carrega a marca. Tudo o mais existe para dar respiro em volta dele, ou para chamar atenção num ponto só.

Núcleo

Hero Green

#0C3C3C

A cor da marca. Fundo institucional escuro e cor de todo texto sobre claro.

Medical Green

#DAE7D6

Superfície clara esverdeada. Seções de respiro e fundo de cards.

Grey

#EEEFEE

Seção clara neutra, quando o esverdeado competiria com a foto.

Off-white

#EBEBE3

O branco da marca. Branco puro só dentro de card, nunca em fundo grande.

Destaque

Highlighter

#9FE4B2

Menta. Ênfase sobre fundo escuro e cor do botão primário.

Menta escura

#1C6B4A

A mesma ênfase, quando o fundo é claro. Também é o hue único dos gráficos.

Coral

#FF8D7D

Anotação, eyebrow e ênfase emocional. Usar com parcimônia.

Coral legível

#CF5136

A versão do coral que passa em contraste no texto pequeno.

Teal

#63B6B5

Apoio. Gradientes e estado de foco de campo de formulário.

Ink soft

#3E4E48

Texto secundário sobre fundo claro.

Número grande sempre sobre Hero Green. Estatística em fundo claro perde peso e vira dado solto.
Ênfase muda com o fundo. Highlighter no escuro, menta escura no claro. Trocar isso quebra contraste e legibilidade.
Gradiente de display vai de Medical Green a menta e fecha em teal, com recorte no texto. Só em número ou palavra de display, nunca em corpo de texto.
Gráfico é monocromático. Um hue só, a menta escura, variando em luminosidade. Paleta categórica colorida já foi reprovada na validação de marca.
Coral é anotação e ênfase emocional. Entra em eyebrow, em detalhe afetivo e na palavra escrita à mão. Para texto pequeno, use a versão legível.

Capítulo 03 · Tipografia →