Kari Sabine Malmin

Design system

Three brand colours, named once. The rest of the site still uses the current palette.

Palette

  • Blush
    #E7C1BF
    --palette-blush

    Paper and quiet fill

  • Brass
    #9C8550
    --palette-brass

    Accent, labels, lines

  • Wine
    #6C2D28
    --palette-wine

    Ink and strong fill

Roles

Components use these names. Later, the live site can point its existing colours at the same roles.

  • --theme-backgroundblush
  • --theme-foregroundwine
  • --theme-surfaceblush, lightened
  • --theme-mutedbrass
  • --theme-accentbrass
  • --theme-fillwine
  • --theme-on-fillblush
  • --theme-rulewine mixed into blush

In use

Button

Card

Explainer illustration

Your research or strategy, held in one image.

Complex things, explained lightly.