lboriente.com
Manual de marca
La identidad visual de lboriente.com representa la unión entre tecnología, confianza y evolución: azules que transmiten innovación y profesionalismo, complementados con neutros para contraste y legibilidad. Limpia, moderna y con contraste AA en digital.
← Volver al inicioLogo
Versiones permitidas
- ✔ Azul sobre blanco
- ✔ Blanco sobre azul
- ✔ Blanco sobre negro
- ✔ Negro sobre blanco
No utilizar
- ❌ Sombras
- ❌ Degradados dentro del logo
- ❌ Cambiar proporciones
- ❌ Cambiar colores institucionales
Paleta principal
LB Blue
Logo, botones principales, links, iconografía, estados activos
Deep Blue
Hover, headers, footer, fondos oscuros, tarjetas premium
Black
Texto, iconos, footer, fondos elegantes
White
Fondos, espacios, respiración visual, contraste
Paleta secundaria
Sky Blue
Hover, cards, gráficos, infografías
Light Gray
Background, dashboard, forms
Medium Gray
Texto secundario, metadatos, labels
Border Gray
Bordes, inputs, cards, separadores
Colores de estado
Success
Solo el «guardado» de un formulario. El verde es color de rivales: en dosis mínimas
Warning
Avisos, pendientes
Danger
Solo errores. No para destacar
Info
Mensajes informativos
Acentos de la Polla Millonaria
Dorado
Lo que importa: Liga BetPlay, premios, «Mi polla», admin
Plateado
Copa BetPlay, el certamen secundario
Aguamarina
Pertenencia (la barra del hincha) y «abierto para pronosticar»
Colores que no se usan
Verde: es color de rivales
Nacional, Cali, Águilas, Alianza, Llaneros: media liga juega de verde. Un hincha de Millonarios no quiere abrir la app y ver verde. Se usa solo para el «guardado con éxito» de un formulario, y nada más — nunca como color de identidad, de estado destacado ni de categoría. Donde hacía de «positivo» visible, se reemplazó por aguamarina.
Rojo: solo error
Un formulario que falla, un dato inválido. Nunca para llamar la atención sobre algo que no está mal: para eso está el dorado.
Gradiente oficial
Únicamente para hero sections, banners o elementos destacados.
linear-gradient(90deg, #003594 0%, #0066FF 55%, #4DA6FF 100%)Tipografía
La tipografía oficial es la del sistema de quien visita: el sitio no descarga ninguna webfont. Cuesta 0 KB, no parpadea al cargar y se ve nativa en cada dispositivo — decisión de rendimiento del 2026-08-02, ver el manual de marca.
Headings
Sistema, peso black
Los títulos no cambian de familia: se distinguen por peso.
Texto / UI
Sistema (sans)
Aa Bb Cc · 0123456789 · San Francisco en iPhone, Roboto en Android, Segoe UI en Windows.
Datos / código
Sistema (mono)
#0066FF · $5.000 · 2026-07-19
Aplicaciones digitales
Botón principal
bg #0066FF · hover #003594 · texto #FFFFFF
Links
Normal #0066FF · Hover #003594 · Visited #4DA6FF
Cards: fondo blanco, borde #E2E8F0, sombra rgba(0,0,0,.08) — esta misma tarjeta es el ejemplo.
Accesibilidad y tokens
Contraste AA siempre
- Texto blanco únicamente sobre #0066FF, #003594 o negro.
- Texto negro sobre blanco, gris claro o azul muy claro.
Nota: la sección Polla Millonaria usa además un acento dorado (#D8A72F) propio del contexto Millonarios; no hace parte de la paleta institucional.
app/globals.css — única fuente de la paleta
:root {
--lb-primary: #0066ff;
--lb-primary-dark: #003594;
--lb-primary-light: #4da6ff;
--lb-black: #111111;
--lb-white: #ffffff;
--lb-background: #f5f7fa;
--lb-border: #e2e8f0;
--lb-text: #222222;
--lb-text-secondary: #7a7a7a;
--lb-success: #22c55e;
--lb-warning: #f59e0b;
--lb-danger: #ef4444;
--lb-info: #0ea5e9;
}