Design System

Suprema­tism

The supremacy of pure feeling in creative art. Geometric abstraction freed from representation, floating in infinite white space.

01 -- Color

Palette

Only absolute colors exist. Black, red, blue, yellow, and white. No gradients, no shading, no naturalistic color. Each hue is a pure elemental force.

Black #000000
Red #D62828
Blue #003F88
Yellow #F2C12E
White #FFFFFF

Color as Pure Feeling

Suprematism uses color not for description but for sensation. Black is gravity and presence. Red is energy and dynamism. Blue is depth and the cosmic infinite. Yellow is radiance and light. White is the void -- the infinite space in which all forms exist.

02 -- Typography

Type Scale

Pure geometric letterforms. Montserrat provides clean, rational character shapes with no decorative flourish. Weight and size create hierarchy, nothing else.

Heading 1 56-112px / 800
Suprematism
Heading 2 44px / 800
Pure Form
Heading 3 24px / 700
Non-Objective World
Heading 4 18px / 700
Geometric Abstraction
Heading 5 16px / 700
Zero of Form
Heading 6 14px / 600
Absolute Creation
Body 16px / 400
Under Suprematism I understand the supremacy of pure feeling in creative art. To the Suprematist, the visual phenomena of the objective world are, in themselves, meaningless.
Small 14px / 400
Secondary information and supporting descriptive text in a lighter weight for contrast.
Label 11px / 700 / 20%
System labels and metadata
03 -- Spacing

Scale

A 4px base unit provides the spatial foundation. All measurements derive from this unit, creating proportional relationships between elements in the void.

4px
1x
8px
2x
12px
3x
16px
4x
24px
6x
32px
8x
48px
12x
64px
16x
96px
24x
04 -- Buttons

Actions

Sharp-edged rectangular forms. No curves, no softness. Interaction is direct and absolute. Hover states shift the form in space like a floating element.

Primary / Secondary / Ghost / Accent

Default Variants

Sizes

05 -- Forms

Input

Form elements reduced to their geometric essence. Clean rectangular fields, sharp focus states. Blue offset shadows on focus echo the floating spatial quality of Suprematist composition.

Checkboxes

Radio Buttons

06 -- Cards

Containers

Content containers with floating geometric accents that break their boundaries. Shapes escape the rectangle, just as Suprematist forms float beyond the canvas edge.

Black Square

The zero point of painting. The end of representation and the beginning of pure form.

Red Rectangle

Dynamic tension through color and angle. A form suspended in the white infinity of the picture plane.

Blue Circle

Cosmic depth and infinite recession. The circle dissolves boundaries between form and void.

Minimal Cards

Painting

The canvas as a window into non-objective reality, freed from the weight of meaning.

Architecture

Three-dimensional Suprematism. Architectons as sculptural explorations of spatial form.

Porcelain

Applied Suprematism. Geometric patterns on functional objects, bringing abstraction to life.

Inverted Card

The Non-Objective World

Malevich's 1927 treatise establishing the theoretical foundation for a new visual language beyond representation.

07 -- Data Table

Information

Structured data presented with geometric precision. Status indicators use Suprematist shapes -- rotated squares, circles, and rectangles as visual markers.

Work Medium Year Status Dimensions
Black Square Oil on Canvas 1915 Foundational 79.5 cm
Black Circle Oil on Canvas 1915 Primary 105.5 cm
Suprematist Composition Oil on Canvas 1916 Dynamic 88.5 cm
White on White Oil on Canvas 1918 Terminal 79.4 cm
Suprematist Cross Oil on Canvas 1920 Symbolic 64.5 cm
08 -- Badges

Tags

Compact rectangular labels for classification and status. Outlined and filled variants using the absolute Suprematist palette.

Outlined

Default Red Blue Yellow

Filled

Default Red Blue Yellow

Status Tags

Active Processing Pending Critical Archived

Categories

Painting Sculpture Porcelain Architecture Textile Typography
09 -- Alerts

Notices

System messages marked by geometric shape indicators. A rotated square for default, a circle for information, a diamond for warning, a solid square for error.

Default

A standard notification. The black diamond marker indicates a neutral system message.

Information

The blue circle indicates informational content. Non-objective awareness of the current system state.

Warning

The yellow diamond signals caution. An element requires attention before proceeding to the next form.

Error

The red diamond marks a critical failure. The composition has encountered an absolute disruption.

Confirmed

The white form on black ground. An action has been completed, the composition is resolved.

10 -- Principles

Foundations

The core ideas that separate Suprematism from all other abstract movements. Not functional design (Bauhaus), not perpendicular grids (De Stijl), but pure feeling through pure form.

Supremacy of Pure Feeling

Art exists beyond the representational world. The black square on white ground is not a picture of something -- it is the thing itself. Pure sensation communicated through pure form, free from narrative or symbolism.

Forms in the Void

White is not a background -- it is infinite space. Geometric forms float in this void without gravity, without horizon, without ground. The white field is as active as the shapes it contains.

Dynamic Asymmetry

Unlike De Stijl's perpendicular grids, Suprematist forms tilt, rotate, and fly at dynamic angles. This creates tension and movement -- the feeling of forms in flight across the picture plane.

Radical Economy

Five colors. Four basic shapes. Infinite compositions. Suprematism achieves maximum expression through the most minimal means -- every element must be essential, nothing is decorative.

Non-Objective World

The complete rejection of representational art. Unlike Bauhaus which serves function, or De Stijl which seeks universal order, Suprematism pursues pure aesthetic experience beyond all practical purpose.

Zero of Form

The Black Square was the starting point -- the zero from which all Suprematist form emerged. To arrive at pure creation, Malevich first destroyed all existing art. From nothing, everything.

Suprematist Composition

Pure geometric forms floating in white void. No grid, no alignment, no representation.