A system, with intention.
We’re packaging the iPay design system into a single place you can borrow from — logo files, color tokens, type pairings, voice rules and the assets that keep partner work on-brand. Not live yet, but you’ll see the bones below.
Money, moved with warmth.
Plus Jakarta Sans does the everyday work — buttons, body, UI labels — sized for screen at 1.6 leading.
Six chapters of a working brand system.
The same six sections you see in our internal guidelines — but built for download, copy and direct linking. Reach for any of them when working on iPay collateral.
- 01 · Logo
The mark, six contexts
Primary and reverse logomarks for white, teal, mist, cream, ink and coral backgrounds — with clear-space rules and don'ts.
- 02 · Color
Tokens, not hex codes
The full palette as CSS custom properties, Tailwind tokens and Pantone references — paired with the 60/30/10 balance rule.
- 03 · Typography
Four lanes, one voice
Fraunces for editorial display, Plus Jakarta Sans for everything UI, JetBrains Mono for numerals — sized and tracked for screen.
- 04 · Voice
Clear, kind, capable
How iPay sounds — warm without being casual, confident without being intimidating, with examples of what to do and what to avoid.
- 05 · Photography
Real money, real people
Direction for hero photography, lifestyle scenes and product crops — including approved spokesperson portraits.
- 06 · Templates
Ready-to-use kits
Slide decks, social cards, email signatures and partner co-branding lockups — exported in the formats teams actually need.
The bits we’d say before you start.
Even before the brand center is live, these four rules cover most of what tends to go sideways in partner work.
- Do
Anchor on teal, accent with coral
Trust-bearing surfaces stay teal. Coral is reserved for high-intent moments — never two coral CTAs on one screen.
- Do
Pair Fraunces with Plus Jakarta
Editorial serif for the headline, humanist sans for everything else. Don't reach for a third display face.
- Don't
Don't recolor the logomark
Keep the mark within the six approved background contexts. No gradients, no photographic fills, no skewing.
- Don't
Don't shout
iPay never sells in caps or stacks exclamation marks. Plain language carries trust further than urgency.
Need it before launch? Just ask.
While the brand center warms up, we send vetted assets directly. Tell us what you’re building — partner page, press story, product collateral — and we’ll route the right files within a working day.
- Logomark in PNG and SVG, all six contexts.
- Brand colors as HEX, RGB, CMYK and Pantone.
- Approved spokesperson portraits and bios.
- PSP licence references, with the official wording.