Project 4 of 4

Design system study

A design study, not a client project

scroll to take it apart

The idea

One set of colours, type and parts, so every page of a site looks like it belongs.

What it is
A design study by NLY Media
Colours
Six, from cyan and pink to near-black and ice
Type
Chakra Petch for display, IBM Plex Mono for details, on a five-step scale
Parts
Primary and secondary buttons, an email input and a product card
Made by
The NLY design team

Five sizes, one voice

48Headline
32Section title
24Card heading
18Body text people read
14Labels, prices and the small print

The sheet

The design system sheet: six colour swatches, the Aa type specimen with sizes 48, 32, 24, 18 and 14, primary and secondary buttons, an email input and a product card

six colours

two typefaces

five sizes

buttons and an input

a product card

Why it matters

  • Every pagematches, because every page is built from the same parts.
  • New pagescome together faster, because the parts already exist and already work.
  • Updatesstay on brand, even when your own team makes them.

made in-house to test an idea, no client attached

Yours, next.

We can build a system like this for your brand, so your site stays consistent as it grows.

Start a project

Back to the first project

Glenns Edibles on WordPress Start the loop again