Discover · Developer tools

Supabase

One green carries the whole brand, on a light page or a dark one.

supabase.com
The home page of Supabase

The home page on 6 November 2026. Sites change; ask plagio for today's.

Pages

Colours

Each role is picked from where the colour is used and how much of the page it covers.

  • Background#fdfdfd

    What the page itself is painted on, 73% of painted area, 3 buttons, 0.6% of colour uses.

  • Text#696969

    The strongest colour carrying body text, 5.4:1 on the background, 44% of colour uses.

  • Accent#fd49a8

    The most colourful colour in use (chroma 0.71), 3.6% of painted area.

  • Border#03030315

    A faint neutral line, 1.2:1 on the background, 1.0% of colour uses.

Also in use

  • #ffffff
  • #eeeeee
  • #030303
  • #72e3ad14
  • #16b6741a
  • #ffffff99
  • #097c4f1f
  • #3fcf8e1f
  • #ffffffa6

Type

Inter, Manrope, Source Code Pro. The steps below are the sizes the page uses most, set in our font so you can compare them.

SampleFamilySizeWeightLine heightTracking
AaManrope46px50046pxnormal
AaManrope34px60037.777pxnormal
AaManrope22px45030.25pxnormal
AaInter16px45024pxnormal
AaInter15px45022.5pxnormal
AaInter14px45020pxnormal
AaInter14px50020pxnormal

Use Supabase's system on your site

Paste this into Claude Code, Cursor or any agent with plagio connected. It reads the site live, with spacing, radii, shadows and the states this page leaves out.

Use plagio's extract_brand on https://supabase.com, then restyle my site with its colours, type scale and spacing. Keep my content, layout and logo; take the system, not Supabase's copy.

More developer tools