Bolt Design System Packages

A yeoman generator for creating Bolt components

Collection of all generic resets and shared styles in Bolt

Generic Font Stacks

A graphical element that indicates interactivity.

Basic HTML <code> and <pre> Elements

Basic HTML Heading Elements

Inline SVG icon system.

A responsive image embed.

Semantic list for displaying a group of items.

Basic HTML and Body Page Elements

An media container that styles children HTML elements for print.

A ratio displays an image or video embed at a specific aspect ratio.

A 1:1 ratio container that displays decorative content.

A page layout with a sidebar on the left and another on the right.

The foundational template of any given layout.

The classic pancake stack site layout that enables the footer to be always positioned on the bottom.

Basic HTML Small Text Elements

Content container for tabular content.

Underlined text that indicates interactivity.

Pega branded typography.