Style Template

Site Information

Site Name: Shepherd's Table

Company Name: Shepherd’s Table

Contact Name: Jilna Kothary

Contact Email: [email protected]

Contact Telephone: (301) 585-6463×1

Company Address: URL: https://www.shepherdstable.org/

Site Logo

Site Icon

This is the main header H2

With a subheader H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

And a small header H4

And a smaller header H5
And the smallest header H6

This is the top header H1

Typography

Body Text: Roboto

Size: 16px
Weight: Normal 400
Transform: Inherit
Line Height: Default 3
Paragraph Margin: Bottom Default 3

#3a3a3a

Body Text Base

Headings: Montserrat

Weight: Bold 700
Transform: Inherit

#00867c

Primary Base

Header 1: Inherit

Size: 40
Weight: Extra Bold 800
Transform: Inherit
Line Height: Default 3

#00867c

Primary Base​

Header 2: Inherit

Size: 30px
Weight: Bold 700 
Transform: Inherit
Line Height: Default 3

#00867c

Primary Base​

Header 3: Inherit

Size: 25px
WeightSemi-Bold 600 

Transform: Inherit

Line Height: Default 3

#00867c

Primary Base​

Header 4: Inherit

Size: 20px
WeightMedium 500
Transform: Inherit
Line Height: Default 3

#00867c

Primary Base​

Header 5: Inherit

Size: 18px
Weight: Normal 400
Transform: Inherit
Line Height: Default 3

#00867c

Primary Base​

Header 6: Inherit

Size: 16px
WeightNormal 400
Transform: Inherit
Line Height: Default 3

#292929

Body Shade

Color Palette

30% Tints and shades https://maketintsandshades.com

Theme Color: Primary Base #00867c
Background Color: Background Base #eff8f7

Link Color: Complimentary Base #da5f00
Link Hover Color: Complimentary Shade #994300

Button Background: Complimentary Base #da5f00
Button Hover: Complimentary Tint #e58f4d

Name

Usage Guidelines

Shade

Base

Tint

Body Text

Shade

Base

Tint

#292929

#3a3a3a

#757575

Primary

Shade:

Base:

Tint:

#005e57

#00867c

#4daaa3

Secondary

Shade:

Base:

Tint:

#0a2966

0e3a91

#5675b2

Tertiary

Shade

Base

Tint

#996400

#da8f00

#e5b14d

Complimentary

Shade

Base

Tint

#994300

#da5f00

#e58f4d

Header Background

Shade

Base: Also section row color

Tint

#a7aead

#eff8f7

#f4faf9

Grayscales

#000000

#4d4d4d

#808080

#b3b3b3

#FFFFFF

Default Layout System

Page Width: 1140px

Layout: Full Width / Contained

Sidebar: No Sidebars

Default Numbering: 25, 50, 100 150, 250, 500, 1200

Section Template

This is a single 2-column section​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Nested Section Template

This is the Top Nested Section​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

This is a call to action box

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the Middle Nested Section

This is an icon box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is the Bottom Nested Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.