IEEE Design SystemA Pantheon P1 reference site
IEEE
Interior view of a high-tech manufacturing facility featuring automated machinery with orange mechanical arms and control panels. Thick black cables are suspended above the equipment, connecting to various units on a clean, polished factory floor.

One Design System for Every IEEE Site

A component library and living style guide derived from IEEE’s Brand Identity Guidelines, the IEEE Digital Style Guide, and ieee.org as it ships today — every component a drag-and-drop block in the Pantheon P1 visual editor.

Browse the StorybookExplore Components

The system at a glance

Built From IEEE’s Real Standards

Every token and component was derived from IEEE’s published brand and digital guidelines and the computed styles of ieee.org. Every judgment call is documented for IEEE to confirm.

Components
16
Components
IEEE palette colors
20
IEEE palette colors
Themes
4
Themes
Shipped pairings pass WCAG AA
100%
Shipped pairings pass WCAG AA

Start Here

A warehouse full of large orange robotic arms assembling items on a conveyor belt.

Why it matters

Re-branding Is a Data Change

Colors, type and corner geometry live in one token file. Switch themes with the control at the bottom of the page — IEEE as shipped, the published button spec, an illustrative Society reskin, and high contrast — and every component follows, with no code changes.

See How It Works

See It on a Real Page

ieee.org’s membership page, rebuilt entirely from library components with IEEE’s own content.

View the Sample Page
Theme