Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Alan
InsuranceAlan creates a warm, approachable healthcare brand through vibrant purple gradients and friendly 3D character design. The custom AlanSans typeface with moderate weights (500) conveys trustworthy professionalism without clinical coldness, while the playful bear mascot humanizes digital health insurance.
Design Identity
Signature Color
Alan Purple
#6B5FFF
approachable healthcare innovation - trustworthy enough for insurance, friendly enough for daily wellness
Visual Identity
The distinctive 3D purple bear mascot creates instant brand recognition - no other health brand combines such vibrant purple gradients with playful character-driven design in warm, lived-in environments.
Component Style
Softly rounded components with 6px border radius and subtle shadows (4px blur, 10% opacity). Buttons feel pillowy rather than sharp, with generous padding that invites interaction. Cards and modals use gentle shadows to feel elevated but approachable.
Spacing Philosophy
Breathing room philosophy with comfortable 16px base spacing and 14px internal padding. The layout feels residential rather than corporate - spaces that feel lived-in rather than sterile medical environments.
Design Principles
- Border radius consistently 6px - soft but not overly rounded
- Typography uses only AlanSans at 500 weight for all interactive elements
- Shadows never exceed 4px blur with 10% black opacity
- Primary actions use purple gradients, never flat colors
- Spacing follows 8px grid with 14px as the comfort padding standard
Target Audience
Health-conscious millennials and Gen Z who want insurance that feels like a wellness app rather than bureaucratic paperwork
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 | 16px | |
| h1 | 40px | 500 | 48px | |
| h2 | 32px | 500 | 40px | |
| h3 | 16px | 500 | 24px | |
| h5 | 16px | 500 | 24px | |
| h6 | 18px | 500 | 28px | |
| p | 24px | 500 | 32px | |
| a | 14.5px | 500 | 20px | |
| button | 13.3333px | 400 | normal | |
| nav | 16px | 400 | 16px |
Color Palette
#121212#ffffff#3498db#07bc0c#f1c40f#757575#616161#e0e0e0#bb86fc
