Style guide

A style guide is the visible face of a design system. Where the system is the set of rules, the guide is the page you open to see them applied. Most Webflow projects benefit from a style guide page inside the site itself, unpublished or hidden, where every class and component can be seen at once.

The value shows up after launch. A new team member, an agency taking over, or the original developer six months later can see what exists before adding to it. Without a guide, the natural response to "we need a callout box" is to build one, even though three already exist under different names.

A brand book is not a style guide. Brand books usually cover logo, colour and print typography and say nothing about hover states, focus rings, form errors or how a heading behaves on a phone. Those gaps are what the style guide fills, and they are exactly what a website is made of.