
Name the purpose
Link a primary action token to a deliberate, important action. Use a quieter treatment when another action needs priority.
Show states in context
Include focused and unavailable examples beside the default appearance. Document the label, focus behaviour and surrounding explanation.
Keep questions visible
Record unknowns with the person who can resolve them. Petal Kit puts the selected token and its usage note beside the visual specimen.
GOV.UK Design System buttons ↗
Try the related case study