Guía viva · Presentación de servicio
Sistema visual
Tokens de brand/design-tokens.css aplicados con Outfit. Todo lo que aparece aquí es lo que usan las slides. Volver al inicio
01 · Esqueleto
Las 3 variantes del esqueleto de slide
02 · Color
Paleta de marca
blue
#003366
Color madre · títulos
blue-dark
#002244
Fondos profundos
blue-medium
#336699
Apoyo · info
blue-light
#6699CC
Detalles (no texto)
hot-pink
#FF3399
CTA · eyebrow · solo texto grande
berry
#CC0066
Rosa para texto
rose
#FF66B2
Decorativo
teal
#009999
Métricas · texto grande
ocean
#006666
Teal para texto
sapphire
#66CCCC
Acento sobre navy
growth
#2E9F6E
Crecimiento
growth-dark
#0F6B44
Verde para texto
orchid
#9966CC
Puntual
Neutros · modo presentación
ink
#0A1F3A
Tinta principal
ink-soft
#4A5A74
Tinta suave
bg-deck
#F5F8FC
Fondo de slide
grey-100
#EEF2F7
Superficie 2ª
grey-200
#D7E0EA
Bordes
grey-300
#B9C5D4
Texto sobre navy
white
#FFFFFF
Tarjetas
Gradientes firma
Hero navy · 135°
Pink → berry · 160°
Medium → blue · 160°
Teal → ocean · 160°
Sapphire → medium · 160°
Green → growth · 160°
03 · Tipografía
Outfit · escala del lienzo 1920×1080
04 · Componentes
Patrones de interfaz
Botones
Formulario
El importe no puede ser negativo
Chips y pasos
Corto plazoPrioridadMedio plazo+12 % anual
1234
Tarjetas
Análisis
Tarjeta con barra de acento
Barra superior de 5px en gradiente.
3
Tarjeta de paso duotono
Fondo gradiente 160° y texto blanco.