Documentation
Foundry
Addons
Other

Style Guide

Base Foundry stack

Stay on point with your branding and site colors using the Style Guide stack. You can also get inspiration from our pre-picked palettes.

  • View your current Branding Colors
  • View our recommended, pre-built palettes for inspiration
  • Includes Dark Mode colors when Dark Mode is enabled
  • Pin your Branding colors to the bottom of the Stacks Edit Mode window for reference.
  • Shows HEX values for colors
  • Please Note: Features on this page marked with the purple moon icon are compatible with Foundry's Dark Mode.

Example

The Style Guide stack is only visible in Edit Mode, so we’ve recorded a walk-thru tutorial video that is available above to show you how it works and what it can be used for, so be sure to give it a watch.


Using Site Map

General

Sticky
Positions the Style Guide at the bottom of the window in Edit Mode, in a condensed format, making it always visible to you as you edit your Stacks page. Allows you quick access to the colors via the RapidWeaver color picker.

Show Recommendations
Shows you a series a preset recommendations for your Control Center Branding Colors. This allows you to easily color pick the samples when setting up your Branding Colors. These recommendations are hidden when Sticky mode is enabled.

HEX Color Values v2
Beginning in Foundry v2 the Style Guide stack will include the HEX color values for your colors for your reference.

Dark Mode v2
Starting in Foundry v2 your Dark Mode colors will also be shown in the Style Guide stack if you have Dark Mode enabled in the Foundry Control Center stack.