A style guide lists the brand colors with hex codes, the fonts for headings and body text, button styles and image rules. It keeps a funnel consistent and saves time on every page.
If a client has no brand, sample colors and fonts from a site they love and make one.
Do it step by step
- List three to five colors with hex codes.
- Choose a heading font and a body font.
- Define primary and secondary button styles.
- Save logo files and image sizes.