Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Cognite
IndustrialCognite embodies industrial-strength technology with a sophisticated dark navy backdrop that feels like a command center for complex operations. The dual typography system - Space Grotesk for bold statements and Manrope for operational text - creates a hierarchy that speaks to both executive decision-makers and technical implementers.
Design Identity
Signature Color
Cognite Command Blue
#2B47FF
enterprise-grade reliability with technological precision
Visual Identity
The distinctive dual-font hierarchy where massive Space Grotesk headlines contrast with refined Manrope body text, all floating on deep industrial navy backgrounds that make white text appear to glow like control panel readouts.
Component Style
Rounded enterprise buttons with substantial padding and bold 700-weight text that feels built for mission-critical decisions. Components have smooth 6-8px radius corners with clean fills and no harsh shadows - everything feels substantial yet approachable.
Spacing Philosophy
Generous 16px base spacing creates breathing room for complex information, while dramatic scale jumps from 15px body text to 52px headlines establish clear information hierarchy for technical documentation.
Design Principles
- Typography never mixes weights within the same family - Space Grotesk stays bold (500-700), Manrope stays readable (400)
- Body text locked at 15px with 24px line height for optimal technical readability
- Headline sizes jump dramatically - 28px, 52px - no incremental scaling
- All interactive elements use 700 font weight for unmistakable clarity
- Base spacing unit of 16px creates consistent information density
Target Audience
Industrial technology leaders and data engineers who need enterprise software that handles complex operations while maintaining executive-level presentation quality
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 | 24px | |
| h2 | 52px | 700 | 65px | |
| h3 | 28px | 600 | 32px | |
| h4 | 24px | 500 | 36px | |
| p | 15px | 400 | 24px | |
| a | 15px | 400 | 24px | |
| button | 15px | 700 | 22.5px | |
| input | 15px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#ffffff
