The footer of your website is often overlooked, but you can use that space to your advantage without worrying about making it too complicated, especially if your website is on Squarespace.
The Importance of a Footer
Maybe I'm weird, but I think the footer of your website is one of the most important areas and it's one that I design early. I start by making it fit my brand design - colors, fonts, feeling - and often use it to add some interest to the bottom of what would otherwise be a pretty simple website.
Because of the current trend of very simple, white websites (which I love), there is sometimes little space in include color. This is why I love to set the footer apart by setting it to be one of my client's secondary brand colors. This is also a great way to end a page so that everyone knows that there isn't anywhere else to scroll.
Setting up a Footer in Squarespace
Every Squarespace template include a footer area, but they all work a little differently.
- The main footer is going to be the same on every page - and this is where you should include the important legal links and copyright information.
- The pre-footer is a section above the footer. On some templates this doesn't exist, on some it remains the same on each page, and on others you can change the pre-footer area on every page. I like to leave mine the same (which the Bedford template does for me) so that people know what to expect when the reach the bottom of my website.
For both, you can change the color, font, and other style items in the Style section of the Design tab.
I usually make the footer and pre-footer different colors - mostly to take advantage of all the secondary brand colors that might not come into the design of the rest of the website.
In my case. the pre-footer is the same dark gray of my body text throughout the site and I use it to highlight the three main things I want people to do on my site - work with me, connect with me, or subscribe to my newsletter.
I keep the actual footer very simple because I don't want it to take up a lot of space or be a distraction. I simply include my copyright information and links to some important pages that may not be linked elsewhere.
When I was deciding on the design of my footer, I looked at the way many other sites handle their own - for inspiration and for the information that should be included. These are some examples of how you can design your footer to take advantage of that space.
This footer from Candice Prentice is simple and ties back into the navigation menu through color and font choices. Candice's disclaimers are actually on her blog pages, so she doesn't need to link to them here.
When she does need that information to appear, it fits right into the pre-footer.
RL Dance Company's footer is bright, fun, and invites people to sign up for her newsletter.
I love the footer at With Grace and Gold because it's got lots of great info, but is still clean and fits with their branding.
The Rising Tide Society footer makes a clear distinction between this section and the rest of the website and focuses on one purpose - to get people to connect with the brand.
Reina and Company uses their footer to show off the places where they have been featured, important links, and highlight the brand's values. It also uses the light gray to bring some neutral color to an otherwise bright and beautiful brand.
No matter which style you like best, it's easy to see that there are some great and easy ways to take advantage of your website's footer and use it to round out your brand and connect with your audience.
Lemon and the Sea is a brand and website design company located in Richmond, VA. I specialize in making the branding process personal. I work with creative women who have a heart to serve others grow their businesses so they can focus on what's most important - family. I work closely with small businesses to help them dig into what makes them unique, share their vision, and build a business that genuinely represents who they are.