Tu marca, intacta y aplicada
El logo, el símbolo y los cuatro colores se quedan como están. Lo nuevo es cómo se usan: Jost en todo, el oro de tu tarjeta como acento y patrones que salen del propio símbolo.
Las versiones del logo
Los vectores oficiales, sin redibujar. Sobre fondo claro va la versión a color; sobre la noche, la versión oscura oficial; sobre foto, la blanca. El oro es una tinta: el logo completo en foil, o la versión de tu tarjeta.
La construcción
Cuatro barras del mismo ancho, separadas por un tercio de ese ancho. La única curva es el cuarto de círculo, con radio igual al ancho de la barra. De ahí salen las esquinas del sitio, los patrones y los diagramas.
| Módulo | barra + espacio = 80 unidades (barra 59,5; espacio 20,4) |
|---|---|
| Área libre | el ancho de una barra alrededor del logo completo |
| Tamaño mínimo | logo completo 28 mm o 110 px de ancho; símbolo solo 6 mm o 24 px |
| Giro | nunca; el símbolo siempre de pie |
Lo que nunca se hace
La garantía de consistencia: cada pieza de esta propuesta usa el vector oficial y pasa por esta lista.
Hispanic FinancialEl color
Tus cuatro colores con su significado, más la noche como fondo y el oro de la tarjeta como acento. El amarillo marca la palabra clave y el botón principal; nunca un párrafo.
#263A69 · 38 58 105
#22689B · 34 104 155
#72BF44 · 114 191 68
#D5CD27 · 213 205 39
#0B1430 · 11 20 48
foil en impreso; degradado en pantalla
Jost, la letra de la casa
La que ya usa tu marca. Ligera para frases grandes, Black para la palabra clave, Regular para leer. Libre y servida desde tu propio sitio.
Seis patrones desde el símbolo
Las arcadas vienen del brochure y de tu tarjeta; los arcos, del cuarto de círculo; la escalera, de las barras que suben. El monograma se usa tono sobre tono, nunca girado.
La voz
Como hablan tu brochure, tu tarjeta y tu banner: de tú, claro y en los dos idiomas.
- De tú en español; en inglés, directo y cálido.
- Primero lo concreto: qué hacemos, cuándo vence, qué traer.
- Cifras y fechas solo verificadas, y con la nota de que cada caso puede variar.
- Sin promesas de resultados ni testimonios inventados.
- Español e inglés completos, nunca uno resumido.
El movimiento
Las barras suben una por una, de izquierda a derecha, y se asientan. Nada gira, nada rebota.
| Curva | cubic-bezier(.16, 1, .3, 1) |
|---|---|
| Duraciones | 0,6 s detalle · 1,2 s entrada · 3,2 s logo |
| Secuencia | barra 1, 2, 3, 4 con 0,12 s entre cada una |
| Oro | un brillo que cruza una vez, nunca en bucle |
| Accesibilidad | con "reducir movimiento" activo, todo aparece quieto |