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 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
Weight: Semi-Bold 600
Transform: Inherit
Line Height: Default 3
#00867c
Primary Base
Header 4: Inherit
Size: 20px
Weight: Medium 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
Weight: Normal 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
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.