Brand Book

The EduTea Brand Book

A Fresh Brew of Knowledge — the complete visual and verbal identity system for EduTea, from logo and colour to voice and real-world applications.

01 — Brand Story

Knowledge, brewed with care.

EduTea's story is told through five small symbols. Each one carries part of what the brand believes about learning.

Tea Cup

Knowledge Shared

The vessel that carries something warm from one person to another.

Leaves

Growth

What steeps and unfurls over time, given the right conditions.

Lightbulb

Understanding

The moment a difficult idea finally makes sense.

Conversation

Connection

Knowledge that only matters once it is shared out loud.

Heart

Care

The reason EduTea exists — for real families, real classrooms.

The Formula

Knowledge × Conversation × Care × Growth

Every EduTea touchpoint should register on all four — otherwise it isn't finished.

02 — Brand Purpose

Why EduTea exists

Purpose keeps the brand honest as it grows — it's the test every decision should pass.

Mission

To share simple, practical and relatable tips and hacks that make everyday education easier — from classroom ideas and parenting tips to student support and leadership advice, without the complicated jargon.

Vision

To make the education journey easier, one tip, one hack and one conversation at a time — the go-to space for parents, educators, students and anyone just starting out.

Practical over theoretical

No complicated theory and no one-size-fits-all rules — just what actually works.

Like a friend, not a textbook

EduTea speaks the way you'd speak over tea: honest, warm, jargon-free.

Respect for time

Short, focused lessons that fit into real, busy lives.

Care in every detail

From colour to copy, the brand should feel considered and calm.

03 — Logo

The EduTea mark

Two primary forms: the horizontal lockup for wide spaces, and the circular seal for compact, symmetrical placements.

Primary Lockup

Circular Seal

04 — Logo Meaning

What's built into the mark

Every element of the EduTea seal traces back to the brand story.

Tea Cup

Knowledge Shared

Leaves

Growth

Lightbulb

Understanding

Conversation

Connection

Heart

Care

05 — Logo Variations

A mark for every context

Primary Logo

EduTea

Secondary Logo (Seal + Wordmark)

Circular Seal

App Icon

Monochrome

Reverse (On Dark)

06 — Clear Space

Let the mark breathe

Maintain a minimum clear space equal to the height of the seal's leaf on every side. Never let text, imagery or edges intrude.

XXXX

EduTea seal with clear space illustration

07 — Minimum Size

Never smaller than this

Below these sizes the mark loses legibility and detail. For favicons, use the simplified app icon form.

24px — digital minimum

40px — comfortable UI size

20mm — print minimum width

08 — Incorrect Usage

Protecting the mark

These live examples show common mistakes. When in doubt, use the primary lockup on a plain cream or warm-white background.

Proportional, high contrast, clear space respected

Don't

Don't stretch or distort

Don't

Don't recolour off-brand

Don't

Don't rotate the mark

Don't

Don't use on low-contrast backgrounds

Don't

Don't place over cluttered imagery

09 — Colors

A warm, editorial palette

Forest and terracotta carry the brand's voice; cream and warm white keep it calm and legible. Click any tile to copy its hex code.

#29463CRGB 41, 70, 60

Primary brand, headings on light, key surfaces

#C87552RGB 200, 117, 82

Accents, highlights, primary calls to action

#939B82RGB 147, 155, 130

Secondary text, dividers, quiet UI

#D6A15FRGB 214, 161, 95

Small highlights, badges, illustration detail

#FBF7F0RGB 251, 247, 240

Application background, the dominant surface

#FFFDF9RGB 255, 253, 249

Cards, sheets, elevated surfaces

#29312ERGB 41, 49, 46

Body copy, UI text, icons

Usage Ratio — 55 / 20 / 10 / 10 / 5

Cream / Warm White — 55%

Forest — 20%

Sage — 10%

Terracotta — 10%

Sand — 5%

Contrast guidance: pair Forest or Charcoal text on Cream/Warm White for body copy (AA+ contrast). Terracotta and Sand are for accents and small UI, not long text passages. Reverse text (Cream on Forest) is safe for headlines and buttons.

10 — Typography

Editorial serif, calm sans

Playfair Display carries emotion and authority in headlines. Inter handles UI, body copy and numerals with clarity.

Display / Playfair Display

A Fresh Brew of Knowledge

One tip, one hack, one conversation at a time.

Course Titles

Dealing With Tantrums Without Shouting

