Branding

Branding Colors

#1A1813

#1A1813

  • H1
  • Footer - Call to Action

#262524

#262524

  • Footer background
  • Tooltip background

#37261A

#37261A

  • H2, H3, H4 & link hover
  • Top menu active link
  • Logo color

#504C49

#504C49

  • H5, H6, Bodycopy
  • Box borders

35BB99

#35BB99

  • Theme color
  • Shortcode and icons
  • Menu hover color

#BC0A0F

#BC0A0F

  • Button color
  • Text links
  • HWW logo color

#7C6F60

#7C6F60

  • Button hover color
  • Logo color
  • Menu link

#76C2AF

#76C2AF

  • Icon color

#0093B5

#0093B5

  • Shortcodes
  • Tables

#A1988D

#A1988D

  • Logo color
  • Top menu

#77B3D4

#77B3D4

  • Icon color

#6FAA4C

#6FAA4C

  • Shortcodes
  • Tables

#E5E2DF

#E5E2DF

  • Backgrounds

#D9F4FA

#D9F4FA

  • Backgrounds

#F5CF87

#F5CF87

  • Icon color

#E3F7D8

#E3F7D8

  • Selection color
  • Backgrounds

#F1FBEB

#F1FBEB

  • Form background

Shortcode colors

#BC0A0F - button
#7C6F60 - button hover

#35BB99 - icon/border color
#504C49 - icon/border hover

#6FAA4C - table color
#504C49 - table hover

#D9F4FA - table color
#E5E2DF - table hover
#0093B5 - table border
#504C49 - table border hover

 

Fonts sizes & colors

 

Logo font: Litera Regular
Website font-family: "Roboto", Helvetica, Arial, sans-serif

  • H1 — 90px / 96px @ 300 Light — Color: #FFFFFF
  • Fancy Heading — 42px / 44px @ 300 Light — Color: #37261A
  • H2 — 32px / 40px @ 300 Light — Color: #37261A
  • H3 — 26px / 32px @ 400 Regular — Color: #37261A
  • H4 — 22px / 30px @ 400 Regular — Color: #37261A
  • p class="big" — 20px / 28px @ 400 Reg — Color: #37261A
  • H5 — 18px / 26px @ 500 Medium — Color: #504C49
  • H6 — 18px / 26px @ 400 Regular — Color: #504C49
  • p — 16px / 26px @ 400 Regular — Color: #504C49
  • Main Menu — 14px @ 400 Regular — Color: #7C6F60
  • Single Blog Post — 70px / 70px @ 400 Reg — Color: #37261A
  • Page Title — 90px / 96px @ 300 Light — Color: #37261A

Logos

Branding

Original squirrel icon

#85BB65 - medium green
#157811 - dark green
#1A1813 - black brown

Branding

Logo squirrel icon

#37261A - dark brown
#A1988D - light brown

Branding

Logo with icon

#37261A - dark brown
#7C6F60 - medium brown "YOU"
#A1988D - light brown squirrel
#BC0A0F - red HWW

Branding

Logo without icon

#37261A - dark brown
#7C6F60 - medium brown "YOU"
#BC0A0F - red HWW