> For the complete documentation index, see [llms.txt](https://wowapps.gitbook.io/wowbundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wowapps.gitbook.io/wowbundle/customization/layout-colors.md).

# Design Settings

Use the **Design** tab to change your bundle's layout, colors, and spacing.

## Layout

* **Vertical cards**: Stack the tiers one above another.
* **Horizontal cards**: Place the tiers side by side.

### Picker

Choose how customers select a tier: **None**, **Radio**, **Check**, **Square**, **Arrow**, **Star**, or **Switch**.

![Design settings showing Vertical cards and Horizontal cards with seven Picker styles.](https://509262307-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForO5ObmoZj39Yv9npS3w%2Fuploads%2Fgit-blob-5650b2c086ec263a03e3bc544ae6858af2c24402%2Fdesign-layout-picker.png?alt=media)

1. Choose the layout. 2. Choose the picker.

## Color scheme

Choose a preset color scheme, or change the individual colors:

* **Accent**: The offer's main highlight color.
* **Selected background**: The background of the selected tier.
* **Text**: The text color.
* **Badge**: The badge color.

## Style

* **Corner roundness**: How rounded the card corners are.
* **Breathing space**: The space around the content.
* **Border width**: The thickness of the borders.
* **Image size**: The size of images in the offer.

![Custom color fields and Style sliders for Corner roundness, Breathing space, Border width, and Image size.](https://509262307-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2ForO5ObmoZj39Yv9npS3w%2Fuploads%2Fgit-blob-02e9bd90470d282e99bed6e925525268f8bb0005%2Fdesign-colors-style.png?alt=media)

1. Set the colors. 2. Adjust the shape and spacing.

Click **Save** when you're happy with the preview. Use [Mobile Preview](/wowbundle/customization/mobile-preview.md) to see how the offer fits on a narrow screen.