Lutaoh es la suite digital de Grupo BSM para negocios de servicio: el dueño arma su carta en minutos y nosotros la mantenemos viva en la red. La marca hereda el gesto de la familia fastco — el nombre en minúsculas y un punto de color — y lo hace suyo: el punto azul es el negocio del cliente, publicado y en línea. Este manual fija cómo se escribe, se colorea y se aplica; el sistema visual es el ya establecido en lutaoh.com.
El logotipo es tipográfico: lutaoh en Space Grotesk Bold, siempre en minúsculas, con espaciado −0.03 em, rematado por el punto azul apoyado en la línea base. Se entrega como vectores (los trazos de la fuente convertidos a contornos), así que nunca depende de que la fuente esté instalada.
Retícula de construcción. u = diámetro del punto (18.5 % del cuerpo tipográfico).
Cuatro versiones cubren todo. La principal vive sobre blanco o superficies claras; sobre oscuro el punto sube a #0EA5E9 para conservar su brillo; las monocromas existen para grabados, sellos y contextos de una sola tinta.
Si no está en la sección anterior, no existe. Estos son los errores que más se van a intentar:
La paleta es la del sitio, sin adiciones. Proporción de trabajo: ~70 % blancos y superficies, ~20 % tinta en texto, ~10 % azul — el azul se gasta en lo que actúa: botones, ligas, el punto.
| Par | Ratio | Nivel | Uso permitido |
|---|---|---|---|
| Tinta / blanco | 18.72:1 | AAA | Todo texto |
| Blanco / azul #0284C7 | 4.1:1 | AA grande·UI | Botones y titulares ≥19 px — no párrafos |
| Muted / blanco | 5.98:1 | AA | Texto secundario |
| Blanco / oscuro | 18.87:1 | AAA | Texto en secciones dark |
| Azul claro / oscuro | 6.81:1 | AA | Acentos y ligas en dark |
Tres familias con papeles fijos. Space Grotesk titula y firma; Manrope hace todo el trabajo de lectura; Instrument Serif solo aparece en itálicas, como acento editorial de una línea — jamás en párrafos ni en interfaz.
Body en Manrope 400–600, 16–17 px, interlínea 1.6, máximo 66 caracteres por línea. Los pesos 700–800 se reservan para etiquetas y botones.
Titulares: Space Grotesk 700, espaciado −0.02 a −0.03 em, interlínea 1.05–1.2 · Escala: 1.333 (16 → 21 → 28 → 38 → 50) · Instrument Serif: solo itálica, solo una línea, de preferencia en azul · Nunca más de dos pesos por pieza.
Piezas canónicas de interfaz — ya construidas así en la app y el sitio:
Sobre temas claros: tinta + punto azul. Space Grotesk 700, 13–14 px.
Sobre temas oscuros: blanco + punto #0EA5E9. Si el tema del cliente choca con el azul, se usa la versión monocroma.
El verde «en línea» (#16A34A) es color funcional de estado, no de marca: nunca se usa en el logotipo ni en piezas de comunicación.
Logo arriba (l = 8 mm), QR al centro con marco de tinta, liga abajo en Space Grotesk. Fondo siempre blanco para lectura del escáner.
Fondo blanco, logo 130 px arriba-izquierda, titular Space Grotesk, franja azul inferior. Misma plantilla para redes.
Avatar en apps y redes: favicon-tile.svg (azul, «l.» blanco). Firma de correo: logo 96 px + nombre + puesto en Manrope 600 13 px + lutaoh.com en azul.
Todo el paquete vive en marca/assets/ dentro del deploy. Los SVG son contornos vectoriales — escalan a cualquier tamaño e imprimen sin la fuente instalada.
| Archivo | Qué es | Úsalo en |
|---|---|---|
| logo-lutaoh.svg | Principal · tinta + punto azul | Fondos claros, impresos |
| logo-lutaoh-dark.svg | Blanco + punto #0EA5E9 | Secciones oscuras, video |
| logo-lutaoh-mono-negro.svg | Una tinta | Sellos, grabados, fax de aduana |
| logo-lutaoh-mono-blanco.svg | Un blanco | Sobre azul primario, fotografías oscuras |
| favicon.svg | «l.» transparente | Pestañas del navegador |
| favicon-tile.svg | «l.» blanco sobre tile azul | App icon, avatares, WhatsApp Business |
<link rel="icon" type="image/svg+xml" href="/marca/assets/favicon.svg">