Guía de marca
Amanecer en el valle
«La luz no aparece en la cima. Aparece en el valle.»
Seis lecturas, dos elementos
01
La W de wellbeing
La silueta completa es una W abierta: la inicial de well. Un solo trazo que nunca se levanta del papel.
02
Tres cumbres, tres pilares
Tres cimas de alturas distintas: entrenamiento, nutrición y salud mental. El «tri» de Triwell, contado sin decirlo.
03
Curva y ángulo
El primer tramo respira (la mente); el resto escala (el cuerpo). Cuerpo y mente integrados en un solo gesto.
04
El sol sale en el valle
El oro no corona la cima más alta: nace del valle. Los valles forman parte del camino, y la luz aparece ahí.
05
Una sola línea
Constancia: no hay piezas sueltas, hay un único camino continuo que sube y baja y sigue.
06
Tu gráfico de progreso
Una línea de datos con altibajos que tiende a subir: la misma que ves en la app. La marca cuenta lo que el producto hace.
Claro y oscuro
El sol es oro en ambos mundos, como el de verdad. La cordillera cambia de tinta: navy sobre hueso en claro, hueso sobre navy en oscuro. Nunca se recolorea de otra forma.
Color
#1a1a2e
La cordillera. Tinta principal de la marca.
#e8c547
El sol. Acento — nunca masa principal.
#faf8f5
El cielo. Fondo de la marca en claro.
#5b8a72
Color de sistema del producto, no del símbolo.
Tipografía de marca: Manrope para todo y Fraunces solo en titulares grandes — las mismas familias que usan la web y la app.
Reglas de uso
Sí
- Navy sobre hueso; hueso sobre navy u oscuros.
- El sol siempre oro #e8c547, en ambas variantes.
- Espacio de respeto: la altura del sol alrededor del símbolo.
- Wordmark «Triwell» en Manrope ExtraBold junto al símbolo.
No
- No rotar, estirar ni engordar el trazo.
- No recolorear la cordillera fuera de navy/hueso.
- No añadir sombras, degradados ni contornos.
- No separar el sol de la cordillera ni moverlo de su valle.
Iconos de plan
Cada plan del catálogo tiene su icono: una silueta de Solar en línea dentro del arco dorado de Triwell. El arco es el camino y el punto de oro, la meta; la silueta dice de qué va el plan. Cada uno aparece dos veces —sobre arena y sobre noche— pero es el mismo dato vectorial: el color no vive en el vector, lo pone el theme al dibujar.
Algunas familias comparten silueta a propósito —los planes de running comparten lenguaje y se distinguen por su arco, no por la figura—.
Adelgazar sin rebote
plate-linear
Aprobar las pruebas físicas
stopwatch-linear
Aumentar volumen
dumbbell-large-minimalistic-linear
Bajar la tensión
heart-pulse-linear
Cambiar en 90 días
calendar-linear
Comer 100% vegetal
leaf-linear
Comer para ganar músculo
chef-hat-linear
Controlar la glucosa
test-tube-minimalistic-linear
Correr mejor
running-linear
Correr una media maratón
running-2-linear
Cuidar tu espalda
bone-linear
Dormir mejor
moon-sleep-linear
Embarazo y posparto
hearts-linear
Empezar a correr
running-round-linear
Empezar de cero
flag-linear
Empezar en el gimnasio
dumbbell-linear
Entrenar en casa
home-2-linear
Equilibrio y core
accessibility-linear
Estudiar sin quemarte
book-linear
Fuerza y equilibrio
walking-round-linear
Ganar flexibilidad
stretching-linear
Ganar fuerza
dumbbell-small-linear
Ganar músculo
dumbbell-large-linear
Manejar la ansiedad
meditation-round-linear
Mantenerte activo
walking-linear
Menopausia en equilibrio
hand-heart-linear
Moverte mejor
body-shape-minimalistic-linear
Oposición de bombero
fire-minimalistic-linear
Oposición de policía
shield-check-linear
Perder grasa
scale-linear
Perder peso
graph-down-linear
Preparar un gran fondo
bicycling-round-linear
Quemar con HIIT
fire-linear
Recuperarte del parto
heart-angle-linear
Recuperarte mejor
battery-charge-linear
Rendir en pádel
tennis-2-linear
Rendir en tu deporte
medal-ribbon-star-linear
Salir del burnout
meditation-linear
Trabajar todo el cuerpo
body-shape-linear
Las siluetas provienen del set Solar Icons (480 Design, licencia CC BY 4.0); el arco, la meta y el color son nuestros. La licencia exige atribución allí donde se usen.
Redes sociales
El lockup horizontal no sirve de foto de perfil: Instagram, X, LinkedIn y WhatsApp recortan en círculo y se comen el texto por los lados. Esta versión va apilada —símbolo arriba, «Triwell» debajo— y todo el contenido cabe dentro del recorte, así que no hay que reencuadrar nada.
Versión oscura
La recomendada: contrasta sobre el fondo blanco de casi todas las apps.
Versión clara
Para fondos oscuros y para cuando la marca va sobre imagen.
Para cabeceras y banners hay lockup horizontal en oscuro y claro. Todas las piezas se generan con scripts/generar-marca-social.mjs: si cambia el símbolo, se regeneran, no se retocan a mano.
Descargas
Formatos oficiales para prensa, partners y cualquier uso autorizado de la marca.
Símbolo — SVG (máster vectorial)
Navy sobre transparente
Símbolo oscuro — SVG
Hueso sobre transparente, para fondos oscuros
Lockup con wordmark — SVG
Símbolo + «Triwell» en Manrope
Símbolo — PNG 2048
También en 1024 y 512 px
Símbolo oscuro — PNG 2048
También en 1024 y 512 px
Símbolo — PDF
Alta resolución para imprenta
Avatar de redes — SVG
Símbolo y wordmark apilados, listo para recorte circular
Kit completo — ZIP
Todos los formatos, favicon e iconos incluidos