Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Persefoni
Climate TechPersefoni embraces an industrial-meets-data aesthetic with IBM Plex Sans typography that signals enterprise credibility and technical precision. The signature amber-gold (#ffb41f) creates warmth against stark monochromatic foundations, suggesting sophisticated sustainability analytics for serious climate professionals.
Design Identity
Signature Color
Persefoni Amber
#ffb41f
environmental optimism and data-driven sustainability insights
Visual Identity
The distinctive amber accent color combined with industrial IBM Plex Sans typography and data visualization overlays on geographic maps - creating a unique climate-tech aesthetic that bridges corporate analytics with environmental purpose.
Component Style
Clean rectangular components with minimal borders and subtle shadows. Buttons appear rounded but conservative (~6-8px radius), with the amber brand color driving primary actions. Cards have gentle elevation with soft corners, maintaining professional restraint.
Spacing Philosophy
Generous whitespace creates breathing room between major sections, while the hero layout uses asymmetrical composition - text on left, visual demonstration on right, suggesting data-driven efficiency over decorative excess.
Design Principles
- IBM Plex Sans exclusively for headings and navigation at 400-700 weights
- Amber #ffb41f reserved for primary actions and brand moments only
- Carbon design system grayscale from #1f1f1f to #ebebeb for hierarchy
- 16px base font size with 1.417x line height for readability
- Geographic data visualizations integrated into hero experiences
Target Audience
ESG directors, sustainability officers, and corporate climate analysts who need enterprise-grade carbon accounting tools with institutional 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 | 16px | 400 | 22.672px | |
| h1 | 60px | 700 | 67.5078px | |
| h2 | 24px | 400 | 28.8012px | |
| p | 15px | 400 | 23.25px | |
| a | 15px | 400 | 24px | |
| button | 15px | 400 | 24px | |
| input | 15px | 400 | normal | |
| nav | 16px | 400 | 22.672px |
Color Palette
#000000#0070eb#00c9b4#1f1f1f#ffffff#999999#ffb41f#d6d6d6#858585#333333#474747#adadad
