Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Mentimeter
EdTechMentimeter embodies a friendly yet professional interactive learning atmosphere through its vibrant blue-purple signature color that communicates engagement and creativity. The bold, condensed typography creates visual impact while maintaining approachability, perfectly suited for educational presentations and audience interaction.
Design Identity
Signature Color
Mentimeter Blue
#5769e7
Interactive engagement and educational innovation
Visual Identity
The ultra-condensed, bold headline typography paired with rounded components and the distinctive blue-purple accent creates an unmistakably interactive, presentation-focused aesthetic that feels both professional and approachable.
Component Style
Moderately rounded corners (8-12px) with clean backgrounds and subtle borders. Buttons have generous padding and feel substantial without being heavy. The 'Sign up' button uses the signature blue with white text and comfortable 12px+ padding for easy interaction.
Spacing Philosophy
Generous whitespace creates breathing room between sections, with comfortable padding inside interactive elements. The layout feels spacious but not empty, emphasizing the presentation-focused nature of the platform.
Design Principles
- Border radius stays between 8-16px for friendly approachability
- Typography uses three distinct families: MentiText for body, MentiDisplay for headings, MentiDisplayCompressed for impact
- Brand color #5769e7 is used sparingly for maximum impact on key actions
- Backgrounds remain clean white with subtle warm grays for depth
- Interactive elements use 600 font weight for clarity and confidence
Target Audience
Educators, trainers, and presenters who need to engage audiences through interactive polls and real-time feedback during meetings or classes
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 | 24px | 600 | 36px | |
| h2 | 28px | 600 | 32.2px | |
| h3 | 64px | 400 | 54.4px | |
| p | 16px | 400 | 20px | |
| a | 16px | 400 | 20px | |
| button | 16px | 600 | 24px | |
| input | 16px | 600 | 0px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#ffffff#ebeae8#000000#dedcd9#d5daf7#eeeffd#ffdedd#fff4d7#e4f4e7#f2f1f0#e1e2fa#c5c3c1
