> ## 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 */
}
```


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.