UI Sections
SectionsStylesIndustriesCompaniesAbout

Linear website design

Every section we captured from the Linear website, in page order, from the hero section down to the CTA section. Open any thumbnail to see it full size.

Visit linear.app (opens in a new tab)

Sections 15

In page order, top to bottom

  1. Linear hero section: dark page with a large left-aligned headline and a full-width issue tracker screenshot with an agent chat panel
    01 Hero

    The product development system for teams and agents

  2. Linear value proposition section: dark logo strip, two-tone statement and three columns with isometric line drawings and short benefits
    02 Value proposition

    A new species of product tool. Purpose-built for modern teams with AI workflows at its core, Linear sets a new standard for planning and building products.

  3. Linear features section: dark headline and copy above a Slack thread overlapping a kanban board screenshot, feature links below
    03 Features

    Intake and integrations

  4. Linear features section: headline left, short copy and link right, above a wide panel of stacked dark customer request cards on near-black
    04 Features

    Build what customers actually want

  5. Linear features section: dark headline and copy above a row of agent chat windows fading off both edges, feature links below
    05 Features

    AI and automations

  6. Linear blog & resources section: dark changelog with four dated entries along a horizontal timeline and a view-all link
    06 Blog & resources

    Changelog

  7. Linear testimonials section: dark background with a large blue-lavender gradient quote card and a lime quote card, caption below
    07 Testimonials
  8. Linear call to action section: centered two-line headline with light and dark pill buttons on a black background
    08 Call to action

    Built for the future. Available today.

  9. Linear footer section: dark footer with a logo mark, five link columns and a row of legal links
    09 Footer
  10. Linear hero section: nav bar, left-aligned headline, subcopy and two CTAs above a tilted dark app screenshot showing inbox and an issue view
    10 Hero

    Linear is a purpose-built tool for planning and building products

  11. Linear logo cloud section: centered two-line intro above a three-by-two grid of white customer logos such as Ramp, Vercel and Cash App on black
    11 Logo cloud

    Powering the world’s best product teams.

  12. Linear features section: dark section with a tilted project timeline graphic, project overview and update panels, and a collaborative doc mockup
    12 Features

    Set the product direction

  13. Linear integrations section: heading with side copy above a carousel of dark cards for requests, git workflows, mobile and Asks, with arrows
    13 Integrations

    Collaborate across tools and teams

  14. Linear pricing section: centered heading above four dark plan columns, Free, Basic, Business and Enterprise, with billing toggles and checklists
    14 Pricing

    Pricing

  15. Linear call-to-action section: two-line headline on the left with Get started and Talk to sales buttons on the right, on a near-black gradient
    15 Call to action

    Plan the present. Build the future.

Similar companies

All companies
Customer.io26 sections Attio16 sections Plasma36 sections Canopy29 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section