Style Guide

Frameworks

Nomad Rides is based on ZURB Foundation framework. We use their grid system, typography, buttons, forms and so on. Please refer to their documentation for anything that is not specified in this guide.

It's also based on Typeplate, Compass and Font Awesome

Base

Typography

We use several fonts for different purposes:

  • Open Sans for forms
  • Quattrocento for headers
  • Fanwood Text for any other text

Forms

We use Open Sans font for forms.

Headers

We use Quattrocento font for headers. We've defined up to 6 levels but we mainly use only the first 3 ones.

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

You can also use a span tag with any of the following classes:

  • Heading 1 - emperor
  • Heading 2 - vader
  • Heading 3 - maul
  • Heading 4 - sith
  • Heading 5 - sidekick
  • Heading 6 - human

It will apply the heading style to the span.

Text

We use Fanwood Text font for any other text such as paragraphs, lists and so on.

  • Unordered list
  • With bullets
  • Unordered list
  • Without bullets
  1. Ordered list
  2. With numbers then
Definition list
With a description
  • Inlined list
  • Without bullets
[Blockquote] The point of the journey is not to arrive. Steven Frischling

Colors

$sand

$blue

$blue-dark

$black-light

$black

$grey

$white

$white-pure

Buttons

  • primary
  • secondary
  • ghost
  • ghost-reverse

Labels

  • default

Images

Regular image

  • Class name:
  • image

Rounded image

  • Class names:
  • image
  • round

Animations

Bouncing

  • Animation name:
  • bounce

Components

Riders

Claire Jeandroz, film maker

In 2009, she launched an association dedicated to teaching the art of film making.

Claire

Film maker