Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Eucalyptus
HealthcareEucalyptus embodies botanical sophistication through a rich forest green that suggests natural wellness and growth. The minimalist typography treatment creates a zen-like meditation on the brand name, evoking the calming, therapeutic properties of eucalyptus itself.
Design Identity
Signature Color
Eucalyptus Forest
#228B5A
Natural healing, botanical expertise, and organic wellness authority
Visual Identity
Extreme minimalism with a single typographic element floating in vast colored space - the negative space itself becomes the primary design element, creating an almost pharmaceutical-grade sense of purity and focus.
Component Style
Clean sans-serif typography with generous letter-spacing, no visible borders or shadows - everything feels weightless and organic, like text floating in a botanical atmosphere.
Spacing Philosophy
Oceanic whitespace philosophy where the brand name exists in a sea of color, suggesting infinite breathing room and the spaciousness found in nature.
Design Principles
- Typography never exceeds two font families: p22-mackinac-pro for headlines, Karla for everything else
- Body text maintains 18px with 400 weight for maximum readability
- Headlines scale dramatically to 96px with 500 weight for impact
- Line heights follow a 1.25x ratio (18px/22.5px, 96px/120px)
- Color palette centers on therapeutic green with neutral gray accents
Target Audience
Health-conscious consumers seeking premium natural wellness products with pharmaceutical-grade credibility
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 | 18px | 400 | 22.5px | |
| h1 | 96px | 500 | 120px | |
| h2 | 32px | 400 | 40px | |
| h3 | 32px | 500 | 40px | |
| p | 18px | 400 | 24.3px | |
| a | 18px | 400 | 22.5px | |
| button | 18px | 400 | 22.5px | |
| nav | 18px | 400 | 22.5px | |
| footer | 18px | 400 | 22.5px |
Color Palette
#d9d9d9
