Design System

Mid-Century Modern

Clean Lines. Warm Materials. Timeless Design.

Form follows function.
Less is more.
1950s-60s aesthetic.

Navigation

01

Colors

A warm palette inspired by wood grains, brass hardware, and the iconic burnt orange, olive green, and mustard yellow of mid-century interiors.

Wood Tones
Teak #8B5A2B
Walnut #5D3A1A
Oak #C19A6B
Birch #DBC5A0
Maple #E8D4B8
Signature Colors
Burnt Orange #CC5500
Olive Green #6B8E23
Mustard #DAA520
Cream #FDF5E6
Metallic Accents
Brass #D4AF37
Brass Light #E8C860
Brass Dark #B8960A

02

Typography

Archivo Black for bold, geometric display type. Josefin Sans for elegant, clean body text with vintage character reminiscent of the atomic age.

Display

72px / Archivo Black

Aa

H1

40-72px / Black

ATOMIC AGE

H2

36px / Black

SPACE AGE

H3

24px / Semibold

Scandinavian Influence

Body

16px / Regular

The sleek lines of a credenza, the warmth of teak wood, and the optimism of post-war America define this timeless aesthetic.

Body Light

16px / Light

Form follows function in every carefully considered detail, from hairpin legs to sunburst clocks.

Label

12px / Semibold

Category Label
"

Good design is as little design as possible. Less, but better.

- Dieter Rams

03

Spacing

A balanced spacing system that creates visual harmony. Like the proportions of mid-century furniture, every measurement serves a purpose.

4px
xs
8px
sm
12px
md-
16px
md
24px
lg
32px
xl
48px
2xl
64px
3xl
96px
4xl

04

Buttons

Angular, confident buttons with the signature angled clip-path reminiscent of boomerang shapes. Brass accents add premium metallic warmth.

Button Variants

Button Sizes

Console Knob Buttons

05

Forms

Clean form elements with warm wood-toned borders and brass focus states. Hi-fi style toggles bring console aesthetic to interactive controls.

We respect your privacy

AM
FM
Mono
Stereo

06

Cards

Content containers inspired by console cabinets and credenzas. Wood veneer textures and brass trim create authentic mid-century warmth.

Clean Lines

Simple geometric forms define the mid-century aesthetic. Every curve has purpose.

Natural Materials

Teak, walnut, and rosewood bring organic warmth to modernist forms.

Hi-Fi Console Card

Decorative Elements

07

Data Table

Tables with warm wood headers and brass accents. Clean data presentation with mid-century styling.

Designer Period Style Status Pieces
Charles Eames 1940s-70s American Modern Iconic 150+
Hans Wegner 1940s-90s Danish Modern Classic 500+
Arne Jacobsen 1950s-70s Scandinavian Iconic 80+
George Nelson 1940s-80s American Modern Notable 200+
Isamu Noguchi 1940s-80s Sculptural Modern Timeless 100+

08

Badges

Status indicators with the signature angled cut and warm mid-century color palette.

Angled Badges

Burnt Orange Olive Green Mustard

Classic Badges

Brass Accent Walnut Outline

Status Examples

In Stock Limited Vintage Restored

09

Design Principles

The guiding philosophy of mid-century modern design translated to digital interfaces.

Form Follows Function

Every design element serves a purpose. Decoration emerges from structure, never applied superficially. Beauty and utility are inseparable.

Honest Materials

Let materials speak for themselves. Wood grain, brass patina, and natural textures are celebrated, not hidden. Authenticity over artifice.

Optimistic Modernism

Embrace progress with warmth. The atomic age brought bold confidence tempered by organic forms. Technology serves humanity.

Democratic Design

Good design should be accessible to all. Create beauty through intelligent manufacturing, not exclusivity. Craft meets mass production.