Cursor Cloud Agents are now in Graphite. Create, review, and ship without leaving your PR. Read more →

The next generation of code review

Graphite is the AI code review platform built for teams that stack, review and merge faster.

Sign up →Book a demo
graphite · stack · feat/checkout-flow
#4821 Add checkout composer stacked
#4822 Wire payment intents review
#4823 Handle 3DS callback changes
#4824 Update snapshot tests draft
- legacy checkout   + composer.tsx
Components

Built for stacked review

Stacked PRs

Break one big change into a stack of small, reviewable pull requests.

AI review

Diamond, the AI reviewer, catches bugs and leaves inline suggestions on every PR.

Merge queue

Land changes automatically in the right order, with green builds.

Controls

Buttons, fields & labels

Sign up → Log in G Docs Hover Disabled badge stackedreviewchangesdraft OverviewDiffChecks
Search pull requests Focused — #737373 ring

Controls are 42px at radius 8px: light #e5e5e5 primary vs #262626 secondary carrying an inset DM Mono G keycap. Category labels (teal/blue/orange/pink) are the only colour on chrome-adjacent UI, reserved for PR state.

Typography

Type specimens

Display h1 · Matter · 60/60 · 500 · -1.5pxThe next generation
Section · Matter · 32 · 500 · -0.5pxBuilt for stacked review
Sub · Matter · 18/24 · 500 · normalThe AI code review platform.
Body · Matter · 16/24 · 400Stack, review and merge faster with Graphite.
Button / UI · Matter · 14/20 · 500Sign up · Log in · Book a demo
Mono / code · DM Mono · 12-14 · 400gt submit --stack
Palette

Every token

Neutrals (dark ladder)
background#0a0a0a
card#171717
muted#262626
neutral-700#404040
ring#737373
primary#e5e5e5
foreground#fafafa
border#fff / .1
Accent & category system
red#ff5487
dark-purple#39036f
terminal#d4b1ff
cat-teal#30ead5
cat-blue#73a8ff
cat-orange#ff8632
cat-pink#ffb7c7
red-code#ffebeb
Depth & motion

Radii, elevation & motion

4px
8px control
10px
12px card
20px
32px 4xl
pill
sh-base · 0 4px 4px
sh-lift · 0 8px 10px
teal inset glow

Motion: 0.3s and 0.5s cubic-bezier(.4,0,.2,1) on color/background/border, with chained staggered entrance reveals for the hero and product panels. Structure is hairlines + dot-grid.