Home Close Menu

EFO Digital Style Guide

This is a template showcasing the stylesheet included in every EFO website. Use it as a starting point to create something more unique by building on or modifying it.

Colors

Color Palette

Brand Yellow

HEX
#ffc624
CSS
.brand-primary

Brand Green

HEX
#3ab54a
CSS
.brand-success

Brand Blue

HEX
#009ee8
CSS
.brand-info

Brand Orange

HEX
#f28612
CSS
.brand-warning

Brand Red

HEX
#ee4848
CSS
.brand-danger

Gray Tones

Black

HEX
#000
CSS
.gray-base

Black

HEX
#222222
CSS
.gray-darker

Black

HEX
#999592
CSS
.gray

Black

HEX
#e3deda
CSS
.gray-light

Black

HEX
#f8f4f1
CSS
.gray-lighter

Logos

          

<img title="Take me home" src="http://style.getcracking.ca/assets/img/getcracking-logo.png" />

Important Links

All digital styles are built off of the Twitter Bootstrap front-end coding framerwork. This means that the Bootstrap CSS and JS files should be included before the respective EFO styles and javasript.

Styles

      

<link href="http://style.getcracking.ca/assets/css/global.css" rel="stylesheet" type="text/css" media="all">

Javascript

      

<script src="http://style.getcracking.ca/assets/js/global.js"  type="text/javascript">