Persona

PERSONA DESIGN SYSTEM

26 COMPONENTS · 6 GROUPS · 9 FOUNDATIONS

Components

Actions 4

Button
Button Group
Dropdown Button
Read the docs
Read the docs
Link

Inputs 11

September 2026
September 2026
Calendar
Checkbox
Combobox
As it appears on the document.
As it appears on the document.
FormField
Radio
Range Calendar
Select
Slider
Swatch Picker
Text Area
Toggle

Data display 4

3
3
Badge
Passport, issued 2021.
Updated 2 days ago
Passport, issued 2021.
Updated 2 days ago
Card
Approved
Approved
Sticker
Name
Status
Ada LovelaceApproved
Grace HopperPending
Name
Status
Ada LovelaceApproved
Grace HopperPending
Table

Overlay 4

Dropdown Menu
Passport
Driver’s licence
National ID card
Passport
Driver’s licence
National ID card
List Box
Modal
Popover

Feedback 2

Banner
SLA
Time to first response, in business hours.
Time to first response, in business hours.
SLA
Time to first response, in business hours.
Time to first response, in business hours.
Tooltip

Navigation 1

Reports
Reports
Tab Bar

Quickstart

GlossaryWhat the recurring PDS terms mean, from tokens and primitives to dashboard components.OverviewWhat the Persona Design System contains, and what it leaves to the product using it.Setting UpHow to get access to the three PDS Figma libraries and enable them in a design file.

Foundations

AccessibilityWhat the design system guarantees, and where the rest comes from.Border RadiusFive radius tokens, and the forty-seven corners in the React library that do not use one.ColorHow the core palette and the alias layer divide the work, and where the link between them gets lost.ElevationThe three elevation shadows in the tokens, and the different three the React library renders instead.IconsThree size builds of the PDS icon library that are not the same set as each other.LogosWhere the approved Persona logo files live, and what the code assets cannot reproduce.SpacingTen steps from 0 to 56px, and the point at which they stop being evenly spaced.TypographyPDS ships twenty-one text styles built from three font weights, none of them heavier than 500.WritingHow Persona's interface and documentation are written, and the rules that apply everywhere.