Open main menu

A Style Guide addresses the Fonts, colors, layout and other design aspects of your branding. The scope of your Style Guide might be very broad, or it may just focus on the company website elements.

A long time ago, I created a script that would parse a CSS file and generate the unwritten style guide that's embodied in it. Until I resurrect that script, you might need to refer to other helpful resources on creating a Style Guide

Really Simple Example

This is a navline, or header with background-color:#212121

Heading color #2c2c2c

This is paragraph text in #464946. Links within the text are colored rgb(6, 51, 96) or #063360, and decorated for email

This is darker text in #333333

Typography

Linux Libertine O

Currently using these free fonts

  • Linux Libertine O: eQuality Technology
  • Georgia Bold: eQuality Technology
  • Gillius ADF: enterprise quality = technology freedom


To learn more about GilliusADF, see the Fonts article