Linear — Hero
Full-width hero section on a dark background featuring large, bold typography stating the product value proposition. The layout splits between left-aligned headline and subtext on the upper portion, and a detailed product interface mockup (issue tracker/project management tool) occupying the lower half, showcasing the application in a realistic context with sidebar navigation, issue details, and activity feed.
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-landing-hero-the-product-development-system-for-teams-and-agents.
Measured spec
| Scheme | dark |
| Background | #080A0B |
| Text | #313334 |
| Contrast | 1.56 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.097 |
| Measured size | 1600×1258 px |
Palette
#0a0a0a#ffffff#f5f5f5#ffb800#666666
Fonts
Inter
UX patterns
Pricing ToggleData TableActivity FeedEmpty State
UI elements
Navigation BarSidebarCardBadgeAvatar
Context
Other sections on this page
- Logo Wall — Enterprise client logos horizontal display
- Feature — Three-column feature showcase with isometric icons
- Feature — Product operations with AI agent workflows and intake system
- Feature — AI agent team collaboration and deployment interface
- Feature — Code diff viewer with split-panel comparison