Impact Axe Home

Style Guide

Color Palette

Forest

  • Pantone: 7733 C
  • CMYK: 80% 30% 70% 15%
  • RGB: 51 124 97
  • HEX: #337C61
  • HSL: 158, 42%, 34%

Coal

  • Pantone: Black 6 C
  • CMYK: 82% 71% 59% 75%
  • RGB: 16 24 32
  • HEX: #101820
  • HSL: 210, 33%, 9%

Gold

  • Pantone: 617 C
  • CMYK: 0%, 4%, 37%, 18%
  • RGB: 208, 200, 131
  • HEX: #d0c883
  • HSL: 54, 45%, 66%

Ivory

  • CMYK: 0%, 0%, 0%, 2%
  • RGB: 250, 250, 250
  • HEX: #fafafa
  • HSL: 0, 0%, 98%

Emerald

  • CMYK: 68%, 0%, 23%, 62%
  • RGB: 31, 97, 75
  • HEX: #1F614B
  • HSL: 160, 52%, 25%

Mushroom

  • CMYK: 0%, 7%, 19%, 73%
  • RGB: 70, 65, 57
  • HEX: #464139
  • HSL: 37, 10%, 25%

Khaki

  • CMYK: 0%, 1%, 4%, 14%
  • RGB: 219, 216, 211
  • HEX: #dbd8d3
  • HSL: 38, 10%, 84%

Linen

  • CMYK: 0%, 1%, 3%, 6%
  • RGB: 240, 237, 233
  • HEX: #f0ede9
  • HSL: 34, 19%, 93%

Typography

Industry Demi

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()

Barlow Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()

Barlow SemiBold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()

Barlow Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()

h1 Page Title

h2 content Section heading

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

h3 Section Subheading

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

h4 Paragraph Title

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

h1 hero Title

module Title

module Title border

Callout column title

Subheading Border

Block Quote

A sentence with an inline link. This is the most basic <a> element.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

  • Unordered list item
  • Unordered list item
  • Unordered list item
  1. Unordered list item
  2. Unordered list item
  3. Unordered list item

Logos

Main Logo

Secondary Logo

Main Logo Reversed

Secondary Logo Reversed

icon

icon Reversed