Três versões oficiais
Use a versão correta de acordo com o fundo onde o logo será aplicado.
Tagline alinhada ao símbolo
A tagline SISTEMAS PARA FOOD SERVICE é fixada visualmente entre a borda esquerda do F e a borda direita do M, com ajuste tipográfico exato (Inter Bold, 16pt no master 393.8×145).
Paleta da marca
Duas cores primárias compõem a identidade visual FTM.
FTM Navy
#212E60 · RGB 33 · 46 · 96
CMYK 95 · 84 · 24 · 11
FTM Orange
#F37323 · RGB 243 · 115 · 35
CMYK 0 · 65 · 92 · 0
Cores Colibri (parceria oficial)
Tipografia oficial
Inter
Aa Bb Cc 0123456789
Aa Bb Cc 0123456789
Selo de autoridade
A FTM é Revenda Oficial Colibri no Rio Grande do Sul. O selo formaliza essa autoridade e deve aparecer em comunicações institucionais — propostas, e-mails, capas, redes — para gerar confiança imediata no cliente.
Duas versões do selo
Onde aplicar o selo
- Assinatura de e-mail — abaixo dos dados de contato (gera autoridade automática a cada e-mail enviado)
- Capa de proposta comercial — no footer ou ao lado da identificação do cliente
- Capa de ordem de serviço, contrato, fatura — no rodapé do documento
- Footer do site — já aplicado (junto à descrição da empresa)
- Banner LinkedIn — opcional, lado direito
- Apresentações comerciais — primeiro slide ou rodapé padrão
- Cartão de visita — verso ou lateral
Construção do selo
O selo é um lockup horizontal com três elementos separados por divisores verticais:
FTM Sistemas
Revenda Oficial
Não faça isso
Não traduza, abrevie ou reordene. Não use só o "Colibri" sem o "Revenda Oficial". Não combine com outros selos no mesmo bloco.
Ícone da marca
A versão "ícone" usa só o símbolo FTM (sem a tagline) para aplicações compactas — favicon, app icon, badges.
Aplicação: Favicon (tab do navegador)
Browser tab
FTM Sistemas🔒 ftmsistemas.com.br
Arquivos de favicon
<!-- HTML head -->
<link rel="icon" type="image/svg+xml" href="/imgs/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/imgs/favicon-32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/imgs/apple-touch-icon.png">
Avatar quadrado 1080×1080
Use o avatar dark (FTM Navy + logo branco/laranja) em todas as redes sociais e no WhatsApp Business.
Aplicações reais
WhatsApp Business — chat header
Instagram / X / Facebook profile
FTM Sistemas
@ftmsistemas
Tamanhos exibidos por plataforma
Suba sempre o arquivo 1080×1080 — as plataformas redimensionam automaticamente.
| Plataforma |
Tamanho exibido |
Forma |
| WhatsApp Business | 640×640 | circular |
| Instagram | 320×320 | circular |
| Facebook | 170×170 | circular |
| LinkedIn empresa | 300×300 | quadrado |
| X (Twitter) | 400×400 | circular |
Open Graph 1200×630
Imagem que aparece quando alguém compartilha um link do site no WhatsApp, LinkedIn, Facebook, X.
Mockup: link compartilhado no WhatsApp
Tags HTML necessárias
<meta property="og:title" content="FTM Sistemas | Sistemas para Food Service">
<meta property="og:description" content="Soluções em PDV, Totem, Tablet, Delivery e KDS...">
<meta property="og:image" content="https://ftmsistemas.com.br/imgs/og-home.jpg">
<meta property="og:url" content="https://ftmsistemas.com.br/">
Capa empresa LinkedIn 1584×396
Banner aplicado na página da empresa no LinkedIn. Logo à esquerda, descrição à direita, acento laranja na borda.
Mockup: página da empresa
FTM Sistemas
Tecnologia para food service · Porto Alegre, RS · Revenda Oficial Colibri
Arquivo
Assinatura padrão FTM (com selo Colibri)
Bloco horizontal com logo + dados de contato + selo Revenda Oficial Colibri. Aparece em todo e-mail enviado — gera autoridade institucional automática.
Versão estática (PNG)
Mockup: e-mail enviado pra cliente
Gmail / Outlook — corpo da mensagem
Assunto: Proposta de implantação · Sistema Colibri
Olá, segue em anexo a proposta detalhada para implantação do sistema de PDV nas suas unidades. Qualquer dúvida estou à disposição.
Abraço,
Alexandre
Template HTML personalizável
<table cellpadding="0" cellspacing="0" style="font-family:Arial,sans-serif">
<tr><td><img src="https://ftmsistemas.com.br/imgs/[email protected]" width="520"></td></tr>
</table>
<!-- Versão completa em /imgs/email-signature.html -->
Capa de proposta com selo Colibri
Em todo material comercial (proposta, ordem de serviço, contrato, fatura), aplique o logo FTM no topo e o selo Revenda Oficial Colibri no rodapé. Comunica autoridade institucional sem competir com a marca FTM.
Mockup: capa de proposta A4
Anatomia da capa
- Barra superior — gradiente FTM Orange → Navy (6px), reforça identidade
- Logo FTM color, canto superior esquerdo (130px largura)
- Numeração do documento alinhada à direita (pequena, em caps)
- Kicker laranja indicando categoria do doc ("Implantação · Sistema Colibri")
- Título principal Inter ExtraBold 30pt, max 2 linhas
- Lead descritivo curto, max 90% da coluna
- Grid de metadados — Cliente · CNPJ · Data · Validade
- Footer com selo Colibri + identificação FTM (gera autoridade)
Onde mais aplicar (mesmo padrão)
Ordem de Serviço
Contrato
Fatura / Recibo
Dica: o módulo de documentos KITEBIZ (renderer universal) já tem o selo Colibri pré-aplicado no footer dos templates institucionais — basta gerar o doc.
Cartão de visita 90×50mm
Frente: identificação pessoal (logo + nome + cargo + contato). Verso: marca institucional (logo branco + selo Colibri sobre fundo navy). Padrão brasileiro 90×50mm em 300 dpi.
Frente — identificação pessoal
Verso — institucional
Especificações de impressão
| Item |
Valor |
| Tamanho final | 90 × 50 mm |
| Sangria | +3 mm de cada lado (96 × 56 mm com sangria) |
| Resolução | 300 dpi |
| Cor | CMYK 4×4 (frente colorida + verso colorido) |
| Papel sugerido | Couché fosco 300g + verniz fosco geral |
| Acabamento opcional | Hot stamping laranja no triângulo · cantos arredondados 3mm |
Templates Instagram
Estrutura visual padronizada que fortalece reconhecimento de marca a cada post. Fundo navy + título branco grande + selo Colibri abaixo = identidade FTM imediata no feed.
Feed quadrado · 1080×1080
Anatomia do post de feed
- Top mark: "FTM SISTEMAS" em caps + barra laranja de 3px (identidade imediata, mesmo sem ler o conteúdo)
- Kicker laranja: categoria/contexto do post (ex: "Sistema Colibri · Implantação completa")
- Título grande: Inter ExtraBold 84px, máximo 2-3 linhas, frase direta
- Lead: argumento/benefício em 1-2 frases (32px regular)
- Footer: logo FTM à esquerda + selo Colibri à direita
Conteúdos sugeridos por categoria
Educacional
"5 sinais que seu PDV está atrasando o restaurante"
Produto
"Totem Colibri — auto atendimento 24/7"
Caso/Cliente
"Restaurante X aumentou ticket em 22% com Totem"
Stories: use o template story.png como base. Substitua "Novidade" e título conforme conteúdo. Mantenha o selo Colibri sempre visível pra reforçar autoridade.
Template LinkedIn 1200×628
Formato horizontal aproveita melhor o feed do LinkedIn (que privilegia conteúdo educativo/B2B). Layout em duas colunas: branding à esquerda + conteúdo à direita.
Modelo educacional · "Guia rápido"
Anatomia
- Barra laranja vertical: identidade imediata mesmo no thumbnail
- Kicker: categoria do post ("Guia Rápido · Food Service", "Análise de Mercado")
- Título 48px ExtraBold: pergunta ou afirmação direta
- Card lista: 5 itens numerados em pílulas navy (escaneabilidade)
- Footer com logo FTM + selo Colibri: assinatura institucional
Tipos de post que funcionam no LinkedIn
| Tipo |
Exemplo de título |
| Lista educativa | 5 sinais que seu PDV está atrasando o restaurante |
| Comparação | PDV vs ERP: qual a diferença na prática? |
| Caso de cliente | Como reduzimos a fila de pedidos do Restaurante X em 60% |
| Tendência setorial | Auto atendimento no food service: por que 2026 é o ano |
| Anúncio institucional | FTM passa a atender Caxias do Sul · expansão da cobertura no RS |
Dica: LinkedIn premia conteúdo que educa (vs. vende). Posts em formato lista geram 2-3× mais engajamento que posts genéricos. Use o template como ponto de partida e troque os 5 itens conforme o assunto.
Background institucional 1920×1080
Fundo virtual pra videochamadas (Meet, Zoom, Teams). Posiciona o logo FTM e o selo Colibri nas zonas seguras (cantos), deixando o centro livre — onde fica a pessoa na câmera. Reforça autoridade institucional em toda reunião com cliente.
Versão Dark (recomendada)
Versão Light (alternativa)
Como aplicar no Google Meet
- Numa videochamada, clique em
⋮ (três pontos) → Aplicar efeitos visuais
- Em "Planos de fundo", clique em + Adicionar
- Selecione o arquivo
meet-background-dark.png (ou light)
- O fundo é aplicado automaticamente em todas as próximas reuniões
Como aplicar no Zoom
- Configurações → Pano de fundo e efeitos
- Em "Planos de fundo virtuais", clique em + → Adicionar imagem
- Selecione
meet-background-dark.png
Por que zonas seguras? Em videochamadas, sua face/torso ocupa o centro da câmera. Logo no centro fica atrás de você (invisível) ou flutuando estranho na cabeça. Cantos = visibilidade garantida em qualquer enquadramento.
Intro animado do logo (3 segundos)
Animação oficial do logo FTM pra abrir vídeos institucionais, comerciais e tutoriais. Letras F, T, M aparecem em sequência, triângulo laranja "cresce" diagonalmente, tagline se forma letra por letra. Duração: 3s · Resolução: 1920×1080 · 60fps.
Preview da animação
Coreografia da animação
- 0.2s — F entra deslizando da esquerda (easing expo.out)
- 0.4s — T cai do topo com pequeno bounce (back.out)
- 0.6s — M entra deslizando da direita
- 0.95s — Triângulo laranja "cresce" da base do M com trail line laranja
- 1.45s — Triângulo aterriza no canto superior do M com mini-bounce
- 1.7s — Tagline "SISTEMAS PARA FOOD SERVICE" aparece letra por letra (stagger)
- 2.6s — Hold (logo estático até 3s)
Onde aplicar
- Início de vídeos institucionais (LinkedIn, YouTube, site)
- Reels e TikTok (vertical 9:16) — preferencialmente no fim do vídeo (outro), não no início, pra não perder retenção
- Apresentações comerciais (Keynote/PowerPoint) — primeiro slide animado
- Vinheta de fim de vídeos do Instagram
- Tela de demonstração em PDV/totem da loja
Arquivos disponíveis
| Arquivo |
Formato |
Uso |
| ftm-logo_*.mov | ProRes 4444 · 1920×1080 · alpha | Editor profissional (Premiere, DaVinci, FCPX) |
| ftm-intro.mp4 | H.264 · 1280×720 · fundo navy | Web, WhatsApp, redes sociais |
Vídeo Colibri + intro FTM
Exemplo prático: vídeo institucional "Colibri Fácil" (vertical 9:16) com a intro animada FTM de 3s prependada. Mostra como fica o resultado final na prática — o que o cliente vai ver no Instagram/TikTok/LinkedIn.
Preview do vídeo completo
Pipeline de produção
- Vídeo original Colibri (raw, 406×720, ~60s)
- Aplicar watermark FTM no canto inferior esquerdo (vídeo passa a ter logo persistente)
- Pre-pender intro animada FTM (3s, escalada pra 406×720, fundo navy)
- Concatenação ffmpeg com áudio silencioso no intro
- Export H.264 · perfil main · CRF 20 · aac 128k
- Resultado: vídeo institucional pronto pra publicar nas redes
Status atual: 10 vídeos Colibri (Ecossistema, Quem É Colibri, Tendências, Margem, Colibri Fácil, Totem, 4 Diferenciais, 7 Sistemas, Operação, Abriu um Restaurante) processados com este pipeline e disponíveis em /videos-final/.
Do & Don't
O que você pode e não pode fazer com o logo FTM.
✓ FAÇAUse o logo color em fundo claro.
✗ NÃO FAÇANão use logo navy em fundo laranja — sem contraste.
✓ FAÇAUse a versão branca em fundo navy ou escuro.
✗ NÃO FAÇANunca use o logo color sobre o próprio navy — ilegível.
✓ FAÇAMantenha a proporção original do logo (≈ 2.72 : 1).
✗ NÃO FAÇANão comprima, estique ou distorça o logo.
✓ FAÇAUse o selo Colibri completo (texto + logo).
✗ NÃO FAÇANunca use só o "Colibri" sem o "Revenda Oficial".
Espaçamento mínimo (área de proteção)
Mantenha ao redor do logo um espaço livre equivalente à altura do "F" do FTM.
Tamanho mínimo
FTM Sistemas — Sistemas para Food Service · Revenda Oficial Colibri · Porto Alegre/RS
Manual de Marca v1.0 · Maio/2026 · Desenvolvido por KITEBIZ — Inteligência Operacional como Serviço · kitebiz.com.br
