Graphite

Item: Graphite
Rating: 7.2

AI code review and stacked pull requests for engineering teams.

graphite.com Save page

7.2/10MABTU rating

CLI

DESKTOP · 1440 × 8,966/ ↗

MOBILE · 390

Section outline · Home

01heroCopy left, neon hexagon right, two CTAs1,247
02videoTilted product video with feature tabs
03case studiesThree customer cards with brand tiles
04featuresPinned scroll of product screenshots1,530
05bentoReview inbox, CI, Slack, merge queue cards
06integrationsIsometric layer stack with three points900
07ctaTwo buttons, footer, neon wordmark280

Rating · Home

Visual design7.4

UX & clarity7.0

Originality7.2

Craft & consistency6.8

Motion7.0

Performance & a11y7.7

This page scores 7.2; the site score weights the home page double.

Main colours

Light & dark toggle·white background·vivid

Typography

Matter Fontheading · sans · self-hosted Matter Fontbody · sans · self-hosted

Stack & style

Next.js Tailwind CSS React

Minimal Dark tech Product-UI-led Bento grid Hero video Marquee Pinned sections Sticky header Text reveal

Also: HubSpot, Meta Pixel, Google Analytics, Google Tag Manager, Vercel, Amazon CloudFront

Design DNA

Pure black page with compact white grotesk headlines and a glowing white neon-tube hexagon beside the hero copy. A perspective-tilted product video with a tab strip of features sits below, then case study cards topped by bold brand tiles (Semgrep, Shopify, lime Ramp). Features scroll as isolated UI screenshots, then a grey-bordered bento of review inbox, CI, merge queue and Slack cards, an isometric stack of glass layers (GitHub, Git), a two-button CTA and a giant neon-glow 'Graphite' wordmark under the footer.

Worth borrowing

Render the logo mark and footer wordmark as glowing neon tubes on black.
Tilt the product demo video in 3D perspective with a tab strip of feature names under it.
Top each case study card with the customer's own brand colour tile.