[New Community experience] Style guides

The Style guide controls how your site pages look. Or at least what the default colors and style settings should be.

First, switch your site to the New Community Experience. Here’s our guide on how to do that.

Once you’ve done this, head to your Site and select the Style Guide tab:

You can also select the View site in new tab icon in the top right-hand corner:

Then press the “S” menu in the top left-hand corner and choose Edit style Guide from the dropdown menu:

Once you open the Style Guide, you have 2 different tabs that control colour settings on different types of pages: builder pages and system pages.

• System pages: built-in pages such as the Favorites, Calendar or History pages. You can choose a Primary and Secondary color to use on Light and Dark modes.

For example, you can control which color the icons and headers should show on the Favorites page:

• Builder pages: these are the one you create in your site. For example, your home page. These are pages you essentially have full control over their content.

You can also pick a different style guide or create one from scratch!

Click on the Change button to see the style guides on your account or to create a new one.

That’s it! Let the support team know if you have any questions configuring your communities style guides.