Cereal.
Brand

The Cereal brand kit.

Warm, dark, and human. The system behind every Cereal surface: palette, type, the wordmark, and how to use them.

01 / Palette

Roasted and warm.

Roast#17120e · Background
Cream#f0e9dd · Primary text
Amber#d97f33 · Accent
Warm gray#a89c8c · Muted text
Surface#1f1813 · Cards
02 / Typography

Archivo and Space Mono.

Archivo · Display
Aa

Heavy weights (800-900) for headlines and the wordmark. Tight letter-spacing.

Space Mono · Labels
Aa

Uppercase, wide letter-spacing for kickers, tags, and metadata.

03 / Logo

Wordmark and mark.

Wordmark
Cereal wordmarkDownload SVG
Mark
Cereal markDownload SVG
04 / Usage

A few rules.

Keep the period amberDark backgrounds onlyArchivo for displaySpace Mono for labelsAmber used sparinglyNo em-dashes in copy