# Pricing plans

Collection section with optional section heading and a set of items (cards or list).

## Section fields

| Field | Effect |
|---|---|
| `additionalCopy` | Section-level. |
| `backgroundColour` | Section-level. |
| `body` | Section-level. |
| `heading` | Section-level. |
| `icon` | Section-level. |
| `links` | Section-level. |
| `postHeading` | Section-level. |
| `preHeading` | Section-level. |
| `textColour` | Section-level. |
| `textSize` | Section-level. |
| `visual` | Section-level. |

## Card / item fields

- `badgeColor`
- `badgeText`
- `bannerColor`
- `bannerText`
- `currencySymbol`
- `features`
- `featuresTitle`
- `headline`
- `headlineAmount`
- `headlineAmountNote`
- `priceLevelKey` — app tier slug for the `pm_price_bundle` cookie (e.g. `standard`, `premium`). Use the same key on Monthly and Annual entries for a tier.
- `stripePriceId` — Stripe price ID for this entry's `planType`. Must stay in sync with `headlineAmount`.
- `headlineAmountSuffix`
- `hexColor`
- `links`
- `name`
- `otherAmount`
- `planType`
- `type`
- `valueProposition`

## Colours

Section and/or cards may use `backgroundColour` and `textColour` from the palette.

**Background colours:** Black, black, Gray, Deep Purple, Turquoise, PurpleHover, Green Light, Light Gray, Gray 1, Gray 2, Gray 3, Gray 4, Gray 5, Gray 6, Gray 8, Gray Line, Backdrop Dark, Purple Dark, Green, Red, Purple, Yellow, Teal, Orange, Blue, Secondary Deep Purple, Accessible Purple, Accessible Teal, Light Purple, Light Yellow, Light Teal, Light Orange, Light Blue, Pale Purple, Pale Yellow, Pale Teal, Pale Orange, Pale Blue, White, white

**Text colours:** Black, White