How to Build a Branded Font System for Your Snug Theme
A big part of creating a unique look for your business and a strong brand presence is creating your own font system. Fonts are often overlooked with branding but they can be one of the most important parts of making a good impression.
Your font system is the typefaces you choose to use throughout your brand and all branded elements. Along with your colour palette, these need to stay consistent to make sure your brand is always cohesive and fitting with your business.
What Makes a Good Font System
Works with your brand – Having a good, on-brand font system can be the difference between your branded elements looking off-key and not quite right and them pushing your brand identity to the next level and making your brand recognisable from all angles.
Less is more – You should only ever have between 1 and 3 fonts in your system and they should all work together
Create a hierarchy – The fonts you need for your system are a Main Heading, Subheading and Paragraph font. You need to make sure the Main heading stand out the most, the Subheading needs the next attention and then the paragraph will be the last part your eye is drawn to.
Readability – Of course, the main purpose of our type is to make sure it is easy to read for everyone. Otherwise, what is the point of using it because no one will be able to tell what you do! With every font that you find or consider using, try it out in a few different sentence structure and paragraphs to make sure it is easily digestible in any format.
Creating a Custom Font System
With the Snug themes you can use any fonts you like, whether that be Google Fonts, Adobe Fonts or any custom font files you own.
Here are a few things you need to keep in mind when you’re looking out for your brand fonts:
Contrast: With each font element, you want a little contrast so they don’t all blend into each other. Whether you create contrast with sizing, font weights or spacing, you need to differentiate between each one to make sure they look different enough for your system.
Use them again: In a similar way, using different weights and spacing sometimes means you can utilise the same fonts in your system but in a different way. For example, you could use the same font for your heading and subheading but have the heading bold and the subheading light and with more spacing.
Stay on Brand: The key is to always make sure the fonts you use fit your brand. Whatever you do, keep referring back to your brand sweet spot and research to see if the fonts match up with what you found.
Use Your Eye: A bit of a design eye is required here. If things don’t look right, switch them up and try something else. As with the logo designs, feel free to try lots of different options and go with the one that feels best.
Adding Your Font System to Your Theme
Once you’ve chosen your fonts you can use a plugin to add the fonts to your website. We recommend using a free plugin called Custom Fonts which allows you to easily upload your own font files or pull in fonts from Google Fonts. We have in depth tutorials in our help centre to show you how to do this!
Once you’ve installed your fonts you’ll be able to apply your fonts to elements globally in the site editor, or you can apply different fonts to individual elements within pages and posts. You’ll be able to select the fonts you’ve installed from a dropdown list.