
Graphite
graphite.com/
Graphite is a code review platform built around 'stacked PRs' - breaking work into smaller, sequenced pull requests to avoid the bottleneck of waiting on one large review - combined with AI-assisted review and a merge queue designed to keep branches from going red. Its hero line, 'Never wait on review again,' targets the specific pain of blocked engineers rather than code quality broadly. It cites customer-attributed numbers instead of averages: a Ramp case study claims teams ship code 3x faster, and Asana reports engineers save 7 hours a week. The homepage also promotes a recently added 'Cursor Cloud Agents' integration that lets a PR be created and reviewed without leaving the platform, signaling a shift toward agent-driven development rather than pure human review tooling.
- Category
- Engineering & Infrastructure
- Style
- DarkMinimal
- Stack
- Next.jsTailwind CSS
- Fonts
- matterFont
- Palette
- Meta title
- Graphite - Code review for the age of AI
- Sections
- 8
- Updated
Graphite's landing page, section by section
Each section below is cropped straight from Graphite's live page — useful references for engineering & infrastructure landing page design.
Heroes
More heroesFeatures
More featuresPricing
More pricingLogo clouds
More logo cloudsContact Us
More contact usCareers pages
More careers pagesBlog pages
More blog pagesGraphite design review: how the homepage is built
The page is an all-black layout: an announcement bar, a nav bar, a hero with a glowing hexagon, a video player with a row of seven feature tabs, three customer cards, one tabbed showcase, a six-card bento grid, a three-point stack graphic, a closing call to action and a footer ending in a neon wordmark. It measures 8,966 pixels at 1440px wide. Colour stays within near-black #080808, charcoal #262629 and greys such as #b7b7b7, plus coloured glows behind the showcase images and a lime Ramp card. Type is set in matterFont.
Above the fold
A thin bar reads "Cursor Cloud Agents are now in Graphite. Create, review, and ship without leaving your PR." The nav lists "Features" and "Resources", then "Customers", "Docs", "Pricing" and "Contact", with "Log in" and a white "Sign up" at right. The headline "The next generation of code review." sits beside a glowing hexagon. Below sit a light "Get started for free" button, a dark "Request a demo" button and four logos.
Video player, customer cards and tabbed showcase
A framed video labelled "Intro to Graphite" carries a "Play" button over a tilted, blurred inbox, with seven tabs beneath, from "Stacked PRs" to "Dev metrics". Three cards follow, for Semgrep, Shopify and a lime Ramp tile, with arrows below. A two-column showcase pairs a framed image with five stacked titles, beginning "The AI reviewer you can collaborate with"; only the active title expands, with an orange "Learn more" link.
Everything-you-need grid and stack graphic
"Everything you need to ship faster" heads a bento grid of six cards: "Never wait on review again" spans the width with a "Start stacking" pill, "A review experience built for teams" and "Don't miss a beat" share a row, "Smarter CI" and "One platform. All of your review essentials." follow, and "The collaborative AI reviewer built into your PR page" closes it. "Developer infrastructure built for your team" then pairs a layered graphic with "Where change happens", "Synced with GitHub" and "Built on top of Git".
Closing section and footer
A centred two-line statement, "Built for the world's fastest engineering teams, now available for everyone.", sits over a dark "Request a demo" and a light "Start free trial" button. The footer has four link columns, "Features", "Company", "Resources" and "Connect", with a "NEW" tag on one link and a green "All systems operational" status at the lower left. A large neon "Graphite" sign photograph ends the page.
On mobile
At 390px the page runs 8,395 pixels. The nav collapses to a logo, "Log in", "Sign up" and a menu icon, and the two hero buttons sit side by side. The hexagon is gone, and the tabs wrap. Showcase titles become separate blocks, each with an image beneath. Bento cards run one per row, with images cropped at the edge, and footer columns pair two across.
Worth borrowing
- Expanding one title at a time keeps five product claims in one block.
- A neon hexagon beside the headline gives a dark hero a focal image.
- A neon wordmark under the footer links gives the page a branded last frame.





