Discover · SaaS products

Craft

A light page, one blue accent, set in UntitledSansFont and apple-system.

craft.do
The home page of Craft

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

    What the page itself is painted on, 14% of painted area.

  • Surface#ffffff

    The next neutral background, close in lightness to the page, 7.8% of painted area, 1 button, 42 links, 18% of colour uses.

  • Text#030302

    The strongest colour carrying body text, 19.68:1 on the background, 6.8% of painted area, 33 links, 43% of colour uses.

  • Muted text#030302e6

    Secondary text, 16.41:1 on the background, 15% of colour uses.

  • Accent#0087ff

    The most colourful colour in use (chroma 1.00), 0.4% of colour uses.

  • Second accent#fde99b

    A second colourful colour, 160° of hue away from the accent, 5.9% of painted area.

  • Border#e1e1e1

    A faint neutral line, 1.25:1 on the background, 0.4% of colour uses.

Also in use

  • #b8caf5
  • #9ed4ef
  • #9bd8a9
  • #f7f7f7
  • #feffff
  • #e4e4e7
  • #f5f5f7

Type

UntitledSansFont, apple-system, UntitledSerifFont. The steps below are the sizes the page uses most, set in our font so you can compare them.

SampleFamilySizeWeightLine heightTracking
AaUntitledSerifFont66px40066px-1.98px
AaUntitledSerifFont56px40061.6px-1.68px
AaUntitledSerifFont54px40059.4px-1.08px
AaUntitledSerifFont46px40056.12px-1.38px
AaUntitledSerifFont36px40043.92px-1.08px
AaUntitledSerifFont32px40048px-1.28px
AaUntitledSerifFont30px40030px-0.9px

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

More saas products