Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Remind
EdTechRemind creates an optimistic, family-focused brand through warm circular compositions and geometric flow patterns that literally connect diverse family moments. The custom P22 Mackinack Pro headlines feel approachable yet authoritative, while the vibrant blue signature color communicates trust without corporate coldness.
Design Identity
Signature Color
Remind Blue
#1E88E5
Educational trust and accessible communication - bridging the gap between institutions and families
Visual Identity
Circular photo frames connected by flowing geometric arcs and curves that create literal visual pathways between family members, teachers, and school buildings - the connecting lines become the brand signature.
Component Style
Clean, generous buttons with moderate 6-8px border radius. Components feel substantial but approachable - not overly rounded like consumer apps, not sharp like enterprise tools. Subtle depth through gentle shadows rather than flat design.
Spacing Philosophy
Expansive breathing room with large-scale circular compositions that command the full viewport. The connecting arc elements create dynamic negative space while photos are given substantial padding to feel important and personal.
Design Principles
- Headlines use P22 Mackinack Pro at 48px for warm authority
- Body text stays at 14-16px Proxima Nova for readability
- Circular photo frames are always connected by geometric flow lines
- Blue signature color dominates with orange/purple accent sparks
- Generous whitespace with asymmetrical photo placement for movement
Target Audience
Parents, teachers, and school administrators seeking meaningful digital connection tools that feel personal rather than institutional
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 | 14px | 500 | 20px | |
| h1 | 48px | 500 | 52.8px | |
| h2 | 36px | 700 | 43.2px | |
| h3 | 36px | 700 | 43.2px | |
| h4 | 18px | 500 | 25.2px | |
| p | 16px | 500 | 22.4px | |
| a | 14px | 600 | 20px | |
| input | 14px | 500 | 16.8px | |
| nav | 14px | 500 | 20px | |
| footer | 14px | 500 | 20px |
Color Palette
No colors extracted
