Kit de marca e logos

Mantenha logo, cores e tipografia consistentes em todas as criações do fluos.

Marca no fluos

Não existe uma tela de configurações de Kit de marca no fluos. Sua marca fica travada por duas coisas: os recursos que você mantém na Biblioteca e um trecho com as suas regras — que é aplicado automaticamente a todas as mensagens do espaço de trabalho.

Um kit de marca prático para um projeto é:

  1. Logo — prefira SVG
  2. Cores — hex ou tokens nomeados
  3. Tipografia — preferências de fonte de título + texto
  4. Pode / não pode — restrições curtas

Envie seu logo (SVG de preferência)

O chat e a biblioteca aceitam SVG (image/svg+xml) além de PNG, JPG, GIF e WEBP (imagens de até 10 MB).

Quando você anexa um logo em SVG, o fluos trabalha diretamente com as formas vetoriais. Isso libera movimento no nível das formas (traçado sendo desenhado, revelação de preenchimento, morph, formas em sequência). Um logo em PNG/JPG continua funcionando, mas a animação se limita a movimentos, máscaras e efeitos sobre a imagem plana.

Use o logo SVG anexado no card final.
Anime uma revelação com o traçado sendo desenhado e depois segure na marca + URL.
Não redesenhe nem aproxime o logo.

Trave cores e tipografia

Coloque as regras da marca na primeira mensagem, no plano ou — o melhor — em um trecho salvo:

Marca:
- Logo: brand.svg anexado (usar como está; nunca recriar)
- Cores: #0A0A0A, #F06E2C, #FAFAF9
- Tipografia: sans geométrica em negrito para títulos; sans limpa para o texto
- Movimento: confiante, não brincalhão; sem easings com bounce
- Sempre terminar com o lockup de logo + URL

Salve esse bloco uma vez em Biblioteca → Trechos e todo projeto do espaço de trabalho começa alinhado à marca sem você precisar digitar tudo de novo. Veja Prompts personalizados e trechos.

Imagens de referência vs. embutidas

Para fotos, mockups e moodboards, o padrão é referência — o fluos recria o visual em vez de colar o arquivo na tela. Peça explicitamente quando quiser que a imagem enviada seja embutida (hero de produto, passo a passo com screenshot etc.).

Logos em SVG são usados como enviados para que possam ser animados. Não peça ao agente que redesenhe sua marca do zero.

Logos raster

Se você só tem PNG/JPG/WebP:

  • Envie a marca transparente de maior resolução que tiver
  • Peça tratamentos de wipe, brilho, pop-in ou lockup de card final
  • Prefira migrar para SVG depois, para animações de traçado/morph

Checklist

  • Logo em SVG anexado (ou PNG transparente e nítido)
  • Cores em hex informadas uma vez
  • Direção de tipografia definida
  • Regras do card final / CTA definidas
  • Salvo como trecho do espaço de trabalho para valer em todo lugar

Relacionados