Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Slack
CommunicationSlack's navigation page employs a distinctly editorial, text-heavy approach that feels more like a comprehensive directory than a modern SaaS interface. The stark white background and traditional serif typography create an unexpectedly academic atmosphere that prioritizes information density over visual polish.
Design Identity
Signature Color
Classic Hyperlink Blue
#0000EE
Traditional web reliability and trustworthy navigation - deliberately nostalgic and functional
Visual Identity
Dense hierarchical text lists with traditional blue hyperlinks and minimal visual styling - instantly recognizable by its deliberately unstyled, content-first approach
Component Style
Minimalist text-based components with zero visual styling - raw HTML aesthetic with standard browser defaults, no shadows, borders, or modern treatments
Spacing Philosophy
Compact vertical rhythm with tight line spacing and minimal padding - prioritizes information density over breathing room, creating an encyclopedia-like browsiveness
Design Principles
- Typography exclusively uses Times serif at 16px base size
- All interactive elements are traditional blue (#0000EE) hyperlinks
- Zero visual styling beyond browser defaults
- Hierarchical organization through nested bullet points
- Content density over visual comfort
Target Audience
Enterprise teams and power users who prioritize comprehensive feature access over visual design - users who want functional navigation over aesthetic experience
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 | normal | |
| h1 | 32px | 700 | normal | |
| h2 | 24px | 700 | normal | |
| h3 | 18.72px | 700 | normal | |
| p | 16px | 400 | normal | |
| a | 16px | 400 | normal | |
| button | 13.3333px | 400 | normal | |
| nav | 16px | 400 | normal | |
| header | 16px | 400 | normal | |
| footer | 16px | 400 | normal |
Color Palette
No colors extracted