Skip to main content

Design, Color, Updates

2026 Brand Color Updates

How Bolt's color system supports rollout of the latest Nationwide Brand updates

Read more

Design, UX, Accessibility, Code, Patterns

Responsive tables

Viable table patterns for responsive design

Read more

Bolt system, Development, Design

Web Components and HTML Patterns in Bolt

Two ways to build your UI

Read more

Bolt system

2025 Bolt Survey Recap

What we heard from those using Bolt, and what we plan to do about it

Read more

Sharing Figma design drafts using FigJam

Using Drafts to your advantage

How can I share my design with team members when I don't have a Design license?

Read more

Figma, Bolt system, Accessibility, Design, Development

(Q4 2025 Update) Figma's Dev Mode vs Viewer Mode

Figma has made several significant improvements to Dev Mode, enhancing the developer experience and streamlining design-to-development workflows.

Read more

Bolt system, Figma

AI + Bolt: Smarter Design at Nationwide

How artificial intelligence is enhancing our design system and accelerating digital delivery

Read more

Bolt system

Bolt 7 Highlights

New concepts and features in the latest major release of Bolt.

Read more

Accessibility

Best Practices for Creating Accessible Charts

Creating accessible charts and graphs for all users, including those with visual impairments and/or color blindness.

Read more

Accessibility, Design, Figma

Creating an accessible pie chart: Step by step

Designing a pie chart isn't as easy as one might think...

Read more

Accessibility

Making Accessibility Inclusive for Neurodiverse Individuals

Supporting neurodiverse needs creates accessible digital environments for all users.

Read more

Bolt system

Should I use Bolt?

Three key questions to guide your decision to use Nationwide's digital design system

Read more

Accessibility, Figma

The Importance of Accessibility Annotation in Figma Wireframes

Accessibility annotations in Figma wireframes help designers and developers create inclusive, user-friendly products that are accessible to all users, including those with disabilities.

Read more

Figma

Figma's Dev Mode vs Viewer Mode: Which one do I (or my team) need?

Figma, Nationwide's preferred design and delivery tool for digital experiences, offers two distinct modes for developers: Dev Mode and Viewer Mode. Each mode has unique features and use cases.

Read more

Accessibility

Context Shifts and Cognitive Load: Unraveling the Accessibility Challenges

"The only consistent thing in life is change." This quote by Heraclitus perfectly encapsulates the ever-evolving nature of our world.

Read more

Display settings

Note: not all settings persist across pages

Default Compact (-1) Sparse (+1) XL (default) 2XL 3XL Default Min Max Light (default) System Dark Branded (default) Unbranded