Discover · Education

Preply

A light page, one blue accent, set in Figtree and Platform.

preply.com
The home page of Preply

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

    What the page itself is painted on, 41% of painted area, 76 links, 34% of colour uses.

  • Surface#dcdce5

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

  • Text#121117

    The strongest colour carrying body text, 18.78:1 on the background, 16% of painted area, 3 buttons, 49 links, 58% of colour uses.

  • Muted text#4d4c5c

    Secondary text, 8.39:1 on the background, 7.4% of colour uses.

  • Accent#2885fd

    The most colourful colour in use (chroma 0.84).

  • Second accent#ff7aac

    A second colourful colour, 124° of hue away from the accent, 11% of painted area, 1 button, 0.1% of colour uses.

  • Border#dcdce5

    A faint neutral line, 1.36:1 on the background, 0.2% of colour uses.

Also in use

  • #3ddabe
  • #141414
  • #99c5ff
  • #000000
  • #e0e2e3
  • #6a697c
  • #1211170f

Type

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

SampleFamilySizeWeightLine heightTracking
AaPlatform96px70096px-0.48px
AaPlatform64px70068px-0.32px
AaPlatform63px70068px-0.315px
AaPlatform48px70052pxnormal
AaPlatform32px70036px0.32px
AaPlatform24px70032px0.3px
AaPlatform20px70024px0.35px

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

More education