Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
GoStudent
EdTechGoStudent embodies academic trust through a deep navy foundation paired with vibrant electric blue accents, creating a serious yet approachable educational atmosphere. The typography combines scholarly weight with friendly accessibility, using bold Raleway headings that command attention while maintaining warmth through rounded letterforms.
Design Identity
Signature Color
Academic Navy
#1e3a8a
educational authority and trustworthy expertise in learning
Visual Identity
The distinctive deep navy background with bright blue accent buttons and crisp white overlays creates an unmistakable 'nighttime study session' aesthetic that feels both professional and student-friendly.
Component Style
Softly rounded corners (8-12px radius) with clean white cards floating over navy backgrounds. Buttons are substantial with generous padding, using bright blue fills that pop against the dark foundation. No harsh shadows - everything feels approachable yet substantial.
Spacing Philosophy
Generous breathing room with large hero sections and comfortable white space around text blocks. Components have substantial internal padding creating a sense of importance and readability, while maintaining intimate groupings for related information.
Design Principles
- Navy backgrounds create focus and reduce visual noise
- White content cards provide clear information hierarchy
- Blue accents only on primary actions to guide user flow
- Bold typography weights (700-800) establish educational authority
- Rounded corners stay between 8-16px for friendly approachability
Target Audience
Parents seeking premium tutoring services and students who need structured, trustworthy academic support with a modern digital experience
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 24px | |
| h1 | 32px | 800 | 48px | |
| h2 | 40px | 700 | 56px | |
| p | 15px | 400 | 24px | |
| a | 15px | 400 | 24px | |
| button | 15px | 700 | 22.5px | |
| input | 15px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px |
Color Palette
#007aff#3b82f6#ffffff
