Design Systems Quarterly — Winter 2024

Editorial

A Design System for the Written Word

Color Palette

A restrained palette inspired by aged paper, quality ink, and the warm tones of a reading room.

Cream

#FAF8F5

Paper

#F5F2ED

Ink

#1A1A1A

Accent

#8B0000

Rule

#D4D0C8

Typography

Playfair Display for headlines brings elegance and authority. Source Serif for body text ensures comfortable reading at length.

Display / Playfair Display / 64px

Aa Bb Cc

Heading 1 / Playfair Display / 40px

The Art of Typography

Heading 2 / Playfair Display / 32px

A Study in Contrast

Body / Source Serif 4 / 18px

The quick brown fox jumps over the lazy dog. Typography is the craft of endowing human language with a durable visual form.

Caption / Inter / 14px

Photo credits, captions, and metadata appear in the sans-serif.

Drop capitals mark the beginning of articles and chapters, drawing the eye into the text. This centuries-old tradition connects digital design to the heritage of print.

"Typography is what language looks like." — Ellen Lupton

Spacing

Generous whitespace allows content to breathe, improving both readability and visual elegance.

4px
8px
16px
24px
32px
48px
64px

Buttons

Form Elements

Article Cards

"Good typography is invisible. Great typography is unforgettable."

Tags & Labels

Typography Editorial Featured New
❧ ❧ ❧