The 4 Fonts that Your Site Must Have to Be Taken Seriously

I LOVE talking about fonts because very few people realize the full power of typography to transform the look, feel and experience of your business…

Some of you may know the famous story Steve Jobs tells of studying calligraphy at Reed College, which at the time had the best calligraphy department in the country:

“Throughout the campus every poster, every label on every drawer, was beautifully hand calligraphed…I learned about serif and sans serif typefaces, about varying the amount of space between different letter combinations, about what makes great typography great. It was beautiful, historical, artistically subtle in a way that science can’t capture.

“When we were designing the first Macintosh computer, it all came back to me. And we designed it all into the Mac. It was the first computer with beautiful typography. If I had never dropped in on that single course in college, the Mac would have never had multiple typefaces or proportionally spaced fonts. And since Windows just copied the Mac, it’s likely that no personal computer would have them.”

You see before, the Mac computers just used a single typeface. Fonts were functional. They weren’t seen as something that could add to the user experience.

And for most people, fonts are still primarily a functional way to display written content. And most people can only name a handful of fonts: Times New Roman, Arial, Helvetica and perhaps a few more.

Now, I wish I had time to do a full training on typography here, but we have a lot to cover so I’m going to focus on what I call your "font palette."

Your font palette is the 3-4 branded fonts that you use consistently across every web page you create, as well as on all your other materials.

So the right font palette not only adds to your company’s brand, but it can actually increase your conversions by calling attention to exactly what you want your visitors to focus on.

Let me walk you through the 3-4 fonts that make up your font palette:

  1. First you have your logo font. Or the font you use to depict your company name or, if you have a personal brand, your name.
  2. Next we have header and title fonts which may or may not be the same as your logo font. If you use a fancy, script or serif logo font, I would recommend using something simpler and cleaner for your header and title fonts. Since your headers and titles are the most important copy on your web pages, you want these to be as clear and eye-catching as possible. The right headline can double or triple conversions, especially if it’s emphasized by a font that calls attention to it.
  3. Next up we have your body copy. Or the font you use for the rest of your text throughout your website. You want this to be as clear and legible as possible. And you want to stay completely away from script and serif fonts here. You really want this font to go under the radar. People aren’t supposed to notice the font choice of your body copy, you want them to read the content, right? But I do recommend keeping it 100% consistent across everything you do.
  4. Finally, the "accent" font. This is something very few people know about or implement. This font can be a bit more playful, distinct, or branded to your business. Since accent fonts are used to create visual emphasis, it’s common to choose a hand-written or script font here. This allows you to use your accent font as a visual prompt to call attention to buttons, important text, or to divide sections of your website.

Now here’s where it gets really ninja…

You’ve probably heard that once you’ve established your visual brand identity, it’s really important to repeat the same visual branding elements over and over so people start to recognize your materials pretty much instantly at a glance.

We’ve done this really well across our businesses, so you can quickly recognize Superhero Summits materials or Live Your Message materials.

Once you’ve chosen your font palette, it’s time to rinse and repeat.

Here’s a page from the Brand Book we give each client of our branding agency. You see, it defines each of the fonts in your palette, so you can share these specifications with anyone who joins your team or creates materials for you.

A Brand Book or Style Guide makes it easy for you to maintain consistency across your platform and materials so you get that instant brand recognition that separates you from 99% of your competitors and instantly makes you look like the real deal.

That's what you create with Heroic -- a complete font and color style guide that you can share with any contractor or designer doing work for you, to ensure that all materials and assets share the same consistency across the entirety.

This alone will position you as an "A" player, and open more doors to greater opportunity, even if you're still building your business.

Lots of people found these next topics pretty useful...

NEW: Can we do the work for you?

If you're like most entrepreneurs, you have a million projects in your head, with no way to get them all done. As a result, you feel stalled and frustrated.

You've tried doing it all yourself, but you know it's unsustainable, and a one way ticket to burnout and overwhelm.

You don't yet have the resources to hire your own team of designers and developers, so you feel stuck, going around in circles.

If you resonate, then relax, because we're here to help.

Our in-house tech, design & web team is ready to help, and available for almost anything. (Seriously!)

We'll take all of the tasks you've been collecting, and make them happen for you quickly and efficiently in the background, leaving you free to focus on what you do best.

And you won't pay through the nose either -- it's available for an incredibly low 5-hour "done for you" package -- it's just $200 for access to our in-house, highly-trained team of tech and design professionals. Best of all, the time never expires and you can use it as quickly or as slowly as you like.

Grab your 5-hour 'done for you' package here and let's get your business moving again!

Creating Pages

Pages are the heart of your site, and what you can build in Heroic is simple unmatched. Here's all the support you need to get started.

View this category

My Account

Got questions about how to manage your account? We're compiling them all here. If we missed anything, let us know and we'll add it.

View this category


Our goal is to integrate with every 3rd party platform out there. Here's what we have currently!

View this category


Heroic comes with a full featured, yet simple-to-use blogging platform that allows virtually anyone to get bloggin'...

View this category


Normally popups are hard to create, add to your site, and integrate with 3rd party platforms. Not here :)

View this category

Fonts & Colors

Heroic's global font & color system keeps everything looking great, and makes editing FAST!

View this category


Here's how to connect your site with your custom domain

View this category

Conversion U

Some our best articles on copywriting, design, branding and more!

View this category

Random Stuff

A home for articles that don't seem to fit anywhere else. Give 'em some love?

View this category

Trainings & Courses

Our expertly curated collection of education and training...

View this category

Recommended Tools

Here are the 3rd party tools that'll make life easier as an online entrepreneur!

View this category