⚙ ⚙ ⚙

Steampunk

Brass, Gears & Victorian Ingenuity

A Design System Forged in Steam & Iron

Section 01

Color Palette

A palette drawn from the workshop: polished brass, oxidized copper, wrought iron, and aged parchment.

Brass & Gold

Bright Brass

#E8C66A

Polished Brass

#D4A84B

Brass

#B5893A

Dark Brass

#8A6729

Deep Brass

#6B4F1D

Copper & Verdigris

Copper

#B87333

Dark Copper

#8B4F24

Verdigris

#4A8B6F

Light Verdigris

#5DA882

Patina

#6B9E87

Iron & Steel

Iron

#3C3C3C

Dark Iron

#2A2A2A

Gunmetal

#4A4E50

Soot

#1A1714

Leather & Parchment

Leather

#6B3A2A

Mahogany

#4E2B1C

Parchment

#F0E6D3

Victorian Cream

#F5EFE0

Ivory

#FAF6ED

Accent Tones

Ruby

#8B2332

Emerald

#2D6B45

Sapphire

#2B4A7A

Amber Glow

#E8A828

Section 02

Typography

Victorian letterforms meet industrial clarity. Playfair Display for grandeur, IM Fell English for the charm of the printed word, and Courier Prime for mechanical readouts.

Display / Playfair Display 900

Clockwork Empire

clamp(2.5rem, 6vw, 4rem) -- Weight 900 -- Tracking 0.04em

Heading / Playfair Display 700

The Age of Invention

2.25rem -- Weight 700 -- Line-height 1.2

Subheading / Playfair Display Italic

Gears in motion, steam ascending, the engine of progress turns ever onward

1.5rem -- Weight 400 -- Italic -- Line-height 1.3

Body / IM Fell English

The steampunk aesthetic reimagines a world where steam power remained the dominant technology. Victorian elegance merges with industrial innovation, producing a visual language of brass mechanisms, leather-bound instruments, and copper-piped contraptions. Every rivet tells a story of craftsmanship; every gear tooth represents the relentless march of an alternate modernity.

1rem -- Line-height 1.7 -- Max-width 65ch

Caption / Courier Prime

PRESSURE GAUGE :: MODEL VII-A :: CALIBRATED 1887 :: IMPERIAL STANDARD

0.8rem -- Monospace -- Tracking 0.02em

Section 03

Spacing Scale

A 4px base unit, scaled through the precision of a clockmaker's hand.

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

Buttons

Levers and switches forged from brass, copper, and iron. Pull them to set the machine in motion.

Primary -- Brass

Secondary -- Iron Outline

Copper Variant

Disabled State

Section 05

Form Elements

Input dials and configuration panels for the discerning engineer.

As registered with the Royal Academy
Imperial Patent Office reference
For pneumatic tube correspondence
Describe the mechanism in full detail
Section 06

Cards & Panels

Information containers styled as workshop notices, brass plaques, and iron bulletin boards.

Clockwork Engine

A precision-wound mainspring drives an intricate series of escapements and reduction gears, producing reliable rotational force without the need for external fuel or steam pressure.

Airship Docking

The mooring mast receives vessels of all tonnage, equipped with pneumatic capture arms and hydrogen ballast management systems. Passengers disembark via articulated gangways.

Boiler Room

The heart of the vessel. Triple-expansion engines convert superheated steam into mechanical force, driving twin propeller shafts at speeds exceeding twelve knots.

Imperial Engineering Works

Established 1851 · London · Birmingham · Manchester

Engineering Notice

All personnel are advised that boiler pressure tests shall be conducted on the third Thursday of each month. Workshops will be closed during testing hours. Safety goggles and leather aprons are mandatory in all designated areas.

Section 07

Alerts & Notifications

Workshop bulletins, safety warnings, and dispatch notices delivered through the pneumatic message system.

Informational Dispatch

The new Babbage Analytical Engine has been installed in the computation chamber. All mathematical queries may now be submitted via punch card at Window 3.

Operation Successful

Boiler calibration complete. All pressure readings are within nominal parameters. The vessel is cleared for departure at the scheduled hour.

Caution Advisory

Steam pressure in manifold C-7 is approaching the upper threshold. Reduce fuel intake and engage the auxiliary release valve before readings exceed 280 PSI.

Critical Failure

Catastrophic seal breach detected in cylinder block 4. Immediate shutdown of the port-side engine is required. All hands to emergency stations.

Workshop Bulletin

Quarterly maintenance of all brass fittings and copper pipework is due. Report to the Chief Engineer with your toolkit and station assignment ledger.