> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cuprice.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Plan Card

> Let users build their own plan

The custom plan card appears alongside your regular plans. It lets users pick individual features and build a personalized plan.

## What users see

* A card with title, badge, and feature bullets
* "Create Now" button that opens the feature picker
* Users select features, set quantities for usage-based features
* Price is calculated automatically

## Customizing colors

In the **Custom Card** section of the Design tab, you can customize:

| Setting          | What it affects              |
| ---------------- | ---------------------------- |
| **Card BG**      | Background color of the card |
| **Border**       | Card border color            |
| **Title**        | Title text color             |
| **Text**         | Feature bullet text color    |
| **Check**        | Checkmark icon color         |
| **Button**       | Button background color      |
| **Btn Text**     | Button text color            |
| **Badge BG**     | Badge background             |
| **Badge Text**   | Badge text color             |
| **Badge Border** | Badge border color           |

## CSS targeting

```css theme={null}
.cuprice-custom-plan-card {
  /* Card container */
}
.cuprice-custom-plan-title {
  /* "Customize your way" text */
}
.cuprice-custom-plan-badge {
  /* "Custom" badge */
}
.cuprice-custom-plan-button {
  /* "Create Now" button */
}
.cuprice-custom-plan-feature-text {
  /* Feature bullet text */
}
```
