Global Presets Style Guide
Trinity Church

A detailed web style guide to build by. 🙂 They’re not “rules” so much as suggestions though… Go Wild. 

Color palette

#003368

#9d2524

#38672e

#221e1f

#003368

#3970a8

Text styles

Heading 1

Heading 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

Body

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.

List

  • Brand Identity
  • Website Design & Development
  • SEO & Analytics
  • Social Media Generation

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Social Media Generation

Button modules

Button 1

Button 2

Button 3

Button 4

Button 5

Blurb modules

Blurb 1

Brand Design & Strategy

Lorem ipsum dolor sit amet, adipiscing elit, sed do eiusmod tempor incididunt ut

Blurb 2

Social Media

Lorem ipsum dolor sit amet, adipiscing elit, sed do

Blurb 3

Our Mission

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore

Blurb 4

Brand Design & Strategy

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore

Blurb 5

}

Competitive Salary

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor

Blurb 6

Branding

Email optin form module

Email optin form 1

Email optin form 2

Email optin form 3

Other modules

Person

Jennifer May

Jennifer May

Director of Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mi nunc, facilisis sed erat sed, interdum suscipit nisl.

Toggle 1

Diligence
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mi nunc, facilisis sed erat sed, interdum suscipit nisl. Donec ut ligula sed dolor accumsan placerat. Ut sed felis vitae augue condimentum viverra. Praesent condimentum magna sit amet dui interdum sodales. Ut tincidunt ipsum leo, nec hendrerit odio

Toggle 2

Learn More

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mi nunc, facilisis sed erat sed, interdum suscipit nisl. Donec ut ligula sed dolor accumsan placerat. Ut sed felis vitae augue condimentum viverra. Praesent condimentum magna sit amet dui interdum sodales. Ut tincidunt ipsum leo, nec hendrerit odio fermentum at. Cras sit amet nibh lacus. Ut a risus id libero pellentesque consectetur. Vestibulum ornare pulvinar laoreet. Cras non scelerisque tortor, et rutrum sapien.

 

Social media follow

Testimonial 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Angel Witicker

Head of Marketing, Extra Space

Contact form