Logo & Marca
A logo da Fino Trato é o elemento central da identidade visual. Deve sempre ser utilizada com espaço de proteção adequado e nos fundos aprovados.
Versão principal — fundo claro
Versão reversa — fundo azul
Versão reversa — fundo escuro
Espaço de proteção
Manter espaço mínimo ao redor da marca equivalente à altura da letra "F" do logotipo. Nenhum elemento gráfico deve invadir essa área.
1× altura "F"Tamanho mínimo
Abaixo do tamanho mínimo, o logotipo perde legibilidade e deve ser substituído pelo símbolo isolado ou pelo nome em texto.
min. 120px / 32mmVersões aprovadas
Apenas as versões colorida, reversa branca e monocromática são aprovadas. Não aplicar efeitos, sombras ou distorções.
3 versões oficiaisPaleta de Cores
O sistema de cores da Fino Trato transmite confiança, saúde e profissionalismo. O azul representa tecnologia e higiene; o roxo traz sofisticação.
Cores Primárias
Cores de Apoio & Neutros
Tipografia
Dois typefaces constroem a voz visual da marca: Playfair Display traz elegância e emoção aos títulos; Inter garante legibilidade em corpo de texto e UI.
saúde para o seu lar.
| Elemento | Fonte | Tamanho | Peso | Uso |
|---|---|---|---|---|
| H1 — Hero | Playfair Display | 48–64px | 900 | Título principal da página |
| H2 — Seção | Playfair Display | 32–42px | 700 | Títulos de seção |
| H3 — Card | Playfair Display | 22–26px | 700 | Subtítulos e cards |
| Body Large | Inter | 17–18px | 400 | Parágrafo principal |
| Body Regular | Inter | 14–15px | 400 | Textos gerais |
| UI / Label | Inter | 12–13px | 500–600 | Botões, labels, nav |
| Caption | Inter | 11px | 400–500 | Legendas, créditos |
Design Tokens
Valores padronizados de espaçamento, raio de borda e sombras que garantem consistência visual em todo o sistema de componentes.
Componentes
Biblioteca de componentes reutilizáveis que seguem o sistema de design da Fino Trato.
Higienização de Estofados
Sofás, poltronas e cadeiras com extração profunda de ácaros e bactérias.
+ popularImpermeabilização
Barreira protetora contra líquidos e manchas. Durabilidade ampliada.
proteção extraHigienização de Tapetes
Todos os tipos e tamanhos. Técnica a seco para preservar as fibras.
a secoHigienização de Cortinas
Tratamento no local, sem necessidade de remoção ou substituição.
sem remoçãoCouro: Higienização e Hidratação
Limpeza profunda e hidratação para prolongar a vida do couro.
premiumVoz & Tom da Marca
A Fino Trato comunica cuidado, competência e proximidade. A linguagem une profissionalismo com acolhimento — como um especialista de confiança da família.
🎯 Personalidade da Marca
🗣️ Tom de Comunicação
🏠 Para o Site
"Mais do que limpeza, saúde e bem-estar para o seu lar."
Tagline principal — emocional, benefício real📱 Para o Instagram
"Seu sofá voltou a ser sofá ✨ Resultado real de uma higienização profissional — veja o antes e depois do cliente de hoje."
Instagram — informal, resultado visual em evidência💬 Para o WhatsApp / CTA
"Oi, [nome]! Recebemos seu contato. Em até 2h te enviamos um orçamento personalizado. Qualquer dúvida, estou à disposição!"
WhatsApp — ágil, pessoal, sem formalidade excessiva@finotrato.bsb
finotratobsb
Brasília — DF
#finotrato #higienizaçãobrasília #estofadoslimpos
Wireframes
Protótipos estruturais das telas do site da Fino Trato em desktop (1440px) e mobile (390px). Representam layout, hierarquia e fluxo — sem cor ou imagem final.
Do's & Don'ts
Regras claras para manter a integridade da marca em qualquer aplicação, seja digital, impresso ou social media.
✅ PODE — Boas práticas
- Usar o azul #1565C0 como cor de destaque principal em CTAs e botões
- Combinar Playfair Display (títulos) com Inter (corpo) sempre juntos
- Usar o gradiente azul → roxo em banners e peças de destaque
- Utilizar o logo com espaço de proteção adequado (1× altura do "F")
- Empregar o roxo #7B1FA2 em ênfases, itálicos e elementos secundários
- Exibir antes/depois para comprovar resultado de forma visual e honesta
- Usar as fotos de serviços reais com foco em resultado e qualidade
- Manter tom próximo, profissional e orientado a benefício ao cliente
- Respeitar a escala mínima do logo (120px / 32mm)
❌ NÃO PODE — O que evitar
- Distorcer, rotacionar ou aplicar efeitos não aprovados no logo
- Usar o logo sobre fundos com baixo contraste ou padrões complexos
- Misturar outras fontes sem aprovação — jamais Comic Sans, Arial Narrow etc.
- Alterar as cores da paleta primária sem aprovação do responsável
- Usar imagens de banco de dados genéricas quando houver fotos reais
- Escrever em caixa alta excessiva (parece agressivo e informal)
- Usar jargões excessivamente técnicos sem explicação para o cliente
- Aplicar sombras pesadas ou efeitos anos 2000 em qualquer peça
- Publicar fotos de baixa resolução ou com filtros exagerados