Discover · SaaS products

ProtoPie

A light page, one purple accent, set in Inter and Figtree.

protopie.io
The home page of ProtoPie

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, 100% of painted area, 8.0% of colour uses.

  • Surface#e9e9e9

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

  • Text#181818

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

  • Muted text#474747

    Secondary text, 9.29:1 on the background, 4 links, 7.6% of colour uses.

  • Accent#6d4ff0

    The most colourful colour in use (chroma 0.63), 1 link, 4.7% of colour uses.

Also in use

  • #000000
  • #636363
  • #8169ff
  • #999999
  • #828282
  • #eeebff
  • #373737
  • #2b2b2b

Type

Inter, Figtree, Palmer Lake Print Regular, sans-serif. The steps below are the sizes the page uses most, set in our font so you can compare them.

SampleFamilySizeWeightLine heightTracking
AaFigtree62px70080pxnormal
AaFigtree48px70062.4pxnormal
AaPalmer Lake Print Regular48px40038px0.48px
AaPalmer Lake Print Regular32px40044.8pxnormal
AaFigtree28px70039.2pxnormal
AaInter24px40033.6pxnormal
AaFigtree22px70030.8pxnormal

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

More saas products