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 inicio

Logo

Sobre blanco

Sobre LB Blue

Sobre negro

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

#0066FF

LB Blue

Logo, botones principales, links, iconografía, estados activos

#003594

Deep Blue

Hover, headers, footer, fondos oscuros, tarjetas premium

#111111

Black

Texto, iconos, footer, fondos elegantes

#FFFFFF

White

Fondos, espacios, respiración visual, contraste

Paleta secundaria

#4DA6FF

Sky Blue

Hover, cards, gráficos, infografías

#F5F7FA

Light Gray

Background, dashboard, forms

#7A7A7A

Medium Gray

Texto secundario, metadatos, labels

#E2E8F0

Border Gray

Bordes, inputs, cards, separadores

Colores de estado

#22C55E

Success

Confirmaciones, pagos aplicados

#F59E0B

Warning

Avisos, pendientes

#EF4444

Danger

Errores, acciones destructivas

#0EA5E9

Info

Mensajes informativos

Gradiente oficial

Únicamente para hero sections, banners o elementos destacados.

linear-gradient(90deg, #003594 0%, #0066FF 55%, #4DA6FF 100%)

Tipografía

Headings

Por definir

La tipografía de títulos está pendiente de confirmación; se cargará vía next/font cuando se defina.

Texto / UI

Geist Sans

Aa Bb Cc · 0123456789 · párrafos, botones y navegación.

Datos / código

Geist 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;
}