International Trading Institute – Branding
A ground-up identity for a brand-new trading institute. We crafted a modern, scholarly brand system with subtle Catalan roots—built to attract global students, stand apart from competitors, and scale across digital and print with absolute clarity and consistency.
Client
Services
Industry
ITI provides structured, professional trading education that blends academic rigor with real-world market insight. Founded in 2024 by FXStreet’s Francesc Riverola, the Institute exists to replace shortcuts and fragmented learning with a disciplined path to mastery for a truly global student community.
Starting from zero, we focused on three pillars: academic prestige, contemporary edge, and everyday usability. We involved stakeholders throughout discovery and concept rounds, aligning on positioning and Catalan cues. The result is a cohesive identity that is recognizable at a glance, adaptable at any size, and unmistakably ITI.
The ITI logo is built on a grid of four hexagons, modular building blocks that signal stability, reliability, and unity. Light outlines add an architectural feel that echoes Barcelona’s structured forms. The system reflects ITI’s role as a supportive, structured partner in professional education, helping learners build strong foundations.
The letters I, T, and I are custom drawn to match the hexagon geometry. Corner radii, stem widths, and spacing align with the grid to create a cohesive, modern wordmark that is precise, professional, and approachable across digital and print.
The top right hex carries a white Flor de Barcelona on a red field that links ITI to its Catalan roots. The flower stands for growth, focus, and excellence, and it gives the mark a distinctive cultural signature with global appeal. Use the flower as white on red inside the top right hex only. This restraint keeps the accent memorable and consistent across every touchpoint.
Each element inside a hexagon needs a clear buffer equal to the flower height on all sides. Apply this rule to the flower and to the letters I, T, and I. The internal safe space keeps content centered and unobstructed, protects legibility at small sizes, and preserves the balance of the icon across digital and print.
Use the horizontal lockup as the default for web, decks, and print. Switch to the vertical lockup in tall or narrow spaces. Maintain external clear space equal to one hex height on all sides. Keep the hex order intact with the red flower in the top right position. If space is too tight for the wordmark, use the approved tiny mark rather than compressing the logo.
At Aero gives ITI a modern, confident voice. Use Semibold for headings and Retina for body and UI. The family includes 20 styles and a variable font with two axes: Weight from Air to Super and Italic from 0 to 10 degrees.
The primary palette is the brand signature. Use it in key interactions for support, assurance, delight, and clear calls to action. Keep contrast high and apply color with restraint.
Catalan Red
Rooted in the Senyera and Barcelona’s energy. Use for CTAs, highlights, and the flower accent. Avoid large red fields.
Prussian Blue – Mediterranean Navy
Drawn from the Port of Barcelona and deep Mediterranean waters. Use for headings, key icons, charts, and dark UI anchors.
Columbia Blue – Eixample Stone
Inspired by Eixample facades and paving tiles. Use for surfaces, cards, gridlines, and dividers to structure dense layouts.
White
Mediterranean light for clarity and space. Use to create legible, calm compositions and to balance information-heavy content.
Keep layouts clean and consistent. Use the core palette, At Aero, and a subtle hex pattern only when needed. For square posts, keep a 10 percent safe area on all edges so nothing crops in feeds. Place the logo top left and the domain or handle top right. Set the primary message in the lower third with a short supporting line if required. Use high quality, inclusive imagery and reserve Catalan Red for accents and calls to action.
The logo adapts across contexts without losing clarity. The icon scales from favicon and app tile to hero imagery, while horizontal and vertical lockups switch seamlessly based on layout. The hex grid keeps alignment tight on light, dark, or photographic backgrounds. Motion can add life through soft fades or scale, with safe space and contrast always respected.
“From concept to execution, PRAN took the time to truly understand our vision for ITI and was then instrumental in translating it into a strong, recognizable brand. Their strategic thinking, attention to detail, and ability to blend academic credibility with a modern appeal resulted in an identity that perfectly expressed our strategic vision & direction and that we are incredibly proud of. The final outcome exceeded our expectations and has given ITI a solid foundation to build its presence in the industry. PRAN hold themselves to a very high standard and I cannot recommend them highly enough.”