Digital Design System
Copa’s Design System 2.0 / Digital Marketing
Brand Guidelines
Una referencia legible por personas y modelos.
Esta publicación reúne los lineamientos vigentes para PowerPoint, Google Slides, documentos, assets, campañas, interfaces y web. Es documentación multiformato: puede consultarse en la web, leerse como Markdown o descargarse para subirla a un modelo que no tenga acceso externo.
Si un modelo no puede abrir URLs, sube copa-digital-design-system.md. No debe reemplazar la guía por el estilo del archivo actual ni por otro sistema de diseño.
Paleta de colores
Valores del PDF Colors Definition recibido el 21 de octubre de 2026. El nombre y el código identifican cada muestra.
Primary
- ultradark
#001A66 - dark
#002880 - main
#0032A0 - light
#0E68FF - ultralight
#D6E3FF - faded
#9FC3FF
Secondary
- main
#00A3E0 - faded
#80D1EF
Tertiary
- light
#D0B49F
Alternative
- pardo
#866D4B - gold
#AD7C59 - dark-orange
#B15C37 - light-orange
#E2C070 - prefermember-blue
#072241 - lavanda-faded
#E9E1F0 - lavender
#C9ABE0 - terminal-2
#DADF0C - terminal-1
#FF2996
Background
- light-blue
#EFF5FF - paper
#FCFCFC
Warning
- main
#FFC82C - faded
#FFF4D5
Error
- main
#D52525 - faded
#FFEFEF
Success
- main
#0C7E3E - faded
#CEE5D8
Grey
- 50
#F9F9F8 - 75
#EFEFEE - 100
#EFEFEE - 200
#DBDAD8 - 300
#CCCCCB - 400
#AAAAAB - 500
#999999 - 600
#666666 - 700
#333333 - 800
#121212
Common
- black
#000000 - white
#FFFFFF
Status ConnectMiles
- member
#0032A0 - silver
#062660 - gold
#8D7249 - platinum
#666666 - presidential
#121212
Tipografía
Gilroy para títulos y display. Suisse Int’l para lectura y UI. Estas muestras mantienen medidas de las referencias anteriores; la nueva lámina confirma las variantes y sus overrides.
H1 regular
Una nueva forma de viajar
H2 de sección
Beneficios de PreferMembers
H3
Prepara tu viaje
H4
Información de equipaje
Display Big / H5
Conecta con tu próximo destino
Display Normal / H6
Explora más posibilidades
Subtitle 1
Descubre todo lo que puedes hacer
Subtitle 2
Una experiencia para ti
Body 1
Consulta los detalles y prepara tu próximo viaje.
Body 2
Encuentra la información que necesitas antes de volar.
Caption
Información complementaria del ejemplo.
Un enlace primario abre la guía completa; uno secundario consulta los tokens. El hover conserva la escala del texto.
La variante invertida conserva familia, tamaño y espaciado. Consultar la guía
Lectura e índice lateral
Patrón contextual: títulos más compactos, subtítulos discretos, cuerpo con mayor interlineado y navegación con espacio para cada opción. Los tamaños responden a esta composición.
Una guía para tu próximo viaje
Encuentra la información que necesitas, organizada por tema.
Prepara tu viaje
Consulta la información antes de volar y conserva a mano los documentos de tu viaje. Los títulos facilitan el escaneo; el cuerpo mantiene un ritmo cómodo de lectura.
Consulta los detalles
El índice permite ir directamente a cada sección y conserva el orden del contenido cuando se apila en una pantalla pequeña.