Visual style
Know the basics of Nationwide's visual brand standards: color, typography, icons, and spacing.
Bolt design system
Bolt is Nationwide’s design system for digital products and experiences. The ecosystem consists of design libraries, coded assets with built-in accessibility, documentation and support.
Designing with Bolt
Bolt offers over 35 components that allow designers to focus on creating differentiating experiences for both the business and the end user. By using the Bolt Figma libraries, designers can build their files for smoother hand-offs with development teams, shortening time to release.
Developing with Bolt
Developing with Bolt saves time and money upfront with accessible components, tokens and documentation, while making code easier to update and maintain over time. When working with designers, Bolt helps developers match the design and bring it to life.
Components
Use Bolt's tried-and-tested screen components to expedite the development of your project.
Develop
Bolt provides robust building blocks to cover the basics, allowing developers to focus on the parts that make their project unique.
Installation
Follow these instructions to start using Bolt in your project.
View install guideAccessibility
Accessibility standards assist in putting the pieces together to create a quality experience for all.
Explore accessibility
Design
Designing with Bolt encourages consistency, quality, and efficiency, while simplifying hand-offs.
Design tokens
Tokens are visual design attributes that form the foundation of the Bolt design system.
Explore design tokensContent design
Content design standards guide the creation of UX content.
Explore content design
Resources
Learn more about the Bolt system and find answers to your questions.
Release history
See what's new with Bolt, and access documentation for previous versions.
View release historyFeedback
If you have feedback about or need help with Bolt, you can find it here.
Contact Bolt team