Guía de identidad visual para mantener consistencia en todas las comunicaciones.
#2563EB
Primario: botones, links, foco · blanco 5.2:1 AA
#F97316
CTA estrella + acentos · texto tinta 6.5:1
#22D3EE
Solo glow / profundidad — nunca texto
#0B1220
Bandas oscuras 'tech' · blanco 18:1
#0F172A
Texto principal · sobre blanco 16:1 AAA
#64748B
Texto secundario · sobre blanco 4.6:1 AA
#F8FAFC
Fondo claro base
#15803D
Éxito / 'Yape pagado'
Gradiente Eléctrico (titulares): linear-gradient(135deg, #2563EB 0%, #22D3EE 100%)
Gradiente Chispa (CTA estrella): linear-gradient(135deg, #F97316 0%, #EA580C 100%)
Tu barbería, automática
Geométrica con carácter casi-mono. Para titulares y números destacados: se lee "software serio y moderno" sin asustar.
Titulares + NúmerosAgenda, caja y clientes
El caballo de batalla SaaS: ultra-legible para párrafos, agenda, caja y datos. La legibilidad es prioridad.
Cuerpo + Datos.btn-primary (azul) para la acción por defecto · .btn-cta (brasa, texto tinta) para el CTA estrella, máx. uno por pantalla · .btn-secondary para acciones secundarias.
Contenido de la card con sombra suave y bordes redondeados.
Con borde azul para destacar el plan más popular.
Efecto vidrio para elementos flotantes sobre imágenes.
.badge (azul) para etiquetas neutras · .badge-spark (brasa) para urgencia/oferta.