WWW.OTB.DESIGN
© OUTTA THE BOX™ 2026
OUTTA THE BOX™BOOK A FREE CALL
[ CASE_FILE: TRUE ILM // STRATEGY & IDENTITY ]

TRUE ILM.

Islamic audiobooks & ebooks for the modern Muslim — a rebrand rooted in the timeless symbolism of light.

CLIENT
TRUE ILM
SECTOR
EDUCATION / MEDIA
SCOPE
STRATEGY / IDENTITY / BRAND GUIDE / UI-UX
YEAR
2025
[ THE STORY IN ONE LINE ]

A growing Islamic knowledge platform whose identity couldn’t carry its mission. We rebuilt it around light — and made True Ilm the go-to app for Islamic audiobooks and eBooks.

CH.01 // THE PROBLEM
WHAT THEY WALKED IN WITH

A MOVEMENT WEARING A LOGO THAT SAID NOTHING.

True Ilm is more than a content platform — it’s a movement reconnecting Muslims to authentic, actionable knowledge in a format that fits modern life. With a vast library of audiobooks and eBooks, the app bridges the traditional with the digital. But its identity lacked presence, emotional depth and scalability: the logo failed to evoke purpose, and the visual system didn’t reflect the platform’s ambition or spiritual promise.

CH.02 // THE DIG
WHAT WE UNCOVERED

The brief demanded balance: reimagine the identity without losing the essence of Ilm — knowledge as light and guidance; honour sacred tradition while staying contemporary and user-friendly; put audiobooks and eBooks front and centre as the hero formats; and build a system flexible enough for app UI, packaging, merchandise and campaigns.

[ THE INSIGHT ]
Ilm isn’t content to consume. It’s light to be guided by.
CH.03 // THE LEAP
INSIGHT → IDEA

A BRAND BUILT ON LIGHT.

Inspired by the timeless symbolism of light, the new identity reflects True Ilm’s mission to guide and illuminate hearts through authentic Islamic knowledge — an elevated logo system, a premium product experience, and visual storytelling that brings clarity, credibility and emotional resonance to a brand rooted in revelation.

CH.04 // THE SOLUTION
THE IDEA, MADE VISIBLE

The lantern-led mark anchors a system that scales from app UI to packaging and campaigns — before/after, lockups, and the brand world in use.

True Ilm logo before and after the rebrand
[ FIG.01 ]THE MARK — BEFORE / AFTER
True Ilm logo type variants
[ FIG.02 ]LOCKUPS — THE LOGO FAMILY
True Ilm brand identity mockup
[ FIG.03 ]IDENTITY IN USE
True Ilm brand identity mockup
[ FIG.04 ]THE BRAND WORLD
True Ilm brand identity mockup
[ FIG.05 ]THE BRAND WORLD
True Ilm app experience mockup
[ FIG.06 ]PRODUCT — THE APP EXPERIENCE
True Ilm brand identity mockup
[ FIG.07 ]ACTIVATION — IN THE WILD
True Ilm brand identity mockup
[ FIG.08 ]ACTIVATION — IN THE WILD
CH.05 // THE PAYOFF
WHERE IT LANDED

The rebrand sparked renewed user interest and increased content engagement, giving the platform a world-class identity rooted in purpose. The app now feels like what it truly is: a companion on your journey toward meaningful Islamic learning — whenever and wherever.

STATUS: SHIPPED ✓ // CASE_FILE CLOSED
[ NEXT CASE_FILE ]
IOU // STRATEGY & IDENTITY
IOU.
UNBOX NEXT
[ OPEN A CHANNEL ]

PICK A SLOT.

A 30-minute call. No pitch, no deck — just your idea and how we’d unbox it.

SCHEDULER // CAL.COM_LINK● ONLINE