Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
LinkedIn embodies professional accessibility through warm, approachable design that feels inviting rather than corporate. The system font stack ensures universal readability while the signature blue conveys trust and reliability for career-focused networking.
Design Identity
Signature Color
LinkedIn Blue
#0a66c2
Professional trust and networking reliability
Visual Identity
Generous whitespace combined with warm illustration style featuring diverse characters in comfortable, lived-in environments - creating approachable professionalism rather than sterile corporate aesthetics.
Component Style
Softly rounded buttons with moderate border radius, clean borders without heavy shadows. Components feel substantial but approachable, with medium weight typography that emphasizes readability over style.
Spacing Philosophy
Asymmetrical layout with abundant whitespace on the left for content, balanced by rich illustrated scenes on the right. Vertical rhythm emphasizes breathing room between interactive elements.
Design Principles
- System fonts prioritize accessibility over brand typography
- Illustrations always feature diverse, real-world scenarios
- Blue accent color reserved for primary actions and links
- Button text uses 14px with 600 weight for clarity
- 48px headlines with surprisingly light 400 weight
- Rounded corners stay moderate, never fully pill-shaped
Target Audience
Working professionals across all industries seeking career advancement, networking opportunities, and industry knowledge - from entry-level to executive roles.
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 | |
| h1 | 48px | 400 | 60px | |
| h2 | 32px | 400 | 40px | |
| h3 | 16px | 600 | 20px | |
| p | 16px | 600 | 24px | |
| a | 16px | 600 | 24px | |
| button | 14px | 600 | normal | |
| input | 13.3333px | 400 | normal | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#000000#fdf6ec#a872e8#762812#8a0005#1f1f1f#b0b0b0#ffffff#daebd1#dde7f1#38434f#057642