Stylesheet

Quick reference guide for maintaining styling across website updates.

Welcome to your website’s very own stylesheet, provided courtesy of Hester Designs. We hope you find this guide helpful when making updates and changes to your website, to help make sure your additions flow and fit right along with the content from your launch.

Below you’ll find information on photo sizes used throughout; as well as tested color contrast combinations. For any further information, please feel free to reach out to our team – we’re always happy to help.

Photo Sizes

To the right are the “content photos” – these are 635px x 450px

Half Page Sections (see below): 947px x 545px

Blog Featured Images: 1080px x 720px

Home Page Hero – 1930px x 1260px

Headshots – 457px x 450px

photo size guide 635px x 450px
template list with highlighted section

Saved Templates

To assist in creating new pages, we have saved a template named “Page – Interior Page Starter” which includes all of the responsive margins added to the appropriate sections.

We also have created “Section – Half Page Text w/ Photo” which contains the photo with the offset purple background.

Color Specs:

Primary Blue: #2E3690

Secondary Blue: #209AD6

Accent Purple: #A799B6

Accessible Blue: #0C72BA

34% Purple: #A8A4CE

65% Cyan: #7DB6E3

accessible color combinations