Identidade da marca
Como usar a marca bikedo.app.
Um guia curto sobre o logótipo, a paleta, a tipografia e a forma como falamos do produto. Se estás a usar ativos BikeDo num site parceiro, num press kit ou num post de comunidade, esta é a fonte de verdade.
Logótipo
Duas cores, dois pesos, um acento Clay. Inter Black, espaçamento ligeiramente apertado.
Sobre preto
Sobre fundo claro
Monocromático (último recurso)
Pequeno (favicon / ícone da app)
O logótipo é sempre «bikedo.app» (minúsculas). O sufixo «.app» é sempre Clay.
Espaço livre à volta do logótipo pelo menos da altura do «b». Não o aperta.
Em texto corrente, escreve o produto como BikeDo (CamelCase) — nunca «BikeDo App» nem «BikeDo API».
Ícones
A marca da app — um «b» minúsculo em Clay sobre um mosaico escuro. A mesma marca funciona como ícone da app, favicon e ícone em rodapés ou assinaturas.
Ícone da app
Quadrado arredondado, «b» em Clay sobre Black/Charcoal. iOS e Android, App Store e Google Play.
Transferir · PNG 1024
Favicon / pequeno
Uma letra maior para legibilidade a 16–32 px. Separadores do navegador, marcadores e PWA.
Transferir · .ico
Fonte vetorial
SVG mestre para grandes renderizações e impressão — escala sem perder qualidade.
Transferir · SVGNão recolora, distorça nem rode a marca. Mantenha as proporções e o espaço livre.
O ícone já tem o fundo escuro incorporado — não o coloque noutro mosaico escuro sem espaçamento.
Fundos de ecrã
Fundos para computador na paleta da marca — a marca sobre charcoal, em 5K. Escolha só a marca ou a versão com slogan.
Para telemóvel
Apenas a marca
Apenas a marca, na metade inferior (segura para o ecrã de bloqueio). iPhone e Android.
Com o slogan · PL
A marca com o slogan, na metade inferior. iPhone e Android.
Com o slogan · EN
A marca com o slogan, na metade inferior. iPhone e Android.
Social / partilha
Paleta de cores
Inspirada em canyons. Um acento quente (Clay), dois escuros, dois neutros, dois tons de texto. Cada cor tem um papel — mantém-no.
Clay
#C45E3AAcento principal. CTAs, links, focus, estados ativos. Nunca como fundo da página.
Black
#1A1A1AFundo de página (superfícies escuras). Canvas predefinido da app móvel e do web.
Charcoal
#2D2D2DFundo de cards/painéis em superfícies escuras. Um tom mais claro que Black.
Stone
#4A4A4ABordas, divisórias, linhas finas em superfícies escuras. Reduzir a 30–60% de opacidade para separadores subtis.
Text light
#F5F5F5Texto principal em superfícies escuras. Títulos e corpo sobre Black/Charcoal.
Tom claro — combina com texto Charcoal ou Black.
Text muted
#78716CTexto secundário, legendas, dicas, placeholders. Cumpre WCAG AA em Black para tamanhos body.
Sand
#E8DED5Borda em superfícies claras (marketing, mockups). Combina com Light bg.
Tom claro — combina com texto Charcoal ou Black.
Light bg
#F8F6F3Branco quebrado para tema claro e mockups. Nunca branco puro.
Tom claro — combina com texto Charcoal ou Black.
Tipografia
Inter para produto e corpo. Playfair Display para títulos editoriais em páginas de marketing. Não misturar — um papel por superfície.
UI + corpo
Inter
Vejam a bruxa da raposa salta sobre o cão preguiçoso
Títulos editoriais
Playfair Display
Vejam a bruxa da raposa salta sobre o cão preguiçoso
H1 — Playfair, 48–60px
Uma casa mais simples para as tuas bicicletas.
H2 — Playfair, 28–36px
Histórico de manutenção sem folhas de cálculo.
Body — Inter, 16–18px
Regista uma revisão em dois toques. Adiciona uma foto. Partilha com uma oficina. Todo o histórico viaja com a bicicleta quando muda de dono.
Caption — Inter, 12–13px
Última revisão há 14 dias · 1.240 km
Voz e tom
O BikeDo soa como um amigo calmo e competente que percebe de bicicletas. Confiante, concreto, sem hype. Não gritamos.
Faz
Usa o logótipo como «bikedo.app» com «.app» em Clay.
Combina com Inter Black/Bold e deixa-o respirar — pelo menos a altura do «b» de espaço livre.
Em texto corrente, escreve o produto como «BikeDo» (CamelCase).
O CamelCase lê-se melhor numa frase do que as minúsculas do logótipo.
Usa Clay com moderação — um único acento numa página Black/Charcoal.
Se tudo é acento, nada é. O Clay deve guiar o olho à próxima ação.
Usa sentence case em títulos e botões.
Sentence case soa mais humano, menos corporativo.
Não faz
Não escrevas «BikeDo App», «BikeDo Mobile» nem «BikeDo API» em texto.
É só BikeDo — app e API são detalhes de implementação, não parte do nome.
Não alteres a divisão de cores do logótipo.
«bikedo» sempre em Text light (fundos escuros) ou Charcoal (fundos claros); «.app» sempre em Clay.
Não ponhas Clay sobre Clay nem recolorias o sufixo «.app».
Perdes o sinal de reconhecimento que ancora a marca.
Não uses branco puro como fundo.
Usa Light bg (#F8F6F3). O branco puro fica clínico ao lado da paleta terrosa.
Não juntes uma tagline ao logótipo.
Se precisas de tagline, põe numa linha separada por baixo do logótipo em Text muted.