Linear — Steps / How-it-works

Dev Tools · Steps / How-it-works

A horizontal timeline visualization showing a curved progression path with multiple stages marked by vertical tick marks and connector lines, indicating phases of a development or product lifecycle. A green progress indicator marks the current stage within the linear workflow.

Open in Mozaika →

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-second-brand-card-grid-brex-dandelion-opendoor-cars24-scale-klaviyo.

Measured spec

Palette

Fonts

Page types

UX patterns

UI elements

Context

• Parent page: Product development platform feature grid
• All of Linear

Other sections on this page

• Hero — Navigation with animated icon grid hero background
• Banner — Dark banner with curved accent lines
• Bento Grid — Six-card feature grid with gradient overlays and icons