Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
IBM
EnterpriseIBM's design exudes enterprise gravitas through its signature IBM Plex Sans typography, creating a distinctive 'rational modernism' that balances human approachability with technical authority. The brand leverages generous whitespace and precise geometric layouts to convey systematic thinking and engineering excellence, while subtle blue accents inject warmth into an otherwise monochromatic palette.
Design Identity
Signature Color
IBM Blue
#0F62FE
enterprise trust and technological innovation - the authoritative blue of business intelligence
Visual Identity
The distinctive IBM Plex Sans typeface with its engineered letterforms and the characteristic asymmetrical layout patterns - heavy left-aligned content blocks paired with expansive negative space create an unmistakable 'IBM grid system' aesthetic.
Component Style
Minimal rectangular buttons with subtle rounded corners (4px), clean outlined secondary actions, and borderless interactive elements. Everything feels engineered rather than designed - precise, functional, with hairline borders and no drop shadows. Components have a technical blueprint quality.
Spacing Philosophy
Asymmetrical grid system with dense content clusters on the left (40% width) and expansive whitespace on the right. Generous 32px+ vertical rhythms between sections create breathing room while tight 8-16px internal spacing keeps related elements cohesive.
Design Principles
- Typography uses only IBM Plex Sans across all weights from 300-600
- Primary content never exceeds 50% of viewport width
- Blue (#0F62FE) is reserved for primary actions and key links only
- Border radius stays minimal at 4px maximum for subtle softness
- Monochromatic base with strategic blue punctuation points
Target Audience
Enterprise decision-makers and technical architects who value systematic thinking over flashy design - CTOs and senior engineers who appreciate engineering precision in their tools
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 | 16px | |
| h1 | 53.294px | 300 | 62.354px | |
| h2 | 53.294px | 300 | 62.354px | |
| h3 | 32px | 400 | 40px | |
| h5 | 16px | 600 | 24px | |
| p | 20px | 400 | 28px | |
| a | 14px | 400 | 18.0001px | |
| button | 13.3333px | 400 | normal | |
| input | 14px | 400 | 18.0001px |
Color Palette
No colors extracted