Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Northvolt
Climate TechNorthvolt's brand projects industrial confidence through its custom 'Northvolt Grit' typeface that balances technical authority with sustainable optimism. The monochromatic color scheme with selective green accents creates a sophisticated energy sector aesthetic that feels both cutting-edge and environmentally conscious.
Design Identity
Signature Color
Northvolt Forest Green
#4a9b6b
sustainable energy leadership and environmental innovation
Visual Identity
The dramatic scale contrast in typography - from 16px body text to massive 100px hero text with custom 'Northvolt Grit' font - creates an unmistakable industrial hierarchy that screams energy infrastructure authority.
Component Style
Clean, utilitarian components with subtle rounded corners (approximately 6-8px) and minimal visual weight. Buttons feel substantial but not heavy, with medium contrast borders and no dramatic shadows - emphasizing function over flourish in true industrial fashion.
Spacing Philosophy
Generous vertical spacing creates breathing room between content sections, while maintaining tight internal component spacing. The layout feels structured like industrial blueprints - organized, purposeful, and uncluttered.
Design Principles
- Typography scales dramatically: body at 16px, headers jump to 32px, 40px, and hero text at 100px
- Custom 'Northvolt Grit' font used exclusively across all elements
- Font weights stay within 400-700 range for industrial consistency
- Line heights maintain 1.4x ratio (22.4px for 16px text, 44.8px for 32px)
- Color palette stays monochromatic with strategic green accents only
Target Audience
Energy sector decision makers, industrial partners, and sustainability-focused investors who value technical expertise and environmental responsibility
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 | 500 | 22.4px | |
| h1 | 32px | 700 | 44.8px | |
| h2 | 40px | 500 | 44px | |
| h3 | 100px | 400 | 140px | |
| p | 16px | 500 | 22.4px | |
| a | 16px | 600 | 22.4px | |
| button | 16px | 400 | 18.4px | |
| input | 16px | 400 | 18.4px | |
| nav | 16px | 500 | 22.4px | |
| footer | 16px | 500 | 22.4px |
Color Palette
#007aff
