Logo
The Odela logo combines a three-petal mark with the ODELA wordmark. The mark — three interlocking, rounded segments in a warm yellow-to-orange gradient — visually expresses structured, interlocking growth, which is the intent behind the tagline “Your Growth Architect.”
Always use the original assets. Never redraw, rebuild, or trace the logo. Work from the provided PNG files, or request the production SVGs for final output — see Production assets.
The three lockups
The logo exists in three official arrangements. Choose the lockup that best fits the available space and context.
1. Horizontal lockup (primary)
The default lockup for most applications — the mark sits to the left of the ODELA wordmark on a single baseline. Use this in headers, navbars, title slides, and business cards.
2. Vertical (stacked) lockup
The mark stacked above the ODELA wordmark. Use this in square or vertically constrained spaces — social avatars, app tiles, footer blocks, and poster formats.
3. Mark with tagline
The horizontal lockup with the “Your Growth Architect” tagline set beneath the wordmark. Use this for first-touch brand moments — pitch deck covers, letterheads, and signage — where the positioning statement should be visible.
The mark
The petal mark is the core symbol of the brand. It may appear on its own only when the ODELA wordmark is already established in context — for example, a favicon, an app tile, or a repeated brand watermark. For standalone use, request the dedicated icon asset rather than cropping a lockup.
Clear space
Give the logo breathing room on every side equal to the height of the mark — the cap-height of the letter O in ODELA. Nothing may enter this margin: not text, not imagery, not a container edge or another logo.
1× mark-height of empty space on all four sides — minimum. When in doubt, add more.
Minimum size
To protect legibility, never reproduce the logo below these minimums.
| Lockup | Digital minimum | Print minimum |
|---|---|---|
| Horizontal | 120 px wide | 30 mm wide |
| Vertical (stacked) | 64 px mark height | 16 mm mark height |
| Mark with tagline | 140 px wide | 35 mm wide |
Colour treatments
- Full colour (default): the gradient mark with the black wordmark. Use on light or white backgrounds.
- On light surfaces: place on Off-white (
#FAFAF5) or white only.
No dark-background treatment is available yet. The provided assets contain a black wordmark, which disappears on dark or charcoal backgrounds. A reversed (white/knockout) version of the logo is required for dark surfaces — do not place the current logo on dark backgrounds, and do not invert it yourself. Request the reversed asset when needed.
Do and Don’t
| ✅ Do | ❌ Don’t |
|---|---|
| Use the official assets unmodified | Redraw, trace, or recreate the logo |
| Keep the mark’s original aspect ratio | Stretch, squash, or distort the logo |
| Preserve the warm yellow-to-orange gradient | Recolour the mark or change the gradient stops |
Place on Off-white (#FAFAF5) or white only | Place on busy, patterned, or low-contrast backgrounds |
| Allow full clear space on every side | Crowd the logo with text, rules, or imagery |
| Use “ODELA” uppercase in the wordmark | Change the wordmark spelling or case |
| Use the tagline lockup for first-touch moments | Add drop shadows, outlines, or bevels to the logo |
Production assets
The reference files live in references/logo/ and are served from /visual-identity/ on this site. For final production output (large-format print, motion, the product UI), use vector SVG versions of the logo rather than the PNGs. The live product navbar, for example, loads the Odela logo SVG from https://portal.odela.com.my/logo.svg.
| Purpose | File |
|---|---|
| Horizontal lockup (PNG) | odela-logo-horizontal.png |
| Vertical lockup (PNG) | odela-logo-vertical.png |
| Mark with tagline (PNG) | odela-logo-square.png |
| Production / vector | Request the official SVG set |