Add Rules blocks to make it easy for styleguide viewers to understand how to use components, your logo, or anything else. Add do’s to show ideal usage. Add a few dont’s to tell viewers what to avoid. And caution blocks help you describe behavior that may be permissible but should be approached cautiously.

You can also make your Rules blocks even more descriptive by adding images alongside text.

Plus, you can change the color of the background in Rules block to add even more clarity to your guidelines.