Recursos de marca
Aquí puedes descargar el logotipo y consultar los tokens visuales esenciales para notas de prensa, presentaciones o colaboraciones: color, tipografía, espaciado, formas y reglas de uso.
Logotipo
Versión principal (fondo claro)
Versión para fondos oscuros
Uso rápido
- No deformes ni recolorees el logotipo; usa la versión clara u oscura según el fondo.
- Deja espacio libre alrededor equivalente al menos a la altura de la «o» del wordmark.
- El color de acento de marca es siempre el azul oficial (abajo), no otros azules.
Color
El azul de Actiun es el único color de acción para CTAs, wordmark, enlaces de énfasis y badges de marca. El resto del sistema vive en blanco, ink y grises suaves.
Actiun Blue
#1FA3F4
primary
Blue Active
#0F8EDD
primary-active
Blue Soft
#E3F3FD
primary-soft
Texto principal
#0A0B0D
ink
Canvas
#FFFFFF
canvas
Surface Soft
#F7F7F7
surface-soft
Hairline
#DEE1E6
hairline
Semánticos
#05B169 / #CF202F / #F4B000
texto de estado
Regla de color
No introduzcas un segundo color de marca. Verde, rojo y ámbar son solo semánticos para estados de cobranza; nunca reemplazan el azul de acción.
Tipografía
Una sola familia para marketing y producto: Instrument Sans en display, body, navegación, captions y botones. JetBrains Mono queda reservado para montos, totales y datos tabulares.
Instrument Sans
Headlines en peso 700 con tracking negativo; cuerpo, UI y navegación en 400, 500, 600 o 700 según jerarquía.
Ver en Google FontsPairing de referencia: Fontpair - Instrument Sans + Instrument Sans.
Sistema visual
Actiun se siente como un SaaS financiero serio pero accesible: canvas claro, bandas suaves, tarjetas con hairline y geometría pill.
Espaciado
La unidad base es 4px. Las secciones mayores usan 96px de ritmo vertical y las tarjetas respiran con 32px internos.
section: 96px
Formas
CTAs, badges y search pills son completamente redondeados. Tarjetas y mockups usan radio amplio de 24px.
pill: 100px / xl: 24px
Profundidad
La profundidad principal viene de hairlines y bandas alternas. Las sombras decorativas se evitan salvo hover sutil.
border: 1px hairline
Haz
- Usa Actiun Blue solo para CTAs primarias, wordmark, links de énfasis y badges de marca.
- Usa
font-bolden headers de display con Instrument Sans. - Renderiza precios, montos y porcentajes con JetBrains Mono.
- Delimita tarjetas con hairline 1px en lugar de sombras fuertes.
Evita
- No agregues otro color de marca ni uses verde o rojo como color de botón.
- No uses
font-mediumen headlines de marketing. - No mezcles otra sans dentro del mismo headline o bloque de cuerpo.
- No uses bandas oscuras en superficies de marketing.
¿Necesitas otro formato o tienes dudas sobre el uso de la marca? Escríbenos.