Discover · AI products

Motion

A light page, one blue accent, set in Inter and Albert Sans.

usemotion.com
The home page of Motion

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, 24% of painted area, 8.5% of colour uses.

  • Surface#eef5ff

    The next neutral background, close in lightness to the page, 47% of painted area, 0.1% of colour uses.

  • Text#495161

    The strongest colour carrying body text, 7.98:1 on the background, 15 links, 51% of colour uses.

  • Muted text#848b97

    Secondary text, 3.43:1 on the background, 9.2% of colour uses.

  • Accent#2c77e7

    The most colourful colour in use (chroma 0.73), 17 buttons, 0.3% of colour uses.

  • Border#1018281a

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

Also in use

  • #f1faff
  • #f7f8fb
  • #475467
  • #5893ea
  • #6a86e3
  • #617fe3
  • #000000
  • #101828

Type

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

SampleFamilySizeWeightLine heightTracking
AaAlbert Sans88px60096.8px-2.2px
AaAlbert Sans64px70080px-1.92px
AaAlbert Sans60px60075px-0.3px
AaAlbert Sans48px60060px-0.3px
AaAlbert Sans34px60046.75px-0.3px
AaAlbert Sans32px60040px-0.64px
AaAlbert Sans24px60032px-0.6px

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

More ai products