Proto-Cubism — UI Kit v1.0

Solid
Form
Volume

A design system rooted in the earth. Warm pigments, geological weight, the passage of light across faceted planes. After Cézanne. Before Braque. 1900 — 1908.

01 — Foundation

Colour Palette

Earth pigments on warm linen — raw umber, burnt sienna, terre verte, yellow ochre, rose madder. Every swatch runs from a lighter, warm-tinted variant down to its full body, echoing the way Cézanne modulated tone across the faceted surfaces of Mont Sainte-Victoire.

Light — #8C6445
Raw Umber
#5C3D1E
Light — #D4956A
Burnt Sienna
#B5651D
Light — #96A872
Terre Verte
#6B7C4A
Light — #DFB96A
Yellow Ochre
#C8973A
Light — #5E5750
Lead
#3A3530
Light — #FFFFFF
Chalk
#F5F0E8
Light — #C26857
Rose Madder
#9B3A2E
Light — #BFB8AD
Ash Warm
#8C8278

02 — Typography

Type Scale

Two typefaces, each with a distinct register. DM Sans — a warm, humanist grotesk for all text: approachable yet precise, with optical sizing that preserves legibility from caption to display. Weights run from 200 Extralight through 700 Bold, giving a full tonal range. DM Mono — the mechanical register for code, captions, and data fields.

DM Sans DM Mono
Display — DM Sans / 104px Extralight

Volume

Heading — DM Sans / 48px Semibold

Solid Form

Subheading — DM Sans / 32px Light

Passage of Light

Body — DM Sans / 16px Regular

Cézanne treated every surface as a mosaic of small, directional planes, each receiving light at a slightly different angle. His method laid the structural groundwork for all that followed — the dissolution of the single viewpoint.

Small — DM Sans / 14px Light

The apple, the mountain, the bather — all reduced to the same fundamental geometry. Not a copy of nature, but a parallel construction of equivalent weight and solidity.

Label — DM Sans / 13px Light Uppercase

Section Identifier — Foundation — 01

Mono — DM Mono / 14px

const volume = { pigment: 'raw-umber', tone: 'passage' }

03 — Actions

Buttons

Each button carries the weight of a pigment ground — gradient fills that shift from warm tint to full body, as if paint has been drawn across canvas. Hover lifts the surface slightly. The shimmer on hover mirrors Cézanne's passage: light gliding across a faceted plane.

Colour Variants
Sizes
Icon Buttons
Status Badges
In Progress Resolved Pending Critical Draft

04 — Input Fields

Form Elements

Fields rest on warm chalk — the ground before the pigment is applied. Focus draws a soft ochre glow, as though light has gathered on that particular plane. Error states blush in rose madder; success breathes in terre verte.

As it appears in the exhibition catalogue
Invalid characters — use alphanumeric and hyphens only
Record located in the Aix archive
Maximum 600 characters

04b — Selector

Dropdown Select

05 — Selection

Radio & Checkboxes

Selection reveals a warm sienna passage along the left edge — as if the eye has moved to rest on that particular facet of the composition. The ochre glow emanates from within, not imposed from without.

Radio — select one ground
Checkboxes — select formal concerns

06 — Feedback

Alert Components

Alerts wear their pigment on the left edge — a vertical stroke of colour that names the mood before the words do. Backgrounds are warm tinted grounds; the tone shifts from light to shadow across the surface, as on a sphere seen in studio light.

N

Notice

The Salon d'Automne submission period opens on the first of October. All works must be framed and wired for hanging on arrival at the Grande Palais.

V

Verified

The work has been authenticated and entered into the catalogue raisonné. Accession number PROTO-1904-CEZ has been assigned and confirmed.

!

Attention Required

The varnish layer shows micro-crazing consistent with rapid atmospheric changes. The work should be stabilised before any further transport.

X

Record Not Found

No provenance record matching that reference could be located. Verify the accession number and consult the original acquisition documentation.