Style Guide

Published Oct 11, 2023
Contribute to Docs

In UI and UX design, a style guide documents guidelines to create consistency across visual design and branding elements, such as approved colors, logo treatments, and typefaces. Some style guides may include further guidance on written content, UX copy, or interaction design. A brand’s style guide is often documented as part of a larger design system.

Different organizations document their design systems differently, and different aspects of the system may live within different tools. For example, some organizations might maintain an internal wiki with their style guide, while their component library is maintained in digital design software like Figma or Sketch for easy duplication into new design prototypes.

All contributors

Looking to contribute?

Learn UI and UX Design on Codecademy