Brand Kit v1.0

Everything you need to build, write, and design in the ThinkFizz universe. Colors, type, logos, voice, and agent skills — all in one place.

Download Assets brand.json
Visual Identity

Color Palette

Click any swatch to copy the hex value. Each color has a personality — use it intentionally.

Coral
#F2545B
Primary CTA · Energy · Highlights
Green
#2BB673
Success · Science · Growth
Violet
#7B5BE0
Fizz brand color · Logic · Accent
Amber
#F7A325
Geography · History · Warmth
Blue
#2E8BF0
Links · Info · Trust · Science alt
Spark
#FFB23E
Delight moments · Streaks · Icon
Ink
#1F2430
Primary text · Dark background
Cloud
#F5F6F8
Light backgrounds · Cards
Typography

Type System

Two fonts. Fredoka brings the fizz; Nunito Sans keeps it readable. Never mix in a third.

Fredoka 600 — Headings & Display
Turn curiosity into a habit.
font-family: 'Fredoka', sans-serif;  |  font-weight: 600  |  Use: logotype, headings, quiz questions, display
Nunito Sans 400 — Body Copy
Did you know a teaspoon of neutron star material weighs a billion tons? That's not a typo — a single teaspoon outweighs Mount Everest. Here's why that's actually not as crazy as it sounds.
font-family: 'Nunito Sans', sans-serif;  |  font-weight: 400  |  Use: body copy, captions, paragraph text
Nunito Sans 600/700 — UI Labels & Buttons
Start Learning Browse Topics SCIENCE · HISTORY · GEOGRAPHY
font-family: 'Nunito Sans', sans-serif;  |  font-weight: 600–700  |  Use: buttons, labels, tags, nav
Scale Reference
Display / 48px
H1 / 32px
H2 / 24px
H3 / 20px
Body / 16px / Nunito Sans Regular
Caption / 14px / Nunito Sans Regular
LABEL / 12PX / NUNITO SANS 700
Logo System

Logos & Icons

Six SVGs, nine PNGs, two icon sizes. Download what you need — click any format button.

ThinkFizz
Lockup — Color
SVG PNG
ThinkFizz
Lockup — Black
SVG PNG
ThinkFizz
Lockup — White (on dark)
SVG PNG
Symbol — Color
SVG PNG 1024 PNG 512 PNG 256
Symbol — Black
SVG PNG 1024 PNG 512
Symbol — White (on dark)
SVG PNG 1024 PNG 512
App Icon Favicon Favicon 16
App Icon & Favicons
1024px 512px 256px 32px 16px
Brand Voice

Voice & Tone

A brilliant, enthusiastic friend who always has a fascinating story to share at dinner — not a professor, not a brochure.

Write like this

✓ Do
"Did you know Napoleon wasn't actually that short? He was 5'7" — average for his era. The myth started as British wartime propaganda."
✓ Do
"Here's the wild part — this tiny molecule runs every living cell on Earth. Every. Single. One."
✓ Do
"You just learned something most adults have never thought about. Welcome to ThinkFizz."

Not like this

✗ Don't
"The mitochondria is an organelle responsible for cellular respiration and ATP production."
✗ Don't
"Learning objective: Upon completion, students will be able to identify key historical events."
✗ Don't
"Please proceed to the next module upon completing the required exercises."

Core Principles

  • Lead with a hook, question, or surprising fact — never a definition
  • Short, punchy sentences. Average under 20 words.
  • Second person ("you") not third person ("students")
  • No jargon without an immediate plain-English payoff
  • Celebrate the Aha! moment explicitly
  • Active voice always. Passive voice never.
  • Contractions are fine — it's, you'll, here's, that's

Tone by Context

  • Quiz question — playful, slightly teasing
  • Answer reveal — triumphant, warm, tell the full story
  • Onboarding — welcoming, punchy, sets expectation of delight
  • Error states — human, never robotic, slightly self-deprecating
  • Notifications — short curious hook that makes them want to open
  • Deep dives — enthusiastic authority, the excited expert
  • Encouragement — specific praise, not generic
Agent Skills

Brand Skills

Drop these into any AI workflow to keep every output on-brand. Each skill comes with full documentation.

🎙️
Voice

Brand Voice

Write, edit, and generate any ThinkFizz copy. Covers voice principles, tone by context, do/don't examples, and per-category voice tweaks.

brand-voice.md
🎨
Design

UI Guidelines

Full design system reference — colors with usage rules, type scale, spacing grid, radius, shadow, motion, dark mode, and component patterns.

ui-guidelines.md
🔍
Review

Brand Review

Structured pass/fail checklist for reviewing any ThinkFizz output — copy, visual design, or educational content — against brand standards.

brand-review.md

Quick Prompt Snippet

Paste this into any LLM prompt to activate ThinkFizz voice instantly:

You are writing for ThinkFizz — an immersive educational platform. Brand voice: curious, energetic, authoritative, accessible. Tone: a brilliant enthusiastic friend who always has a fascinating story. Rules: Lead with a hook or question. Short punchy sentences (avg <20 words). Second person ("you"). Active voice. Contractions OK. No jargon without payoff. No passive voice. No academic framing. Celebrate the Aha! moment. Colors: Coral #F2545B · Green #2BB673 · Violet #7B5BE0 · Amber #F7A325 · Blue #2E8BF0 Fonts: Fredoka 600 (headings) · Nunito Sans (body)
Downloads

All Assets

Every file in one place. The brand.json works great in prompts and automation.

📦

brand.json

Machine-readable brand tokens — colors, typography, voice principles, UI specs. Drop into any prompt or build pipeline.

Download brand.json
🎙️

Brand Voice Skill

Full voice guidelines as a markdown skill file for Claude or any AI assistant.

Download .md
🎨

UI Guidelines Skill

Complete design system reference as a markdown skill — colors, type, spacing, components.

Download .md
🔍

Brand Review Skill

Structured review checklist for voice, visual, and content brand compliance.

Download .md
🖼️

SVG Logos (all)

All 6 SVG files: 3 lockups + 3 symbols in color, black, and white.

Lockup Color Lockup Black Lockup White Symbol Color Symbol Black Symbol White
📱

App Icons & Favicons

App icon at 1024, 512, 256px and favicons at 32, 16px.

Icon 1024 Icon 512 Icon 256 Favicon 32 Favicon 16