Foundations

Logo

Uso correto da marca Planton e suas variações.

Regras de uso

Cor do logo por contexto

Fundo claroUse o logo em Planton Forest (verde escuro)bg-white · bg-card · bg-surface-default

Fundo escuroUse o logo em Planton Accent (verde lima)bg-planton-forest · bg-planton-dark · bg-surface-dark

Variações da marca

Horizontal

Versão principal. Use como padrão sempre que houver espaço horizontal suficiente.

Horizontal - ForestLogo horizontal em verde forest. Para fundos claros.

Fundos claros (white, card)

public/Logo_Planton_01.svg

Download SVG

Horizontal - AccentLogo horizontal em verde accent (lima). Para fundos escuros.

Fundos escuros (forest, dark)

public/logos_planton/planton_horizontal_aberto_accent.svg

Download SVG

Variações da marca

Vertical

Use quando o espaço horizontal for limitado (ex.: mobile, sidebars estreitas).

VerticalÍcone + nome empilhados verticalmente.

Espaço horizontal limitado

public/logos_planton/planton_vertical.svg

Download SVG

Variações da marca

Com Tagline

Use somente em contextos de branding específicos (apresentações, materiais de marketing). Não use na UI do produto.

Vertical com TaglineVersão completa com tagline. Uso restrito a materiais de marca.

Materiais de marketing e branding

public/logos_planton/planton_vertical_tagline.svg

Download SVG

Variações da marca

Ícone

Símbolo isolado. Use em favicons, avatares e espaços muito reduzidos.

SquareÍcone quadrado sem texto.

Favicon, avatar, espaços compactos

public/logos_planton/planton_square.svg

Download SVG

Square InsideVariação do ícone com detalhe interno.

Variação alternativa do ícone

public/logos_planton/planton_square_inside.svg

Download SVG

Logos de produto

Produtos Planton

Cada produto tem versões para fundos claros (forest) e escuros (branco). Nunca misture - use sempre a versão correta para o contexto.

Planton Academy

Academy - ForestLogo Academy em verde forest.

Fundos claros

public/logos_produtos/planton_academy_forest.svg

Download SVG

Academy - BrancoLogo Academy em branco.

Fundos escuros

public/logos_produtos/planton_academy_branco.svg

Download SVG

Planton Genius

Genius - ForestLogo Genius em verde forest.

Fundos claros

public/logos_produtos/planton_genius_forest.svg

Download SVG

Genius - BrancoLogo Genius em branco.

Fundos escuros

public/logos_produtos/planton_genius_branco.svg

Download SVG