A style guide is a set of rules that help keep the design consistent, making it easier for your developers to follow the same guidelines. It includes things like:
- Fonts: Which fonts to use and how big they should be.
- Colors: The main colors, and where and how to use them.
- Icons & Images: Rules for using icons and pictures.
- Buttons & Forms: How buttons and forms should look and behave.
- Spacing & Layout: How to space things out and arrange them on the page.
- Components: Reusable parts like menus, pop-ups, or cards.
*Note – this style guide is also included in the source file.