Brand Guidelines

Visual identity and design system for Tuteur

Logo

Tuteur

Our wordmark uses a gradient from blue to purple, representing the journey from learning to mastery.

Color Palette

Primary Blue

#2563EB

Primary Purple

#9333EA

Accent Indigo

#4F46E5

Dark Background

#1F2937

Typography

Headings

Inter Bold

Body Text

Inter Regular - Clean and readable for learning content

Code/Monospace

JetBrains Mono - For code snippets and technical content

UI Components

Glass Cards

Our signature glass morphism effect with subtle transparency and blur.

glass-card class

Buttons

Voice & Tone

  • Encouraging: Support learners on their journey
  • Clear: Simple, jargon-free communication
  • Smart: Intelligent without being intimidating
  • Playful: Learning should be enjoyable