Editing Styles

Style your Demo Center to your brand!

With Demo Center Style Editing you can...

• Add a logo

  • recommended a logo size of at least 64px x 64px

• Set a font

• Enable light or dark effect

  • toggle between light and dark effects which set container backgrounds automatically

• Set highlight & gradient colors

  • highlight sets most accent colors throughout the demo center - like the prompt button, icons, and container outlines

  • gradient affects the main CTAs (both Save & Share and the upper right button) - you may set a gradient or choose a solid color

• Upload background images/set color

  • set color/overlay and/or upload a background image

• Customize component borders

  • set in px for small and large buttons, containers, and more