Branding

Colors

  • Primary Green
    #51A646

  • Primary Orange
    #D77D1B

  • Dark Brown
    #4E493A

  • Medium Brown 1
    #6A634F

  • Medium Brown 2
    #ADA99F

  • Medium Brown 3
    #DCDAD6

  • Light Brown
    #F6F5EF

Typography

DIN Next Light

DIN Next Regular

DIN Next Medium

DIN Next Bold


Modular Scale Unit 1 1em (16px)
Modular Scale Unit 2 1.126em (18.009px)

Modular Scale Unit 3 1.333em (21.328px)

Modular Scale Unit 4 1.5em (24.006px)

Modular Scale Unit 5 1.777em (28.430px)

Modular Scale Unit 6 2em (32px)


Body Copy

DIN Next Regular
1em/1.333em (16px/21.328px)


Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Maecenas sed diam eget risus varius blandit sit amet non magna. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Donec id elit non mi porta gravida Text Link Style quam ligula.

Iconography

Forms

Text Inputs

  • This is a required field.

  • Success!

  • Checkbox Inputs

  • Radio Inputs

  • Select Inputs

Messages

This is an Error Message
This is an Valid Message
This is an Warning Message
This is an Info Message

Modules

This is the module style.

Textures

Animated Loading Element

Favicons

  • ipad3 retina (144x144)

  • iphone4 retina (114x144)

  • ipad (72x72)

  • iphone apple touch (57x57)

  • favicon retina (32x32)

  • favicon (16x16)