Discover · Developer tools

Sublime Text

A light page, one blue accent, set in Lato.

sublimetext.com
The home page of Sublime Text

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

    What the page itself is painted on.

  • Surface#ffffff

    The next neutral background, close in lightness to the page, 46% of painted area, 11 links, 6.9% of colour uses.

  • Text#555555

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

  • Muted text#777777

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

  • Accent#4075bf

    The most colourful colour in use (chroma 0.50), 7 links, 1.6% of colour uses.

  • Second accent#9a326b

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

  • Border#cccccc

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

Also in use

  • #f9f9f9
  • #4b4b4b
  • #3c78b4
  • #444444
  • #ffffffcc
  • #666666

Type

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

SampleFamilySizeWeightLine heightTracking
AaLato48px70076.8pxnormal
AaLato32px40051.2pxnormal
AaLato32px40051.2px0.5px
AaLato32px70051.2pxnormal
AaLato24px40038.4px0.5px
AaLato16px40025.6pxnormal
AaLato16px40025.6px0.5px

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

More developer tools