Design Develop Analytics Feedback

Design

Develop

Analytics

Feedback

Overview
Design principles
Design
Develop
Browser support
React Server Components (RSC) compatibility
Tech support

Accessibility statement
Designing for accessibility
Accessibility checklist

Overview
Colors
Typography
Updated
Imagery
Updated
Breakpoints
Spacing
Layout

Usage
System icons
Graphic icons

Overview
Design tokens for Figma
Design tokens for React
Tokens reference

Box
Column
Columns
Container
Hidden
Inline
Section
Split Section
Stack
Tiles

Overview
NavLayout
Header
Footer
Drawer

Analytics
Figma libraries
Playroom
Storybook
Static site starter
CSS Framework
Device templates

Overview
nib logos
Updated
nib co-brand logos
GU Health logos
IMAN logos
Orbit Protect logos
Brand imagery

Style guide
Templates
nib newsletter template
nib kitchen sink template
GU Health kitchen sink template

How to contribute
Raise an issue
Feedback
Roadmap

Design Tokens introduced
Rebrand released
Card variations
New navigation released

How to contribute
Raise an issue, opens in a new tab

Slack, opens in a new tab
Email, opens in a new tab
Roadmap

Card

Objects

Download this icon as SVG

Download this icon as PNG

When to use

A card icon used to represent payments.

Back to system icons

Contributing

How to contribute Raise an issue, opens in a new tab

Need help?

Slack, opens in a new tab Email, opens in a new tab Roadmap

Copyright © 2025 nib Group.

nib is not responsible for the content of external sites.

We acknowledge Aboriginal and Torres Strait Islander peoples as the Traditional Custodians of the lands where we live, learn and work. View our Reconciliation Action Plan