Discover · SaaS products

Hex

A dark page, one deep teal accent, set in Cinetype and IBM Plex Sans.

hex.tech
The home page of Hex

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#14141c

    What the page itself is painted on, 2 links, 19% of colour uses.

  • Surface#31263b

    The next neutral background, close in lightness to the page, 1.4% of painted area, 12 links, 29% of colour uses.

  • Text#89828d

    The strongest colour carrying body text, 4.92:1 on the background, 3 links, 4.7% of colour uses.

  • Muted text#717a94

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

  • Accent#0f6b5b

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

  • Second accent#473982

    A second colourful colour, 82° of hue away from the accent, 2.0% of colour uses.

  • Border#43394c

    A faint neutral line, 1.68:1 on the background, 69 links, 3.2% of colour uses.

Also in use

  • #fffcfc
  • #fcf8f8
  • #01011b
  • #31263be8
  • #1c1b1c
  • #141413

Type

Cinetype, IBM Plex Sans, PP Formula, Lato, Cinetype Mono. The steps below are the sizes the page uses most, set in our font so you can compare them.

SampleFamilySizeWeightLine heightTracking
AaPP Editorial New96.2px20072.15px-1.85px
AaPP Editorial New78px200101.4px-1.848px
AaPP Formula SemiExtended74px70088.8px-1.85px
AaPP Formula SemiExtended60px70078px-1.848px
AaPP Editorial New52px20067.6px-1px
AaPP Formula40px80052px-1px
AaPP Formula28px80036.4px-0.7px

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

More saas products