Documentation & Style Guide

How to do all the things on your website.

Site Colors

#202020

#f2f7f2

#296f2a

#98af35

#2a324b

#1c4a1c

Site Text

Header Font: Outfit Bold

Primary Font: Outift regular

Secondary Font: Kanit regular

How to Login and Add Website Users

Overview of What is Where and Why

Editing Your Website Pages

Editing the Header or Footer

How to Add to & Edit Available Dogs

Editing FAQs

Checking Form Submissions

How to Backup Your Site and Run Updates

Creating & Editing Blog Posts

How to Resize Photos

Additional Helpful Info

We have a helpful guide with additional info on how to resize images available for your reference here.

For background images, you want images that are 1920px x 1080px. Then for mobile versions of your hero images, you want images that are 700 x 700px.

For the images on the homepage (and throughout) in the columns describing your services, you want the images to be 510 x 384px.

For the dog bio pics on the about page, you want those to be 320 x 409px.

For available dogs, you want the images to be either 700 x 488px (wide images) or 300 x 400px (tall images).

The fun shaped images are via canva and should be downloaded as 1080 x 1080px. You can find that template here. Let me know if you need more info on using those – I think you said you’re familiar with canva! 

Finally, for your blog you want your featured images to be square and no larger than 1080 x 1080px. For images that will be included in the body of the blog post, they can be any shape, but I recommend keeping them to no more than 1080px wide or tall (whichever measurement is bigger).