Discover · Developer tools

Vite

A dark page, one deep purple accent, set in Inter and APK Protocol.

vite.dev
The home page of Vite

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#16171d

    What the page itself is painted on, 71% of painted area, 0.5% of colour uses.

  • Surface#3b3440

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

  • Text#ffffff

    The strongest colour carrying body text, 17.88:1 on the background, 1 button, 43 links, 27% of colour uses.

  • Muted text#ffffffb3

    Secondary text, 9.21:1 on the background, 41% of colour uses.

  • Accent#370a7f

    The most colourful colour in use (chroma 0.46), 0.1% of colour uses.

  • Border#3b3440

    A faint neutral line, 1.49:1 on the background, 1.8% of colour uses.

Also in use

  • #14121a
  • #867e8e
  • #98989f
  • #b39aff
  • #2e2e32
  • #08060d

Type

Inter, APK Protocol, KH Teka Mono. The steps below are the sizes the page uses most, set in our font so you can compare them.

SampleFamilySizeWeightLine heightTracking
AaAPK Protocol60px50067.2px-3px
AaAPK Protocol48px50048px-1.2px
AaAPK Protocol40px50053.333px-1px
AaAPK Protocol24px50028pxnormal
AaAPK Protocol20px50028pxnormal
AaInter18px40028pxnormal
AaInter16px40026pxnormal

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

More developer tools