Brand guidelines
How CodeBakerz looks and sounds.
Baking Your Code To Give You A Pie. The logo, colours, type and voice we use, so everything we make feels like one friendly, honest school.
The mark
Our logo.
Use it exactly as supplied. It is drawn for white and pale-blue backgrounds.
- Please don’t
- Recolour, stretch, rotate or crop it.
- Place it on the dark navy colour: the navy “BAKERZ” disappears.
- Add shadows, outlines or effects.
- Squeeze text or other logos against it. Leave the height of the “b” free around it.
Colour
Three blues from the logo, two playful accents.
The logo’s own colours lead everywhere. Yellow and coral are for small highlights only, never for large areas or text.
Logo colours
- Cyan
#009CE0
The “cb” mark, glows, icons and large type. Too light for small text on white.
- Blue
#0C70B4
“CODE” in the logo. Buttons, links and small highlights.
- Navy
#2C2C80
“BAKERZ” in the logo. Headings, the dark call-to-action band.
Playful accents
- Crust yellow
#FBBF24
Stickers, mascot details, confetti. Small highlights only.
- Coral
#FF6B5E
Stickers and the mascot’s antenna. Small highlights only.
Amber and orange tones are reserved for warnings and status (pending, attention needed). They never appear in branding.
Themes
Three backgrounds, one look.
Every band of a page uses one of these. Text and buttons adjust on their own.
Soft
Learn to code, live.
The default page background: pale sky blue.
Book a free demoLight
Learn to code, live.
White bands, cards, navbar and footer.
Book a free demoNavy
Learn to code, live.
The deep logo navy, used for the closing call-to-action.
Book a free demo
Typography
Plus Jakarta Sans, everywhere.
One typeface keeps things calm. Weight and size do the work.
Headings · 700 · tight tracking
Baking Your Code To Give You A Pie
Body · 400 · relaxed line height
Live coding classes for class 6 to college. Small batches, a real mentor and real projects, in Hinglish.
Scale
- Display
- Aa
- Heading
- Aa
- Body
- Aa
Code and file names use the system monospace font.
Components
Pill buttons, stickers and chunky cards.
Rounded, friendly and easy to tap. Big touch targets for phones.
Buttons
Badges and stickers
Chunky card (games and demos)
Thick navy outline, hard shadow.
Used for interactive pieces like the path finder and mini-apps, so they feel like part of a game.
- Radius
- 12px cards, pill-shaped buttons and badges.
- Container
- Up to 1440px wide, 16 to 24px side gutters.
- Rhythm
- Sections breathe: 96px on phones up to 160px on large screens.
Our mascot
Meet Bit, the robot baker.
Bit welcomes, points the way and celebrates with students. Keep Bit friendly: no speech about results we cannot promise.
wave
point
think
celebrate
sleep
Icons
Lucide, one consistent set.
Simple line icons, drawn at the same weight. We use no other icon style.
Voice
Friendly, clear and honest.
We do
- Use simple English on the website, and Hinglish in class.
- Say plainly what is included, what it costs and how to cancel.
- Speak to students and parents in a warm, encouraging tone.
- Show real projects, and mark examples as examples.
We don’t
- Promise jobs, placements, salaries or marks.
- Invent numbers, reviews or testimonials.
- Use hype like “become an expert in 7 days”.
- Pressure parents or children to buy.
Our tagline is always written exactly as “Baking Your Code To Give You A Pie”. The legal name is Code Bakerz Infotech LLP.
Baking your code to give you a pie
Building something with us?
Writing about CodeBakerz or partnering with us? Use these guidelines, or write to us if something is missing.