About CERN Collision
CERN collision event displays are the iconic visual face of LHC high-energy physics — bright helical tracks spiralling out of a black detector void, reconstructed from the ATLAS and CMS detectors. Every color is a literal legend: each hue maps to a real detector subsystem, not decoration.
This design system distills that instrument-panel aesthetic into digital form — a near-black canvas, cyan track-glow, monospace readouts, and concentric wireframe geometry. It is sober data visualization, never sci-fi spectacle.
- Origin
- Western Europe — CERN, Geneva, Franco-Swiss border
- Era
- 2010–present (LHC Run 1 onward, Higgs-era event displays)
- Key figures
- ATLAS Collaboration · CMS Collaboration · HSF Phoenix team · iSpy / Atlantis teams
- Movements
- Scientific data visualization · Particle-physics event display · Open-data outreach
CERN Collision design spec
Colors
Typography
The other 11 sections — buttons, cards, spacing, motion, techniques and more — open once you unlock. Download the DESIGN.md or send it to your AI in one click. Unlock once, yours forever.
Sign up nowStyles similar to CERN Collision
Also inspired by science & nature, with a close feel.
Hubble Pillars of CreationCreation glows from within. Amber towers rise through a cyan-green rim into the navy void.
Gravitational Wave ChirpData makes the drama. Near-black grid, mono Hz ticks, and a viridis-hot chirp arc.
MRI ScanReads like a radiology viewport. Tissue-gray tomograms on pure black, IBM Plex Mono DICOM etch.
James Webb Telescope (2022)Precision meets deep time. Mirror gold hexagons and cyan telemetry glow across a black void.