Grammar can feel like a list of things to get wrong. GramLingo frames it as a place to explore: choose a world, take a short phase, work through a question.
The design connects identity, learning structure and interface. The playful exterior has a practical job: help a learner see where to begin and what comes next.
Project
GramLingo
Context
Founder-led learning product
Case focus
Identity, world-building, learning UX
Evidence
Live website + mobile web app
02 / Brand identity
Learning has a visual personality.
A warm sunset palette, rounded display lettering and the original Gramlin build recognition across the landing page and learning worlds.
Original GramLingo wordmark
Baloo 2
A little play.
Display / ExtraBold 800
Aa Bb 123!
The original Gramlin / a familiar face
DM Sans
One question. A world to explore.
Landing-page body / Regular 400
Soft letterforms invite you in. Clear text helps you find your way.
The covers turn grammar categories into recognisable destinations. Their depth, light and character make the lesson menu feel like the beginning of an adventure. These are the original published images—not newly generated substitutes.
04 / Brand behaviourOne character, different moments
A companion, not a referee.
Gramlin gives the learning journey a familiar face. Thinking, studying and celebrating are different emotional jobs—not interchangeable decorations.
An interactive viewer of supplied poses. It does not simulate a lesson or mark an answer.
05 / Website + productCaptured from the real experience
The promise. Then the practice.
The landing page introduces the world. The learning path turns that invitation into something navigable. Original world art, lesson titles and progress cues carry the brand from one surface to the next.
gramlingo.online / Landing page
Public website / Live capture, September 2026
app.gramlingo.online / Learning path
Existing signed-in product view / Private preview
06 / In your handReal mobile web-app screens
A world. A plan. One question at a time.
Choose a worldThe lesson cover becomes the first point of recognition.See the routeA phase list breaks the topic into manageable steps.Try one thingA focused question, visible progress and a familiar companion.
Captured at a 390 × 844 device viewport. Phone frames are presentation mockups; these are real mobile web screens, not a claim of a released native iOS app. No learner answers were submitted during capture.
07 / Experience logicIdentity that does a job
Play is the invitation. Clarity keeps it moving.
01 / Recognise
The world
Distinct cover art makes a topic memorable before the learner reads every label.
02 / Orient
The phase
A visible route turns an open-ended subject into a next step.
03 / Focus
The question
One active question keeps the immediate task clear.
04 / Encourage
The companion
A consistent character provides emotional continuity across different learning states.
08 / Work on recordPublished surfaces / Active product
A coherent learning world. An evolving product.
What this case shows
The original live logo, palette, fonts, four learning-world illustrations, three Gramlin poses and current desktop/mobile interfaces. The case is grounded in the published site and app.
What it does not claim
No learning-effectiveness, retention, adoption or revenue results are implied. The app screenshots include the owner’s existing profile and need a privacy review before public publication. Exact contribution credits remain to be confirmed.