Discover · Home and real estate · Online stores

Material Kitchen

A light page, one orange accent, set in Rom and Teodor.

materialkitchen.com
The home page of Material Kitchen

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

    What the page itself is painted on, 42% of painted area, 35% of colour uses.

  • Surface#f4f2e3

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

  • Text#1d322d

    The strongest colour carrying body text, 13.15:1 on the background, 0.7% of painted area, 11 buttons, 53 links, 44% of colour uses.

  • Muted text#1d322d66

    Secondary text, 2.28:1 on the background, 2.0% of colour uses.

  • Accent#964726

    The most colourful colour in use (chroma 0.44), 3 buttons, 1.3% of colour uses.

  • Border#cbcac0

    A faint neutral line, 1.6:1 on the background, 2 links, 3.0% of colour uses.

Also in use

  • #896d61
  • #ffffff
  • #232323
  • #f3f4ed
  • #9a9a9a
  • #535353

Type

Rom, Teodor, material, Arial, Font Awesome 5 Pro. The steps below are the sizes the page uses most, set in our font so you can compare them.

SampleFamilySizeWeightLine heightTracking
AaTeodor125px400normal-3.750px
AaRom120px400normal-4.8px
AaTeodor44px40050px-0.88px
AaRom44px40053.2px-0.88px
AaTeodor44px40053.2px-0.88px
AaTeodor44px400normal-0.88px
AaTeodor40px40042px-0.8px

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

More home and real estate