Design System

Futurism

Speed. Violence. The Machine.
Italian Avant-Garde 1909 - 1944

01

Color Palette

Aggressive, mechanical, electrifying. Red roars like an engine, silver gleams like chrome, blue crackles like voltage, yellow screams like headlights through fog.

Aggressive Red #D41920
Exhaust Black #0B0B0B
Chrome Silver #B8BFC6
Electric Blue #0055FF
Industrial Yellow #F5C518

Extended Palette

Dark Red

#9B1118

Red Glow

#FF2D2D

Dark Silver

#7A838C

Exhaust Grey

#3A3A3A

02

Typography

Explosive, fragmented, aggressive. Words collide at speed, overlapping and rotating to shatter the conventional page. Text is not read -- it is experienced.

H1 / Display Bebas Neue / clamp(4-12rem)
VELOCITY
H2 Oswald / clamp(2.5-4.5rem) / 700
The Machine Roars
H3 Oswald / 1.75rem / 700
Thrust of Steel
H4 Oswald / 1.25rem / 600
Engine of Progress
H5 Oswald / 1rem / 600
Transmission Signal
H6 Oswald / 0.875rem / 600
Mechanical Index
Body Barlow Condensed / 1rem / 400
We declare that the splendor of the world has been enriched by a new beauty: the beauty of speed. A racing automobile is more beautiful than the Victory of Samothrace.
Caption Oswald / 0.75rem / 700 / 0.2em
MANIFESTO NO. 1 / MILAN 1909 / F.T. MARINETTI

Explosive Typography

Words at war with the page. Size, angle, and weight shatter static composition.

noise SPEED MACHINE WAR voltage ROAR
03

Spacing System

A 4px base unit propels rhythmic acceleration. Space is not empty -- it is the air through which forms hurtle.

--space-1
4px
--space-2
8px
--space-3
12px
--space-4
16px
--space-5
24px
--space-6
32px
--space-7
48px
--space-8
64px
--space-9
96px
--space-10
128px
04

Buttons

Thrust forward. Every button is an accelerator pedal, a trigger, a call to violent action. The angular clip-path suggests objects in motion, cutting through air resistance.

Standard Variants

Sizes

Velocity Variant

On Dark Surface

05

Form Elements

Data intake instruments. Clean, functional, glowing with potential energy. Focus states ignite like spark plugs.

Checkboxes

Radio Buttons

06

Cards

Containers of compressed energy. Each card is a chassis housing dynamic content, from angular velocity cards to industrial machine panels.

Dynamism

Forms in motion, interpenetrating planes, the simultaneity of states of mind.

Velocity

A racing car with its bonnet adorned with tubes like serpents with explosive breath.

Noise

The art of noise: the roar of engines, the crack of gunfire, the scream of metal.

Velocity Card

Aeropainting

Aerial perspectives, the cockpit view. The world seen at 300 km/h from above -- compressed, fragmented, radiant.

In Flight

Mechanization

Man fused with machine. The centaur of modernity -- half flesh, half steel, entirely speed.

Prototype

Electrification

The city at night, arc lamps splitting darkness, voltage surging through iron veins.

Charged

Machine Card

Engine Room

Pistons firing in sequence. Oil-slick surfaces reflecting arc-lamp light. The poetry of industrial production.

Destroy the Museums!

We will demolish the past. We will free Italy from her innumerable museums which cover her like countless cemeteries.

Turbine Card

The Futurist Manifesto

We affirm that the world's magnificence has been enriched by a new beauty: the beauty of speed. Time and space died yesterday. We already live in the absolute.

07

Data Table

Information at velocity. Data organized for rapid intake -- bold headers, glowing status indicators, mechanical precision in every row.

Artist Discipline Period Status Works
F.T. Marinetti Poetry / Manifestos 1909 - 1944 Founder 82
Umberto Boccioni Painting / Sculpture 1907 - 1916 Pioneer 147
Giacomo Balla Painting / Design 1910 - 1958 Active 213
Luigi Russolo Music / Noise Art 1913 - 1942 Standby 56
Antonio Sant'Elia Architecture 1912 - 1916 Archive 34
08

Badges & Tags

Compact signal flares. Angular markers for status, category, and velocity class. Each badge cuts through visual noise like a bullet.

Standard Badges

Primary Secondary Electric Caution Dark Outline

Contextual Usage

Manifesto 1909 Milan Architecture Noise Art Categorical markers for content taxonomy

Velocity Classes

Idle Cruising Accelerating Maximum Velocity
09

Alerts

Transmission signals. From engine warnings to mission briefings, each alert type carries distinct urgency and chromatic intensity.

Critical / Engine Failure

Cylinder pressure exceeding maximum tolerance. Reduce velocity immediately or risk catastrophic detonation of the power unit.

Warning / Fuel Reserve

Fuel reserves at 15%. Nearest refueling station: 47 kilometers. Recommend reducing speed to extend operational range.

Information / New Manifesto

A new Futurist manifesto has been published. Review the technical specifications for the next generation of aeropaintings.

Operational / Systems Normal

All mechanical systems functioning within optimal parameters. Current velocity: 280 km/h. Engine temperature: nominal.

10

Design Principles

The philosophical engine driving Futurist aesthetics. These principles are not guidelines -- they are commandments written in exhaust fumes and machine oil.

Speed Above All

A racing automobile adorned with great tubes like serpents with explosive breath is more beautiful than the Victory of Samothrace. Every element must suggest velocity and forward thrust.

Simultaneous Vision

Multiple viewpoints collapsed into one frame. Past, present, and future coexist. Fragmented forms interpenetrate, creating a visual experience of speed through time.

Dynamic Sensation

Static composition is death. Every line must vibrate, every form must suggest motion. Diagonals, force lines, and angular thrusts create perpetual kinetic energy on the page.

Machine Worship

The machine is the new deity. Chrome, steel, pistons, and gears are the materials of modern beauty. Industrial forms replace natural ones. The factory is our cathedral.

Typographic Revolution

Words freed from syntax. Letters explode across the page at angles, in varied sizes, colliding and overlapping. Typography becomes plastic, sculptural, violent.

Destroy the Past

Museums are cemeteries. Libraries are graveyards. Tradition is a prison. Only by demolishing the monuments of the past can we build the architecture of tomorrow.

VELOCITA AVANTI