Brainbots

A Brainbots learner seated in a workshop

Curious minds create what comes next.

Audience
Ages 5–18
Region
The Gulf
Format
Live classes
Outcome
Real projects

Play, code, innovate.

Brainbots helps children and teenagers move from using technology to creating with it.

Live, project-based learning turns big technical ideas into approachable experiences. Every touchpoint should feel energetic and optimistic for learners while remaining specific, transparent, and reassuring for parents.

Brainbots Color

03 / 09

Color

Electric Ultramarine anchors the system, supporting colors add discovery and playfulness.

White
Vampire Black
Electric Ultramarine
Spring Bud
Pink
Yellow
Purple
Red

Brainbots Typography

04 / 09

Typography

Sora carries the Latin system with geometric confidence. Tajawal gives Arabic the same friendly clarity and range.

Sora

Role
Latin typeface
Source
Google Fonts
Styles
Variable 100–800

Open forms keep Latin display and text technical, never cold.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 &?!@#%

Medium
Semibold
Bold700
Display 48/48 -0.04emFuture in every idea.
Heading 1 30/36 -0.04emLittle minds, big bots.
Heading 2 24/32 -0.04emCreate something real.
Heading 3 20/28 -0.04emStart with curiosity.
Lead 18/28Live learning with real instructors.
Body large 16/28Plan, create, check, and explain.
Body 16/24Every class leads to a project.
UI 14/24Start the journey
Detail 12/20LIVE INTERACTIVE CLASS

Brainbots Motion

05 / 09

Motion

Motion should feel quick, playful, and purposeful. Eases keep every arrival and transition recognizably Brainbots.

In motion

Enter

Scaling in, opening. Content arriving into view.

Move

Reordering, shuffling. The system responding to a gesture.

In real use

Exchange

Carousel

Toggle

Reveal

The curve

Enter

Move

Brainbots motion is quick enough to feel responsive and soft enough to stay welcoming. Enter handles arrival; Move handles change.

Use these curves consistently across components. Adjust duration and stagger before introducing another ease.

Brainbots Voice and tone

06 / 09

Voice and tone

Speak clearly to parents . Celebrate possibility and show real experience and outcomes.

Make outcomes visible

AI creation you can show.

Name the websites, designs, apps, plans, and dashboards learners create.

Be clear and trustworthy

Live instructors. Real feedback.

Use concrete proof and plain language instead of broad claims.

Playful, not childish

Curiosity turns into something real.

Keep the energy bright and imaginative without talking down to young learners.

Reassure with specifics

Your child plans, creates, checks, and explains.

Help parents understand the learning process and the confidence it builds.

Campaign line

Do

Where Curiosity Meets Technology.

Don't

Unleash limitless innovation today!

Product specification

Do

Live interactive classes, not pre-recorded.

Don't

The world’s most revolutionary classes!

Error message

Do

Something went wrong. Please try again.

Don't

Oopsie! The bot broke.

Call to action

Do

Start the journey.

Don't

Click here now!!!

Brainbots Moodboard

07 / 09

Moodboard

Warm, candid learning moments alongside bold product imagery and graphic expressions.

Brainbots Applications

08 / 09

Applications

The Brainbots identity supports public discovery, focused learning, and clear operational tools across every role.

Brainbots Track catalog application
Brainbots Student dashboard application
Brainbots Parent dashboard application
Brainbots Instructor dashboard application
Brainbots Admin classes application
Brainbots Application 6 application
Brainbots Application 7 application
Brainbots Application 8 application
Brainbots Application 9 application

Brainbots Assets

09 / 09

Assets

Download the local typefaces, implementation-ready color files, and approved imagery used in this guide.

Logo files

4

Primary logo

SVGReading size…Reading dimensions…

Download

Primary logo — dark

SVGReading size…Reading dimensions…

Download

Logomark

SVGReading size…Reading dimensions…

Download

Logomark — dark

SVGReading size…Reading dimensions…

Download

Imagery

11

Moodboard image 1

PNGReading dimensions…

Download

Moodboard image 2

PNGReading dimensions…

Download

Moodboard image 3

PNGReading dimensions…

Download

Moodboard image 4

PNGReading dimensions…

Download

Moodboard image 5

PNGReading dimensions…

Download

Moodboard image 6

PNGReading dimensions…

Download

Moodboard image 7

PNGReading dimensions…

Download

Moodboard image 8

PNGReading dimensions…

Download

Moodboard image 9

PNGReading dimensions…

Download

Moodboard image 10

PNGReading dimensions…

Download

Moodboard image 11

PNGReading dimensions…

Download