Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Climeworks
Climate TechClimeworks combines the gravitas of climate science with the serenity of nature through their massive serif headlines (WebRecklessNeue) that feel monumental against ethereal forest landscapes. The electric blue accent (#008fe8) cuts through the organic earth tones like a technological beacon, suggesting precision engineering meets natural harmony.
Design Identity
Signature Color
Climeworks Electric Blue
#008fe8
technological precision in environmental solutions - the digital bridge between industry and nature
Visual Identity
Cinematic landscape photography as the primary canvas with monumental serif typography creating dramatic contrast against misty, organic backgrounds - like reading scientific papers written across mountain ranges.
Component Style
Soft, approachable buttons with generous rounded corners (appears ~8-12px radius) in electric blue, floating against atmospheric backgrounds with subtle transparency effects. Everything feels weightless yet substantial, like clouds with purpose.
Spacing Philosophy
Generous breathing room that mirrors the expansive landscapes - large typography sits with cathedral-like spacing while UI elements float with ample padding, creating a sense of environmental vastness translated to digital space.
Design Principles
- Serif headlines never smaller than 46px for dramatic hierarchy
- Electric blue (#008fe8) reserved exclusively for interactive elements
- Typography contrast: Serif (WebRecklessNeue) for emotion, Sans (WebHaffer) for function
- Body text at generous 18px with 26px line-height for readability
- Natural photography always full-bleed, never contained in frames
Target Audience
Environmental scientists, sustainability executives, and climate-conscious investors who value both scientific rigor and emotional connection to nature
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 | 26.1px | |
| h1 | 77.1265px | 400 | 77.1265px | |
| h2 | 46.5791px | 400 | 53.566px | |
| h3 | 44px | 400 | 55px | |
| h4 | 24px | 400 | 30px | |
| p | 28px | 400 | 35px | |
| a | 18px | 700 | 26.1px | |
| button | 18px | 400 | 18px | |
| nav | 18px | 400 | 26.1px | |
| header | 18px | 400 | 26.1px |
Color Palette
#a7acae#008fe8#007aff#2299dd#ffffff
