Super Simple Styleguide Template

A living style guide that can be thrown together in less than 10 minutes.

This super simple, very basic, living style guide template is made with Sass + HTML. Use this as-is for a quick starting style guide, or use it as a boilerplate and expand.

How to use it:

1. Change the main color variables in var.scss
2. Replace the default images: - logo-masthead.png logo in header - logo-a.png full-width, first row in branding section - logo-b.png half-width, second row in branding section - logo-c.png half-width, second row in branding section
3. Add a downloadable PDF of assets for your client (assets.pdf)
4. The hex, cmyk, and rgb values displayed in the palette section color boxes will be automatically populated, as will the typography based on values you set in var.scss.

Other Resources:

• Styleguides.io

Credit for RGB to Hex and Hex to CMYK conversion go to:

• RGB to Hex
• Hex-to-CMYK Conversion