Your brand, untouched and in use
The logo, the symbol and the four colors stay as they are. What is new is how they are used: Jost everywhere, your card's gold as an accent and patterns drawn from the symbol itself.
The logo versions
The official vectors, not redrawn. On light backgrounds, the color version; on night, the official dark version; on photos, the white one. Gold is an ink: the full logo in foil, or your card's version.
The construction
Four bars of the same width, separated by a third of that width. The only curve is the quarter circle, with a radius equal to the bar width. The site's corners, the patterns and the diagrams all come from it.
| Module | bar + gap = 80 units (bar 59.5; gap 20.4) |
|---|---|
| Clear space | one bar width around the full logo |
| Minimum size | full logo 28 mm or 110 px wide; symbol alone 6 mm or 24 px |
| Rotation | never; the symbol always stands upright |
What we never do
The consistency guarantee: every piece in this proposal uses the official vector and goes through this list.
Hispanic FinancialColor
Your four colors with their meaning, plus night as the background and the card's gold as the accent. Yellow marks the key word and the main button; never a paragraph.
#263A69 · 38 58 105
#22689B · 34 104 155
#72BF44 · 114 191 68
#D5CD27 · 213 205 39
#0B1430 · 11 20 48
foil in print; gradient on screen
Jost, the house typeface
The one your brand already uses. Light for large phrases, Black for the key word, Regular for reading. Free and served from your own site.
Six patterns from the symbol
The arcades come from the brochure and your card; the arcs from the quarter circle; the steps from the rising bars. The monogram is used tone on tone, never rotated.
The voice
The way your brochure, card and banner speak: informal "tú", clear and in both languages.
- "Tú" in Spanish; in English, direct and warm.
- Concrete first: what we do, when it is due, what to bring.
- Only verified figures and dates, with the note that each case may vary.
- No promised results or invented testimonials.
- Spanish and English in full, never one summarized.
Motion
The bars rise one by one, left to right, and settle. Nothing spins, nothing bounces.
| Easing | cubic-bezier(.16, 1, .3, 1) |
|---|---|
| Durations | 0.6 s detail · 1.2 s entrance · 3.2 s logo |
| Sequence | bar 1, 2, 3, 4 with 0.12 s between each |
| Gold | one sheen that crosses once, never looping |
| Accessibility | with "reduce motion" on, everything appears still |