Discover · Health and wellness · Online stores

Quip

A light page, one deep teal accent, set in Poppins and open sans.

getquip.com
The home page of Quip

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

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, 34% of painted area, 2 links, 8.7% of colour uses.

  • Surface#d7fff2

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

  • Text#054040

    The strongest colour carrying body text, 11.58:1 on the background, 8.4% of painted area, 71 links, 54% of colour uses.

  • Muted text#595959

    Secondary text, 7:1 on the background, 7.0% of colour uses.

  • Accent#054040

    The most colourful colour in use (chroma 0.23), 8.4% of painted area, 71 links, 54% of colour uses.

  • Border#50fcce

    A faint neutral line, 1.3:1 on the background, 1.0% of painted area, 17 buttons, 0.5% of colour uses.

Also in use

  • #363636
  • #2f4b3e
  • #1a1a1a
  • #222222
  • #000000
  • #05403f
  • #20302c

Type

Poppins, open sans, system-ui, Lato, Font Awesome 5 Pro. The steps below are the sizes the page uses most, set in our font so you can compare them.

SampleFamilySizeWeightLine heightTracking
AaPoppins56px60067.2px-1.4px
AaPoppins48px60062.4px-1.4px
AaPoppins40px60052px-1.2px
AaPoppins35px60035pxnormal
AaPoppins32px50044.8px-1px
AaPoppins24px60033.6px-0.4px
AaPoppins20px60030px-0.2px

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

More health and wellness