Supabase

open-source developer infrastructure made warm and confident - a light, Circular-set product site where one signature green and code-forward proof carry a Postgres platform.

Developer Tool Backend Postgres Platform strong

Design tokens

ink

black

grey-1

grey-2

grey-3

white

off-white

near-white

brand-green

display: Circular
body: Circular
mono: Source Code Pro

Do / Don't

Reference it for

An open-source developer product that reads warm, not austere - light theme, friendly geometric sans.
A single signature accent colour (green) that makes every screenshot instantly recognisable.
GitHub star count in the nav as legitimate, live social proof.
Huge light-weight (400) display headings - confident without shouting.

Do not copy

Circular (licensed) and the specific Supabase green - both brand-coded.
The GitHub-stars trust signal only works for genuinely open-source products.
The "build in a weekend, scale to millions" framing is Supabase's - borrow the structure, not the line.

Signature moves

warm open-source light theme

a light white page with a friendly geometric sans (Circular) reads warm not austere for an open-source developer product, with one signature green #72e3ad making every screenshot instantly recognisable

huge light-weight display headings

huge light-weight (400) display headings read confident without shouting, topping a 12-72px scale, with a GitHub star count in the nav as live social proof

Related references

Cursor

strong

Developer Tool

a Next.js / Tailwind developer-tool site where a bespoke CursorGothic on warm-light cream (`#f7f7f4`), EB Garamond paragraphs for editorial moments, and 0.14s expo micro-animations make a coding-agent product feel like a quietly-confident research lab rather than a SaaS landing.

Adaline

strong

Developer Tool

an AI-infra product site that swaps the genre's default dark-neon for a hand-built 3D Japanese-garden world, then runs warm earth tones, a grotesque/mono type pair and patient scroll-reveal motion over the top so a developer tool feels like a calm place.

Clerk

strong

Developer Tool

The reference for auth-platform / dev-tools at peak monochrome restraint — pure black on white, Suisse + Geist Numbers + Söhne Mono, letter-reveal hero animation.

Clickup

strong

Saas Product

The reference for a saturated-purple SaaS AI agent platform: 76px Plus Jakarta Sans display, 60 CSS keyframes, rotating gradient borders, and elastic overshoot motion.