Linear — Hero
A dark hero section featuring a 6-icon grid (2 rows × 3 columns) displayed above a large, bold white headline text. The icons are monochromatic, subtly styled on dark rounded backgrounds, creating depth through contrast and minimal visual noise.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/linear-agents-category-cards.
Measured spec
| Scheme | dark |
| Background | #080A0B |
| Text | #C0C1C1 |
| Contrast | 11.0 |
| Columns | 1 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.129 |
| Measured size | 1417×677 px |
Palette
#0a0a0a#1a1a1a#ffffff#4a4a4a#2a2a2a
Fonts
Inter
Page types
Detail
UX patterns
Bento Grid
UI elements
Badge
Context
Other sections on this page
- Integrations — App integration icons grid with featured spotlight
- Feature — Planning phase with timeline visualization
- Feature — Dark stats section with dual trend lines
- Feature — Product Intelligence with Issue Tracking
- Bento Grid — Feature highlights with bento grid layout
- Feature — Two-column feature showcase with mobile interface and customer request examples
- Feature — Two-column feature comparison with icons
- Hero — Full-width hero with centered headline and dual CTAs