Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Aiven's brand exudes a cosmic, developer-first aesthetic with its deep navy-to-purple gradient background that feels like infinite digital space. The typography pairs authoritative Poppins headlines with clean Inter body text, creating a sense of technical precision wrapped in approachable warmth through strategic orange accents.

Signature Color
Aiven Orange
#f59f00
Developer energy and innovation warmth - cuts through the technical darkness with approachable expertise
The cosmic gradient background from deep navy to purple creates an unmistakable 'data universe' atmosphere, paired with bright orange CTAs that feel like beacons in digital space.
Buttons feature moderate 8px border radius with solid fills and no visible shadows, creating clean geometric forms that feel substantial but not heavy. The orange primary button has confident weight while the outlined secondary maintains the same proportions.
Generous vertical spacing creates breathing room in the cosmic background, with the hero content centered and floating in space. Component padding appears balanced - not cramped but not excessive, maintaining focus on the central message.
Senior developers and engineering leaders at scale-up companies who need enterprise-grade data infrastructure but value developer experience over enterprise sales complexity
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 24px | |
| h1 | 64px | 400 | 83.2px | |
| h2 | 24px | 400 | 33px | |
| h3 | 64px | 400 | 84px | |
| p | 16px | 500 | 24.8px | |
| a | 16px | 500 | 24px | |
| button | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px |
#d3d5de#016bb2#f59f00#0e1652#1a1b22#006f00#37b24d#a5a8b8#ffe9d6#f03e3e#cfeefc#6dcdf8