Identidad de marca
Cómo usar la marca bikedo.app.
Una guía breve del logotipo, la paleta, la tipografía y cómo hablamos del producto. Si usas materiales de BikeDo en una web de partners, un kit de prensa o un post de comunidad, esta es la fuente de la verdad.
Logotipo
Dos colores, dos pesos, un acento Clay. Inter Black, interletraje ajustado.
Sobre negro
Sobre fondo claro
Monocromo (último recurso)
Pequeño (favicon / icono app)
El logotipo es siempre «bikedo.app» (minúsculas). El sufijo «.app» va siempre en Clay.
Espacio libre alrededor del logotipo al menos la altura de la «b». No lo aprietes.
En texto corrido, escribe el producto como BikeDo (CamelCase) — nunca «BikeDo App» ni «BikeDo API».
Iconos
La marca de la app — una «b» minúscula en Clay sobre un mosaico oscuro. La misma marca funciona como icono de la app, favicon e icono en pies de página o firmas.
Icono de la app
Cuadrado redondeado, «b» en Clay sobre Black/Charcoal. iOS y Android, App Store y Google Play.
Descargar · PNG 1024
Favicon / pequeño
Una letra más grande para la legibilidad a 16–32 px. Pestañas del navegador, marcadores y PWA.
Descargar · .ico
Fuente vectorial
SVG maestro para renders grandes e impresión — escala sin perder calidad.
Descargar · SVGNo recolorees, deformes ni gires la marca. Conserva sus proporciones y su espacio libre.
El icono lleva su fondo oscuro incorporado — no lo coloques sobre otro mosaico oscuro sin separación.
Fondos de pantalla
Fondos de escritorio en la paleta de la marca — la marca sobre charcoal, en 5K. Elige la marca sola o con el eslogan.
Para el móvil
Solo la marca
Solo la marca, en la mitad inferior (segura para la pantalla de bloqueo). iPhone y Android.
Con el eslogan · PL
La marca con el eslogan, en la mitad inferior. iPhone y Android.
Con el eslogan · EN
La marca con el eslogan, en la mitad inferior. iPhone y Android.
Redes / compartir
Paleta de colores
Inspirada en los cañones. Un acento cálido (Clay), dos oscuros, dos neutros, dos tonos de texto. Cada color tiene un rol — mantenlo.
Clay
#C45E3AAcento principal. CTA, enlaces, focus, estados activos. Nunca de fondo de página.
Black
#1A1A1AFondo de página (superficies oscuras). Canvas por defecto de la app móvil y web.
Charcoal
#2D2D2DFondo de tarjetas/paneles sobre superficies oscuras. Un tono más claro que Black.
Stone
#4A4A4ABordes, divisores, líneas finas sobre superficies oscuras. Reducir a 30–60% de opacidad para separadores sutiles.
Text light
#F5F5F5Texto principal sobre superficies oscuras. Títulos y cuerpo sobre Black/Charcoal.
Tono claro — combina con texto Charcoal o Black.
Text muted
#78716CTexto secundario, captions, ayudas, placeholders. Cumple WCAG AA en Black para tamaños de body.
Sand
#E8DED5Borde en superficies claras (marketing, mockups). Combina con Light bg.
Tono claro — combina con texto Charcoal o Black.
Light bg
#F8F6F3Blanco roto para el tema claro y mockups. Nunca blanco puro.
Tono claro — combina con texto Charcoal o Black.
Tipografía
Inter para producto y body. Playfair Display para títulos editoriales en marketing. No mezcles — un rol por superficie.
UI + body
Inter
El veloz murciélago hindú comía feliz cardillo y kiwi
Títulos editoriales
Playfair Display
El veloz murciélago hindú comía feliz cardillo y kiwi
H1 — Playfair, 48–60px
Un hogar más simple para tus bicis.
H2 — Playfair, 28–36px
Historial de servicio sin hojas de cálculo.
Body — Inter, 16–18px
Registra un servicio en dos taps. Añade una foto. Compártelo con un taller. Todo el historial viaja con la bici cuando cambia de dueño.
Caption — Inter, 12–13px
Último servicio hace 14 días · 1.240 km
Voz y tono
BikeDo suena como un amigo tranquilo y competente que sabe de bicis. Seguro, concreto, sin hype. No gritamos.
Sí
Usa el logotipo como «bikedo.app» con «.app» en Clay.
Combínalo con Inter Black/Bold y deja que respire — al menos la altura de la «b» como espacio libre.
En texto corrido, escribe el producto como «BikeDo» (CamelCase).
El CamelCase se lee mejor en una frase que las minúsculas del logotipo.
Usa Clay con moderación — un solo acento por página Black/Charcoal.
Si todo es acento, nada lo es. Clay debe llevar la mirada a la siguiente acción.
Usa sentence case en títulos y botones.
Sentence case suena más humano, menos corporativo.
No
No escribas «BikeDo App», «BikeDo Mobile» ni «BikeDo API» en texto.
Es solo BikeDo — la app y la API son detalles de implementación, no parte del nombre.
No cambies la división de color del logotipo.
«bikedo» siempre en Text light (fondos oscuros) o Charcoal (fondos claros); «.app» siempre en Clay.
No pongas Clay sobre Clay ni recolorees el sufijo «.app».
Pierdes la señal de reconocimiento que ancla la marca.
No uses blanco puro como fondo.
Usa Light bg (#F8F6F3). El blanco puro queda clínico junto a la paleta terrosa.
No añadas un tagline pegado al logotipo.
Si necesitas tagline, ponlo en línea separada bajo el logotipo en Text muted.