Discover · SaaS products

Superhuman

A light page, one blue accent, set in Super Sans VF.

superhuman.com
The home page of Superhuman

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#ffffff

    What the page itself is painted on, 1 button, 35 links, 30% of colour uses.

  • Surface#f7f5f2

    The next neutral background, close in lightness to the page, 16% of painted area, 0.1% of colour uses.

  • Text#292827

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

  • Muted text#141413a6

    Secondary text, 5.74:1 on the background, 7.2% of colour uses.

  • Accent#554dcb

    The most colourful colour in use (chroma 0.49).

  • Border#73716d33

    A faint neutral line, 1.29:1 on the background, 0.3% of colour uses.

Also in use

  • #421d24
  • #f2f0eb
  • #0c4243
  • #f6f5f1
  • #1b1938
  • #ffffffcc
  • #714cb6
  • #ffffffe6

Type

Super Sans VF. The steps below are the sizes the page uses most, set in our font so you can compare them.

SampleFamilySizeWeightLine heightTracking
AaSuper Sans VF64px44061.44pxnormal
AaSuper Sans VF48px36046.08pxnormal
AaSuper Sans VF45.6px36054.72px-1.254px
AaSuper Sans VF28px44032px-0.63px
AaSuper Sans VF26px36033.8pxnormal
AaSuper Sans VF22px36016.8px-0.315px
AaSuper Sans VF20px36026pxnormal

Use Superhuman'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://superhuman.com, then restyle my site with its colours, type scale and spacing. Keep my content, layout and logo; take the system, not Superhuman's copy.

More saas products