Open main menu

Style Guide

Revision as of 11:09, 5 January 2017 by Freephile (talk | contribs) (more intro, info on Gillius ADF)

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


Downloads / Installation

Gillius comes from the Arkandis Digital Foundry (ADF) and you can download it from https://arkandis.tuxfamily.org/adffonts.html. If you're running Linux, it's probably already included in your distribution, and installed by default. If it's not installed, you can simply:

sudo apt-get install ttf-adf-gillius