Style Guide Erthwrks

Branding

Colors

Color Swatches

  • #000000
  • #00a74e
  • #333333
  • #e6e6e6
  • #ffffff

Color Palettes

  • #000000
  • #393939
  • #494b4c
  • #3a8343
  • #43953d
  • #4ca850
  • #333333
  • #474747
  • #696666
  • #f9f7f7
  • #ff9600
  • #e6e6e6
  • #fff

Typography

This is Heading 1

This is Heading 2

This is Heading 3

This is Heading 4

This is Heading 5
This is Heading 6

Intro

This is an introduction text. Lorem ipsum dolor sit amet, consectetur adipiscing elt. Cras dapibus vulputate diam eu pretium.

Text

This is text XXS

This is text XS

This is text base

This is text regular

This is text medium

Links

Link Here Link Text

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Buttons

Icons

Form

[contact-form-7 id="437" title="contactform"]

List

Basic List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

Flush List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

Plain List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

Tight Spacing Between

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

No Space Between

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

Inline List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5

Style Position Inside

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Font

h1,h2,h3,h4,h5,h6,Button font-family: Industry Demi;

p font-family: 'rubikregular';

a, ul, li, blockquote, span font-family: 'rubikregular';

Two Box Layout

Three Box Layout

Four Box Layout

Information Blocks