← Design previews

HAREER · THEME FOUNDATION

Colour, type & rhythm.

Measured from Frette on 22 October 2026 at 390px and 1440px. This page previews the shared theme; storefront sections are the next step.

THE HAREER PERSPECTIVE

Thoughtfully crafted for restful living.

Explore the foundation

The palette

White

--paper

Charcoal

--ink

Navy

--brand-navy

Collection surface

--surface-secondary

Editorial surface

--surface-editorial

Secondary text

--text-secondary

Muted text

--muted

Border

--line

Typography

Butler · headings

A beautiful end to every day.

Archivo · body and controls

Considered layers. Quiet colours. Beautiful bedding for everyday rituals.

Archivo Light · desktop navigation

Bedding · Collections · Our world

Archivo · hero description

Considered comfort, from the first layer to the last.

Hareer Arabic adaptation · Cairo

حرير — تفاصيل جميلة وراحة كل يوم.

Arabic typography is a Hareer adaptation; the inspected reference was English.

Controls & spacing

Hero controls use the measured 48px minimum height and 12px × 32px padding. Their text changes from 12px to 14px at the reference’s 1200px editorial breakpoint.

Reference section heading, link and responsive spacing

Considered layers

Explore all

Base form fields · square corners, placeholder, focus and disabled states

--space-2
--space-4
--space-6
--space-8
--space-12