Website Style Guide

Logos

H4C-icon
H4AC_Color_Vertical
H4AC_Color_Horizontal

Rows

Solid Color Row

Type: Radial Gradient
Class Name: .row-pattern-1

Using horsemanship to promote equal opportunity, social justice, and respect for all living beings.

Hero Image Bottom Overlay

Type: Hero Image full browser height. H2 for copywriten phrases
Style Options: Any accent color with % opacity on overlay as indicated in Style Guide
Size: 1600 × 896 px

Discover the joy—and wellbeing that riding horses can bring!

Hero Image Bottom Top Overlay

Type: Hero Image full browser height. H1 header for short text
Style Options: Any accent color with % opacity on overlay as indicated in Style Guide
Size: 1600 × 896 px

How We Help

Info Banner

Type: Hero Image Info Banner
Style Options: Any accent color with % opacity on overlay as indicated in Style Guide
Size: 1600 × 350 px

How We Help

Colors

Brand Colors
#7c6e6b
#fdc868
(90% opacity for overlay)
use for lessons/instruction
#f48e5b
(70% opacity for overlay)
use for support requests
#eeb3c5
(80% opacity for overlay)
use for theraputic programs
#50b0a5
(80% opacity for overlay)
use for scholarship/aid
#92c4ea
(70% opacity for overlay)
use for general/about info
Additional Website Colors
White Color
#ffffff
Black Color
#221e1e
Dark Blue Color
#6b8fab

Typography

Heading 1

 

The quick brown fox jumps over the lazy dog

Heading 2

 

The quick brown fox jumps over the lazy dog

Heading 3

The quick brown fox jumps over the lazy dog

Heading 4

The quick brown fox jumps over the lazy dog

Body

 

Lorem ipsum dolor sit amet, nam ad ipsum ludus intellegat, mei nonumes noluisse in, posse omnium indoctum sed ea. Ullum quodsi est ad. Ferri etiam hendrerit ius ea. Pro et quem oporteat, ei soleat convenire nec. Eam tritani tibique consequat id, sit an prima ornatus, eu quando democritum quo.

Pri ne utinam iudicabit. Solum aperiri salutandi usu an, essent definiebas eam ea. No nonumes omittantur necessitatibus eum, vim ei feugiat blandit, vis ei nostrud vulputate.

Block Quote

 

Lorem ipsum dolor sit amet, nam ad ipsum ludus intellegat, mei nonumes noluisse in, posse omnium indoctum sed ea.
- John Doe

Lists

 

  • Te nam solum mucius inermis.
  • Everti efficiendi no pro, et vel inani falli altera.
  • No eius convenire nam, vim probo constituam ut.
  1. Integre omnesque reprimique eum ut, eam at tibique indoctum.
  2. Tibique suscipit cotidieque at vim, vis quis amet in.
  3. Per ad dicant salutatus.

Sample Usage

H1 Header

Lorem ipsum dolor sit amet, nam ad ipsum ludus intellegat, mei nonumes noluisse in, posse omnium indoctum sed ea. Ullum quodsi est ad. Ferri etiam hendrerit ius ea. Pro et quem oporteat, ei soleat convenire nec. Eam tritani tibique consequat id, sit an prima ornatus, eu quando democritum quo.

H2 Header

  • Te nam solum mucius inermis.
  • Everti efficiendi no pro, et vel inani falli altera.
  • No eius convenire nam, vim probo constituam ut.

Pri ne utinam iudicabit. Solum aperiri salutandi usu an, essent definiebas eam ea. No nonumes omittantur necessitatibus eum, vim ei feugiat blandit, vis ei nostrud vulputate.

H3 Header

Lorem ipsum dolor sit amet, nam ad ipsum ludus intellegat, mei nonumes noluisse in, posse omnium indoctum sed ea. Ullum quodsi est ad. Ferri etiam hendrerit ius ea. Pro et quem oporteat, ei soleat convenire nec. Eam tritani tibique consequat id, sit an prima ornatus, eu quando democritum quo.

H4 Header

Lorem ipsum dolor sit amet, nam ad ipsum ludus intellegat, mei nonumes noluisse in, posse omnium indoctum sed ea. Ullum quodsi est ad. Ferri etiam hendrerit ius ea. Pro et quem oporteat, ei soleat convenire nec. Eam tritani tibique consequat id, sit an prima ornatus, eu quando democritum quo.

Button Styles

Primary Buttons
Primary
High Impact
Inverse Buttons
Inverse Primary
Inverse High Impact

Form Styles

Base Forms

We pledge to keep your info private and never spam you

A 501c3 nonprofit

Contact Us

Location 
Frog Hollow Farm
570 Old Post Road
Esopus, NY 12561

Phone
845-384-6424

Let's Connect

Want to stay up to date with what's happening at Horses for a Change?

Step 1 of 2

Enter Your Details to Register for Saddle Club

We'll get back to you to confirm your enrollment and answer any questions.
If you have any questions, special needs, or concerns feel free to type them here

15585

Subscribe 

Subscribe to get all the news about Horses for a Change. Plus, get first access to discounts, bonuses, and new programs!

15856
Scroll to Top