Identidade visual · canna-br v0.1

A planta que cuida,
o código que torna tudo à vista.

Folha viva. Veias de circuito. Dois mundos numa forma — natureza e tecnologia coexistindo no mesmo traço, como a associação e o sistema que a torna rastreável.

Logotipo

Marca primária

Use a versão on-dark em fundos escuros e a versão clean em fundos claros ou neutros. Nunca redimensione abaixo de 48 px de altura.

Logotipo circuit-leaf sobre fundo escuro — versão oficial para uso em dark backgrounds
On-dark Fundo < #1e293b
Logotipo circuit-leaf sobre fundo claro — versão para uso em light backgrounds
Clean Fundo > #e2e8f0
Variação pixel art do logotipo circuit-leaf — versão experimental aprovada pelo fundador
Pixel variant Escolha do fundador

Aplicações

A marca em contexto

Exemplos de uso real: interface escura, interface clara, vestuário e conjunto de ícones para app.

Aplicação da marca em interface de software com tema escuro — logotipo e cores emerald sobre fundo dark navy
Interface dark Dashboard com tema escuro — uso oficial do produto
Aplicação da marca em interface de software com tema claro — logotipo emerald sobre fundo branco
Interface light Tema claro para ambientes com boa iluminação
Aplicação da marca em camiseta — logotipo circuit-leaf estampado em vestuário escuro
Vestuário Estampa para camiseta em fundo escuro

Suite de ícones

Ícone canna-br 512×512 px — versão em alta resolução para app stores e favicons
512 px
Ícone canna-br 180×180 px — Apple touch icon e ícone de app iOS
180 px
Ícone canna-br 32×32 px — favicon e ícone de tab do browser
32 px

Tokens de cor

Sistema de cores

Paleta derivada em OKLCH — perceptualmente uniforme. Use sempre os tokens semânticos, nunca valores hex diretos no código.

#10b981
Emerald --brand-emerald oklch(0.72 0.17 162) Primária — ação, destaque, positivo
#6ee7b7
Emerald Light --brand-emerald-light oklch(0.87 0.11 163) Primária clara — hover, texto em fundo escuro
#022c22
Forest Deep --brand-forest-deep oklch(0.16 0.05 162) Fundo secundário, superfícies elevadas
#064e3b
Forest Mid --brand-forest-mid oklch(0.27 0.07 162) Cards, bordas com identidade
#020617
Night --brand-night oklch(0.08 0.02 264) Background base — superfície principal
#fbbf24
Amber --brand-amber oklch(0.84 0.16 84) Acento — veias do circuito, chamadas, alertas positivos

Razão cromática: emerald (#10b981) sobre night (#020617) = 9.4:1 — passa WCAG AAA. Amber (#fbbf24) sobre night = 11.6:1 — passes AAA. Contrast ratio verificado via perceptual lightness delta OKLCH (L=0.84 vs L=0.08).