The New Teacher Survival Guide

Body Copy / Inter

Practical responses for the moments that feel impossible — five focused lessons you can apply the same day.

Buttons / UI

Start CoursePreview LessonAED 79

Numerals

01 02 03 — AED 79.00

4.8 rating · 1,204 learners · 45 min

Bilingual Architecture — Arabic Readiness

Typography is built RTL-ready: layouts use logical spacing (start/end, not left/right), Playfair Display pairs with a matching Arabic display face for headlines, and Inter pairs with a clean Arabic UI face for body and interface text. Type scale, line-height and weight ratios stay consistent across both scripts so the two languages feel like one unified system, not a translation bolted on.

المعرفة، مُخمّرة بعناية.

11 — Icons

Line icons, one weight

A single-weight (1.75px) line icon set keeps the interface calm. Icons live inside soft, tinted circles — never as loud, filled shapes.

12 — Photography Direction

Warm, natural, real

Photography favours soft daylight, honest expressions and real settings — homes and classrooms, not stock-photo studios. Colour grade leans warm and slightly desaturated to sit inside the palette.

• Natural light, minimal flash
• Real parents, teachers and children — not posed stock
• Warm, slightly desaturated grade
• Close, intimate framing over wide studio shots

13 — Illustrations

Simple line-and-wash

Where photography can't reach — onboarding, empty states — illustrations use single-line linework with a soft terracotta or sage wash, echoing the leaf motif in the logo.

Leaf motif

Cup + steam

Speech + heart

14 — Patterns

Quiet background texture

A repeating leaf-dot motif, used at low opacity, brings texture to section dividers and cover pages without competing with content.

15 — Tone of Voice

Warm, plain, never clinical

EduTea sounds like a trusted mentor — clear, kind, and specific about real moments. Avoid jargon, corporate distance and empty enthusiasm.

Situation	Don't	Do
Introducing a course	Our comprehensive curriculum leverages evidence-based pedagogical frameworks.	Five short lessons for the moment your child won't stop crying.
After a purchase	Transaction confirmed. Access granted.	You're in. Take your time — the first lesson is only nine minutes.
Encouraging progress	User has completed 40% of required modules.	You're almost halfway. That's real progress.
Talking about price	Unlock premium content for a one-time fee of AED 79.	AED 79 — yours to keep, learn at your own pace.
When something goes wrong	Error 404: resource not found.	We couldn't find that page — let's get you back on track.

17 — Course Covers

One family, three courses

Each cover shares the same grid, wordmark placement and type treatment — only the photo and accent colour change.

New Teachers: What University Didn't Tell You cover art

EduTea

AED 129

New Teachers: What University Didn't Tell You

Teachers · 6 lessons

Student Behaviour: Reading It, Changing It cover art

EduTea

AED 89

Student Behaviour: Reading It, Changing It

Everyone · 5 lessons

Silent Burnout: What Nobody Talks About cover art

EduTea

AED 109

Silent Burnout: What Nobody Talks About

Teachers · 5 lessons

18 — Video Branding

Calm, consistent intros

Course videos open on the seal on a cream field, then cut to content with a thin terracotta lower-third for the lesson title.

What Actually Causes a Tantrum?

19 — Stationery

Business card & letterhead

Stationery uses the primary lockup on warm white, with forest text and a single terracotta rule.

Hanein Aldhanhani

Founder & Educator

20 & 21 — App & Website Branding

One system, two surfaces

The app uses the seal as its icon and forest tab bar; the website leans on the full lockup and generous cream whitespace.

EduTea

HomeCoursesYou

App Branding

CoursesAboutLogin

Website Branding

22 — Brand Applications

The brand, in the wild

Tasteful mockups across everyday touchpoints — always EduTea the education brand, never a café.

Mobile

Website

▶

Course Video

Workbook

Certificate of Completion

Certificate

Notebook

Business Card

Social

Presentation

Cup / Mug

Back to Experience PortalPortal

Knowledge, brewed with care.

Why EduTea exists

The EduTea mark

What's built into the mark

A mark for every context

Let the mark breathe

Never smaller than this

Protecting the mark

A warm, editorial palette

Editorial serif, calm sans

Line icons, one weight

Warm, natural, real

Simple line-and-wash

Quiet background texture

Warm, plain, never clinical

A consistent, calm grid

One family, three courses

Calm, consistent intros

Business card & letterhead

One system, two surfaces

The brand, in the wild