Lesaka is built on a promise of presence: “Where you are, we are.” To maintain the trust and recognition of this promise, it is vital that our visual identity is applied consistently across all merchant environments, partner integrations, and technical implementations.
This guide outlines the correct usage of our logo, color palette, typography, and provides technical implementation guidance for developers and AI tools.
1. The Logo#
The Lesaka logo combines a custom wordmark with our distinctive “footprint” icon. The footprint is a human symbol of presence, connection, and movement—representing our commitment to being where our customers are.
Core Rule#
The Lesaka logo is a precision instrument. Never attempt to recreate or alter the proportions of the logo marks in AI image generation or layout tools.
Logo Components#
The logo consists of three elements:
- Footprint Icon - A human symbol of presence and connection
- Wordmark - “Lesaka” in our custom typography
- Tagline - “Where You Are”
Logo Variations#
We provide three primary logo configurations. Do not alter these proportions:
Primary Horizontal:
Preferred for headers and website navigation. Includes the footprint icon, wordmark, and optional tagline arranged horizontally.
Primary Stacked:
Use when horizontal space is limited. Elements are stacked vertically while maintaining proper proportions.
Icon Only:
The footprint icon may only be used alone if the Lesaka wordmark appears elsewhere on the same page or asset (e.g., as a favicon, social avatar, or app icon).
The “Unit of Measure” (100%)#
All spacing and sizing are defined by the height of the capital letter ‘L’ in the Lesaka wordmark. This height is referred to as 100% and determines all grids, clear space, and construction proportions.
Clearspace (Isolation Area)#
To ensure clarity and breathing room, the logo must maintain proper clearance from other elements:
Standard Clear Space:
Maintain a minimum clear space of 100% (the height of the ‘L’) on all sides of the logo.
App Icons:
For mobile app squares only, the isolation area is reduced to 50% to enhance visibility in constrained spaces.
Minimum Sizes (Digital)#
To ensure legibility in digital applications:
| Logo Type | Minimum Height |
|---|---|
| Horizontal Logo with Tagline | 25px |
| Horizontal Logo without Tagline | 15px |
| Icon Only | 15px |
2. Color System#
Our palette is built on the interplay between Earth and Lime. This contrast creates a balance of warmth, trust, and vibrancy—representing both stability and energy.
Core Rule#
The brand relies on a strict interplay between Earth, Lime, and White. All implementations must strictly adhere to these HEX codes and contrast pairings.
Primary Palette#
These three colors form the foundation of our visual identity:
| Color Name | Use Case | HEX Code | RGB | CMYK |
|---|---|---|---|---|
| Lesaka Lime | Primary Brand Color (Energy, Progress, Visibility) | #D4EB00 | 212, 235, 0 | 29, 0, 100, 0 |
| Lesaka Earth | Primary Brand Color (Stability, Trust, Grounding) | #2F0D0B | 47, 13, 11 | 29, 92, 41, 73 |
| White | Balance & Clarity | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 |
Secondary & Support Palette#
| Color | HEX Code | Usage |
|---|---|---|
| Black | #000000 | Use sparingly for system text |
| Green | #035644 | Support color |
| Mint | #C3E7C1 | Support color |
Strict Background/Logo Pairing Rules#
When placing the logo on different backgrounds, use the correct colorway:
| Background | Logo Color |
|---|---|
| White/Light Backgrounds | Earth logo |
| Earth/Dark Backgrounds | Lime logo |
| Lime Backgrounds | Earth logo |
Monochrome (Black/White):
Only use in exceptional cases where color is restricted (e.g., thermal receipts, black-and-white print).
Accessibility & Contrast Rules#
To ensure text is readable and accessible, use only the following approved color combinations:
- Earth on Lime - Dark brown text on lime background (high contrast)
- Lime on Earth - Lime text on dark brown background (high contrast)
- Earth on White - Dark brown text on white background (standard documentation)
- Black on White - Only where brand colors are not available (system text)
3. Typography#
Our typography balances approachability with authority, creating hierarchy through contrast.
Core Rule#
Use Bree for “shouting” (headlines, impact) and Neue Haas Grotesk for “speaking” (details, clarity).
Primary Fonts#
Headlines (Display):
Bree is our primary display typeface. It is expressive, friendly, and used for headlines, quotes, and call-outs that demand attention.
Body Copy (Functional):
Neue Haas Grotesk is used for functional text. It is neutral, legible, and used for body copy, UI elements, and detailed information.
System Fallbacks (Web & App)#
If the primary fonts cannot be embedded on your platform, use these system defaults to maintain consistency:
| OS / Platform | Fallback Font |
|---|---|
| Windows / Android | Arial / Roboto |
| Mac / iOS | Helvetica / San Francisco |
Text Hierarchy & Placement#
| Element | Font | Example Size |
|---|---|---|
| H1 Headlines | Bree Bold | 96pt |
| H2 Headlines | Neue Haas Grotesk 55 Roman | 60pt |
| Body Copy | Neue Haas Grotesk 55 Roman | 14pt |
Alignment:
Text should generally be left-aligned to maintain the “Direct and Grounded” brand tone.
4. AI Implementation & Technical Guidance#
For Image Generation (Midjourney/DALL-E)#
Generate a photorealistic scene set in South Africa featuring a small
business or spaza shop. The mood should be humble, present, and streetwise.
Include the Lesaka brand colors: bright Lime (Hex #D4EB00) and deep Earth
brown (Hex #2F0D0B). Ensure the environment feels 'lived-in' and authentic
to the tagline 'Where You Are'. Do not use the logo icon alone; always
pair it with the text 'Lesaka' if visible.
For Design/Layout Assistants#
Create a layout using a grid based on a unit of '100%'. Set margins and
clear space around the logo equal to this 100% unit. Use Bree font for
the main headline in Earth color (#2F0D0B) on a White background. Use
Neue Haas Grotesk for the body text. Ensure the logo is the 'Earth'
version if placed on a white or lime background.
5. Download Brand Assets#
All logo files, color swatches, and brand materials are available for download:
Need logo files? Visit the Images and Logos page to download:
- Logo files (SVG, PNG formats)
- Payment method icons
- Security badges
- Color swatches and palettes
For the complete brand manual with detailed specifications, contact your Adumo account manager.
6. Implementation Notes#
This styling guide applies to all Lesaka Online and Lesaka properties including:
Digital Properties:
- Documentation sites
- Payment pages and checkout experiences
- API responses with branding
- Email templates
- Web and mobile applications
Marketing & Communications:
- Marketing materials and campaigns
- Partner collateral
- Merchant onboarding materials
- Social media assets
- Presentations and reports
Merchant Integrations:
- Shopping cart plugins
- Payment page customizations
- Receipt templates
- Confirmation emails
- Integration badges
This guide is based on the Lesaka Master Brand Manual (December 2025) and applies to all Lesaka Online implementations.