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
classButtons
Voice & Tone
- •Encouraging: Support learners on their journey
- •Clear: Simple, jargon-free communication
- •Smart: Intelligent without being intimidating
- •Playful: Learning should be enjoyable