Theme Styles
Symbols

STYLE GUIDE

C'mon and check out the styles for this site. If you make changes here it'll change the entire site! Wow that real swell Beave!

Colors

Neutral Colors

Black
#000000
Lighter Black
#1b1b1b
White Smoke
#f5f5f5
White
#ffffff
Background Grey
#dadada
Main Grey
#a1a1a1
Medium Blue
#2d4f6b
Yella
#efba00

Typography

Heading H1 - Aa Bb Cc Dd

Heading 1 - 104px/118px

Heading H2 - Aa Bb Cc Dd

Heading 2 - 46px/60px

Heading H3 - Aa Bb Cc Dd

Heading 3 - 30px/38px

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/30px
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/24px
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/22px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Paragraph Small - 18px/30px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 20px/34px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Large - 26px/45px
Link - Lorem ipsum dolor sit amet
Links

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque velit euismod in pellentesque massa placerat.
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Numbered List
Lorem ipsum dolor sit
Figure and Figure Caption

Buttons

LEARN HOW
Button Primary - Small
LEARN HOW
Button Primary - Default
LEARN HOW
Button Secondary - Small

Let's change lives in Northwest Arkansas together.

Please support us with your very best donation.
Give Now
Get Involved

Donate Now

People with substance use issues may often find themselves struggling with other behavioral health issues that can impact addiction and be a detriment to recovery.​

At Souls Harbor, we provide individual therapy for co-occuring disorders alongside our evidence-based addiction treatment. Our counselors utilize a variety of therapy modalties to help clients cope with life stressors and past trauma that can hinder the recovery process.

LEARN HOW