Discover · Education · Courses and communities

Udacity

A light page, one blue accent, set in __Inter_d8ebd1 and __Plus_Jakarta_Sans_532bb9.

udacity.com
The home page of Udacity

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, 18% of painted area, 12 links, 20% of colour uses.

  • Surface#f9f9f9

    The next neutral background, close in lightness to the page, 26% of painted area.

  • Text#5a5c62

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

  • Muted text#9c9fa8

    Secondary text, 2.65:1 on the background, 13% of colour uses.

  • Accent#175cff

    The most colourful colour in use (chroma 0.91), 1.0% of painted area, 11 buttons, 14 links, 3.8% of colour uses.

  • Border#dfdfdf

    A faint neutral line, 1.33:1 on the background, 42 links, 5.9% of colour uses.

Also in use

  • #0b0b0b
  • #071c4e
  • #001e65
  • #000b26
  • #e1f8ff
  • #6100b0

Type

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

SampleFamilySizeWeightLine heightTracking
Aa__Plus_Jakarta_Sans_532bb976px50072.2pxnormal
Aa__Plus_Jakarta_Sans_532bb954px60059.4pxnormal
Aa__Plus_Jakarta_Sans_532bb936px60039.6pxnormal
Aa__Plus_Jakarta_Sans_532bb932px60032pxnormal
Aa__Plus_Jakarta_Sans_532bb926px60030pxnormal
Aa__Plus_Jakarta_Sans_532bb924px60027.36pxnormal
Aa__Plus_Jakarta_Sans_532bb924px60028.8pxnormal

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

More education