Structure

Defined and flexible core structure we can use on all or most pages.

Container - 12 columns
Container - 10 columns
Container - 8 columns
Container - 6 columns
Container
Container
Container
Container
Grid
Grid
Has Three Columns
Grid
Has Four Columns
Flex
Flex
Is Centered
Flex
Has Wrap
Buttons Group

HTML Tags

HTML tags define default text styles.

H1

This is the heading style H1.

H2

This is the heading style H2.

H3

This is the heading style H3.

H4

This is the heading style H4.

H5
This is the heading style H5.
H6
This is the heading style H6.
P

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, unc ut sem vitae risus tristique posuere.

Block quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
All Links
Link
All Unordered Lists

  • This is a list item

  • This is a list item

  • This is a list item

    • This is a sub-list item

    • This is a sub-list item

    • This is a sub-list item

All Ordered Lists

  1. This is a list item

  2. This is a list item

  3. This is a list item

    • This is a sub-list item

    • This is a sub-list item

    • This is a sub-list item

Typography

All the typography style elements used throughout your website.

Heading

This is the standard heading. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Heading
Is Display

This is the heading display. Lorem ipsum dolor sit.

Heading
Style H1

This is the heading style H1

Heading
Style H2

This is the heading style H2

Heading
Style H3

This is the heading style H3

Heading
Style H4

This is the heading style H4

Heading
Style H5

This is the heading style H5

Heading
Style H6

This is the heading style H6

Large Text

This is large text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Big Text

This is big text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Big Text
Is Bold

This is big text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Body Text

This is body text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Body Text
Is Bold

This is body text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Small Text

This is small text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Small Text
Is Bold

This is small text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Tiny Text

This is tiny text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Tiny Text
Is Bold

This is tiny text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Some Text Class
Is Muted

Apply this global class to all text elements that should be faded

Some Text Class
Accent Color

Apply this global class to all text elements that should be blue in color

Label

Introducing

Label
Is Small

Introducing

Text Highlight

Before Hike

Text Highlight
Is Blue

Before Hike

Badge
Reviews
Badge
Integrations

Spacing

All the spacing used between elements throughout your website.

Box

Sample text is being used as a placeholder for real text that is normally present.

Intro

Sample text is being used as a placeholder for real text that is normally present.

Box
Has 8 Gap
Intro
Has 8 Gap
Box
Has 16 Gap
Intro
Has 16 Gap
Box
Has 32 Gap
Intro
Has 32 Gap
Box
Has 48 Gap
Box
Has 64 Gap
Box
Has 80 Gap
Flex
Has 8 Gap
Flex
Has 12 Gap
Flex
Has 16 Gap
Flex
Has 24 Gap
Divider
Separator

Buttons

All the button and link elements used throughout your website.

Button
Outcome-driven action
Button
Is Secondary
Outcome-driven action
Button
Has Outline
Outcome-driven action
Button
Is Secondary
Has Outline
Outcome-driven action
Button
Is Main
Get Started Today
Button
Is Secondary
Is Main
Get Started Today
Button
Is Small
Outcome-driven action
Button
Is Secondary
Is Small
Outcome-driven action
Text Link
Text Link
Text Link
Text Link
Icon Link
Down Arrow
Discover all the features
Icon Link
LEARN MORE
Arrow Link
Read more
Go Arrow
Arrow Link
Read more

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Feature
White HAT SEO
Black HAT SEO
Ethics
Compliant with search engine guidelines
Exploits loopholes in algorithms
Sustainability
Long-term benefits
Short-term gains with potential penalties

More traffic. Less cost. And even less effort.

Know any SEO agencies that deliver big-business results on a small-business budget? We didn’t think so. Powered by Kit, Hike is rewriting the rules for small businesses—delivering results you’d normally get from an expert at a price that’ll thrill your bank manager.

Get Started Today

Love it or get a full refund

No long term commitments

14-day money back guarantee