Linear Dark Hero With App Preview
Description
A full-bleed dark hero on near-black. A slim top nav carries the Linear wordmark on the left, centred links (Product, Resources, Customers, Pricing, Now, Contact), and a ‘Log in’ link beside a white pill ‘Sign up’ button on the right. Below, a very large white sans-serif headline reads ‘The product development system for teams and agents’, with a one-line grey subhead ‘Purpose-built for planning and building products. Designed for the AI era.’ and a right-aligned ‘New — Coding Sessions →’ link. Dominating the lower half is a large rounded screenshot of the Linear app in dark mode: a left sidebar (Inbox, My issues, Reviews, Pulse, Workspace, Favorites), a central issue ‘Faster app launch’ with an activity feed, and a floating AI agent panel (‘Linear · Opus 4.8’) showing a drafted PR. The screenshot sits on a soft grey reflective floor. Confident, high-contrast, product-led hero.
Related
Linear Multi-Column Footer
A wide site footer on near-black. The Linear logo mark sits at the far left, followed by five columns of grey text links under white headings: Product (Intake, Plan, Build, Diffs, Monitor, Pricing, Security), Features (Asks, Agents, Coding Sessions, Customer Requests, Insights, Mobile, Integrations, Changelog), Company (About, Customers, Careers, Blog, Method, Quality, Brand), Resources (Switch, Download, Documentation, Developers, Status, Enterprise, Startups), and Connect (Contact us, Community, X (Twitter), GitHub, YouTube). A bottom row carries small legal links — Privacy, Terms, DPA, AUP. The dense, organised multi-column layout provides comprehensive site navigation in a quiet, low-contrast treatment.
Linear ↗
Linear Centered Closing CTA
A minimal closing call-to-action band on a solid near-black background. Centred on the page, a large white two-line headline reads 'Built for the future. Available today.' Directly beneath it sit two pill buttons side by side: a solid light-grey 'Get started' primary and a dark, subtly outlined 'Contact sales' secondary. There is no imagery or other copy — just the centered headline and button pair surrounded by generous empty space. The stark, focused composition pushes the visitor toward signing up or contacting sales as the final step of the page.
Linear ↗
Linear Two-Card Customer Quotes
A testimonial section with two large side-by-side quote cards on a black background. The left card has a soft lavender-to-white gradient and a faint embossed OpenAI mark; its dark quote reads 'You'll probably build a better product, just because of the craft that using Linear infuses on your brain.', attributed at the bottom to Gabriel Peal, Staff Software Engineer, OpenAI, beside the OpenAI logo. The right card is a vivid lime-yellow block whose black quote reads 'Our speed is intense and Linear helps us be action biased.', attributed to Nik Koblov, Head of Engineering, Ramp, with the Ramp mark. Below the cards a grey line notes 'Linear powers over 33,000 product teams. From ambitious startups to major enterprises.' next to a 'Customer stories →' link. The bold colour-blocked cards make the social proof pop against the dark page.
Linear ↗
Linear Changelog Timeline
A dark changelog teaser section. A large white 'Changelog' heading sits top-left. Beneath it a thin horizontal timeline runs across the full width, marked by four small node dots — the first highlighted red, the rest grey. Hanging below each node is an entry with a white title, a two-line grey excerpt, and an uppercase monospace date: 'Coding sessions in Linear' (JUN 10, 2026), 'Team documents' (JUN 3, 2026), 'Linear Diffs' (MAY 27, 2026), and 'Project Slack channels' (MAY 21, 2026). A small 'View all →' link sits at the lower left. The restrained four-up timeline layout on black makes recent product updates scannable at a glance.
Linear ↗Similar hero sections
Launch Your Startup's Success SaaS Hero
The startup-SaaS landing hero, topped by the Zubaz nav. A centered oversized black headline, 'Launch your startup's success with SaaS', is accented by a lime-green brush swipe behind the words 'startup's' and 'SaaS', over a two-line gray subhead. Below sit an inline email field with a blue 'Get started' button and two green-checked reassurances — 'No credit card required' and '7-day free trial'. A large rounded photo of a startup team working around a laptop fills the lower half, overlaid with floating UI cards ('Profit and Loss $682.5', a bar chart, 'New clients 321'). The green brush accents and floating stat cards give the hero an energetic, product-backed feel.
Zubuz ↗
Empower Your Business CRM Hero
The CRM landing hero, topped by the Zubaz nav. The left column stacks a small green Trustpilot '4.8/5 on TrustPilot reviews' badge, an enormous four-line 'Empower your business to the next level' headline, a two-line supporting paragraph, and two actions — a solid blue 'Sign up for free' button and a plain 'View all features' link. The right column shows a large CRM 'Dashboard' screenshot with a Next Appointment card, Recent Deals list, Customers panel and a Tasks To Do column, set against a soft lime blob. The oversized headline plus the detailed product shot immediately convey a feature-rich sales tool.
Zubuz ↗
Manage Your Money Finance App Hero
The finance-app landing hero, topped by the Zubaz nav (logo left; Demo, About Us, Pages, Blog, Contact Us center; Login and a blue Get Started right). A centered oversized black headline reads 'Manage your money better than ever' above a two-line gray subhead and two buttons — a solid blue 'Start Your Free Trial' and an outlined 'Watch A Demo' with a play icon. Below, a dark smartphone mockup shows the app's $20,000 balance and transaction list against a lime-green blob, flanked by floating UI cards ('$5,000 collected', 'Total spending $42.040', a monthly 'Comparison' bar) and a small photo of a smiling user. Hand-drawn arrow doodles and the playful green accent give the finance pitch an approachable, energetic tone.
Zubuz ↗
About Us Minimal Page Hero
A minimal page-header hero on a solid black background. A single oversized white 'About Us' headline is centered in the upper third, with no imagery or supporting copy competing for attention. Directly beneath it sits a small breadcrumb trail — 'Home' in white followed by a slash and 'About Us' in blue to mark the current page. The vast empty black field and lone centered title give the header a stark, confident, editorial feel. It works as a lightweight page intro that orients the visitor without distraction.
Zubuz ↗