The Ordinary Style Guide

The Ordinary is a skincare brand from its parent company Deciem. In 2016, it revolutionized the beauty industry by selling clinical ingredients found in expensive skin treatments at affordable prices. Their products are stripped free of over-complicated formulas. The brand was created to communicate honesty and transparency in its truest form by naming products after their active ingredients while emphasizing their technical details.

Moodboard

Moodboard for The Ordinary website
This is a moodboard for The Ordinary website.

Interactive Elements

In-text link

  1. For product information
  2. About The Ordinary

Navigation Link

CSS selector:

.button-nav

Sample code:

<a href="#" class="button">Default Button</a>

Rendered element:

Default Button

Text Input Field with Label

Sign up for exclusive orders

Text Elements

Headings

Paragraphs

Numbered Lists

Combined Elements

Main Navigation

Product/Service Listing

Citations