> For the complete documentation index, see [llms.txt](https://docs.famewall.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.famewall.io/wall-of-fame-page-settings/page-design-colours.md).

# How to change the colours of your Wall of Fame page design

Change the main colour of your Wall of Fame design: the gradient glow, the hero or side panel colour, the glow, the quote accent or the poster background, plus the background behind your testimonial c

Each Wall of Fame design has one main colour you can change, so the page matches your brand. You'll find it in the **Brand Customization & Settings** panel. The name of the setting changes with the design you've picked.

## Steps

1. Open your wall and click **Wall of Fame Page** in the left menu.
2. Open the **Brand Customization & Settings** panel.
3. Click the colour setting for your design and pick a colour.
4. Click **Save Wall of Fame Changes**.

<figure><img src="https://2234661409-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwC4Q7ClSbJAc9WcmAoGA%2Fuploads%2Fgit-blob-23dbe804bec38bccdd8d07e7eb4179529981ea41%2Fwof-layout-color.png?alt=media" alt="The Brand Customization and Settings panel with the design colour setting and the page preview"><figcaption><p>The colour setting is named after the part of the design it changes</p></figcaption></figure>

## Which colour each design uses

| Design                | Setting                   | What it colours                            |
| --------------------- | ------------------------- | ------------------------------------------ |
| Grid with Gradient    | **Gradient Color**        | The soft glow at the top of the page       |
| Dark Gradient         | **Gradient Color**        | The colour the dark background fades into  |
| Kinetic               | **Hero Background Color** | The panel behind your headline and buttons |
| Side Door             | **Side Panel Color**      | The side panel that stays in view          |
| Constellation         | **Glow Color**            | The glow around your headline              |
| Headliner             | **Quote Accent Color**    | The accent on the featured testimonial     |
| Poster                | **Poster Color**          | The page background                        |
| Plain Grid and Simple | None                      | These designs have no main colour setting  |

On Side Door and Poster, the text colour switches between dark and light automatically so it stays readable on your colour.

## Change the background behind the testimonial cards

Under **Widget Background Color**, click **Wall Background** and pick a gradient, or the "no" symbol for none. This colours the area behind your testimonial grid, not the top of the page.

## Good to know

* **Gradient Color** is available on every plan. The colours for Kinetic, Side Door, Constellation, Headliner and Poster need a paid plan.
* Each design remembers its own colour, so trying out another design doesn't lose the colour you picked. Use **Reset to default** to go back to the design's original colour.
* Switching designs resets **Wall Background**, so set it again after changing designs.

## Related

* [How to change your Wall of Fame page design](/wall-of-fame-page-settings/change-page-design.md)
* [How to make your Wall of Fame page dark](/wall-of-fame-page-settings/dark-mode.md)