Electrons

The essential styles and definitions

Electrons are the smallest unit of style and design structure in our system.
They provide the foundation for consistent branding, accessibility, and layout across all products and platforms.

Electrons include brand elements (like colors, typography, and logo usage), guiding principles for design and content, as well as system-wide conventions and accessibility rules. They act as the underlying ruleset for how we create, name, and present our components.

You can explore visual examples and tokens directly in Figma.