Posts in Type/Fonts
Must-have Adobe Typekit Fonts

If you use Adobe’s Creative Cloud suite, then you’re probably no stranger to Typekit. With over 1,000 options at your fingertips, choosing the right font can be a challenge.

At a loss for which fonts to use? We’ve rounded up a collection of our must-sync fonts.

 

Serif

These serifs give a sophisticated feel to resumes, business cards, and printed media. 

Slab Serif

Need a font that stands out? These bold slab serifs are perfect for headlines.

 
 

Sans Serif

We love these sleek sans serif fonts for blogs, websites, and everything in between.

 
 

Web & Graphic Design Services in Greensboro: Hue & Tone Creative

Does your brand need a Spring refresh? Hue & Tone Creative will help you update your look. From email campaigns and web design, to presentation graphics and business cards, we’re here to help you put your best foot forward. Contact us today to learn more about our creative services -- 336-365-8559.
7 Squarespace Font Pairings
7 Squarespace Font Pairings  |  Hue & Tone Creative

You see a Squarespace template, you love it, you start playing with the fonts... and suddenly you don't love it quite so much. No worries -- it happens to everyone!

Although it may be tempting to stick with the default settings of your template, taking the time to select the right fonts adds depth and personality to your site. With over 600 font options through Google and nearly 1,000 on Adobe Typekit, picking the perfect combo can feel almost impossible.

We're here to take the guesswork out of selecting the perfect Squarespace font combination - here's 7 suggestions to revive your favorite template: 

Merriweather + Roboto Condensed  |  Squarespace Font Pairings  |  Hue & Tone Creative

Merriweather & Roboto

This classic and modern mix of serif and sans serif fonts is perfect for any business. 


Skolar Sans + Domine  |  Squarespace Font Pairings  |  Hue & Tone Creative

Domine & Skolar Sans

Need a clean no-fuss combination? Domine and Skolar pairs nicely with strong graphics. 


Julius Sans One + Franklin Gothic  |  Squarespace Font Pairings  |  Hue & Tone Creative

Julius Sans One + Franklin Gothic

Franklin Gothic is classic, readable, and approachable -- but add Julius Sans One in and you've got an edgy clean feel.


Rift Soft + Vendetta  |  Squarespace Font Pairings  |  Hue & Tone Creative

Rift Soft & Vendetta

Looking for a sophisticated pairing for an upscale brand? The sleek style of Rift keeps Vendetta from feeling too stuffy. 


Essonnes + Futura  |  Squarespace Font Pairings  |  Hue & Tone Creative

Essones & Futura

This duo feel playful and approachable. We love this serif & sans serif mix for boutiques, portfolios, and blogs. 


Park Lane + Tenso  |  Squarespace Font Pairings  |  Hue & Tone Creative

Park Lane & Tenso

This crisp and versatile combo would work well for real estate, bistros, and trendy salons. 


Lust Script + Sofia Pro  |  Squarespace Font Pairings  |  Hue & Tone Creative

Lust Script + Sofia Pro

Feeling a little edgy? Mixing in Lust Script takes this font palette to the next level. 


branding + web services in greensboro: Hue & Tone

Looking for a web designer in Greensboro, Winston Salem or the surrounding areas? Hue & Tone is a creative graphic design agency specializing in logo design, web design, social media management, and more. Give us a call if you’re interested in a custom, branded website that truly tells your story.
Most Outdated Web Design Trends
Stop boring your visitors with bad web design...

Stop boring your visitors with bad web design...

Like chain wallets, spiked hair, and jelly shoes, many web design effects have come into fashion and then disappeared, never to be seen again. As design technology continues to develop, so do consumers’ opinions of what constitutes a strong, professional design aesthetic. Here are 7 outdated effects we’re happy to say goodbye to.

 

Drop Shadows

The drop shadow was one of the 90s’ most beloved Photoshop effects. With the click of a mouse, web designers could make big blocks of text appear “fancy” and defined. Unfortunately, when applied to a large area of text, drop shadows made websites uncomfortable to read and difficult to browse. Thankfully, designers have moved on to more minimal font-enhancing effects.

 

Outdated Fonts

Many fonts which were once very popular now serve as bright red flags that a website was created by someone with very little design experience. Comic Sans is widely recognized as one of the world’s worst fonts, as well as Papyrus, Curlz, and Bradley Hand. Even “normal” fonts such as Times New Roman or Arial can make a website appear unprofessional since, as Microsoft Word default fonts, they indicate “lazy” font selection.


Bevel, Emboss, and Gloss

Bevel and Emboss were once extremely popular Photoshop tools which could be used to create a stylish “3D” appearance. Flash-forward a few decades later, and the effect is now more cringeworthy than impressive. Bevel and emboss were supplanted by the “Gloss” effect, which was used to make web buttons imitate shiny plastic or glass. Nowadays, designers have mostly moved onto more subtle choices to create attractive buttons that beg to be clicked. 

 

Adobe Flash Intros

Once upon a time, Adobe Flash intro videos like this one were all the rage. Nowadays, however, such videos have become internet dinosaurs. Not only do visitors tend to find them irritating, Flash videos are not supported on most mobile devices and can even hurt a website’s search engine rankings.

 

Auto-Play ads/music

Auto-play, which has been described as “the most hated digital advertising tactic,” is not yet completely eradicated, but should be. Few things are more alarming than opening a new webpage and being assaulted with a loud advertisement or blast of music. Sadly, many companies still insist on treating their visitors’ ears with everything from loud sales pitches to soft jazz.

 

Lack of Mobile Optimization

The biggest mistake modern companies are making in terms of web design is lack of mobile optimization. With smartphones and other mobile devices quickly becoming the preferred method of internet access for the majority of consumers, it’s more important than ever for websites to be mobile-friendly. Google itself says that more Google searches are performed on mobile devices than on computers, so if your website isn’t legible when shrunk to fit a smaller screen, you’re missing out on a huge market opportunity.


Professional Greensboro Web Design Company

If your company website features any of the above trends, perhaps it’s time for an update. A professional graphic designer at Hue & Tone Creative can help create a visually pleasing, modern design that guides people to focus on your products and services, not the platform on which you offer them. If you’re interested in logo redesign, website design, or another creative branding service, give us a call today for a free website audit.
12 Inspiring Font Combination

Whether you’re designing a resume, website, or even a graphic for social media, choosing the right fonts can make a good design even better.  However, the seemingly endless font options available at our disposal can make choosing the right ones a little tricky.

To help alleviate a little stress and confusion, we put together a brief guide on font pairing. 

If you’re interested in the complexities of font typography, you can learn more here. But, if you're just looking to learn a few basics, start with these guidelines: 

  • Try combing a serif with a sans serif.
  • Stick to 2-3 fonts, any more than that can be distracting.
  • Designate rolls to your fonts. Keep headings, subheadings, or body text consistent.
  • Vary the weight to achieve visual hierarchy.
  • Contrast is key! Try not to select fonts that are too similar.
  • Don’t pick fonts that clash with your aesthetic.

Now that you have some basics down, here are a few of our favorite combinations:

Most of the font examples we used below are from Font Squirrel, but you can also find some free or inexpensive downloads from these sites:

These are just a few of our suggestions, so don’t be afraid to branch out and try something different. There are seemingly endless font combinations to choose from! Play around and try out different combinations until you find what works best for you.

What are your favorite font pairings? Let us know in the comments!

Resume Design: Get noticed

Last week we went over all the basics of writing a killer resume. Now that your resume is written to impress, it's time to work on a knockout design.  

Selecting the right font, color, and composition can be an intimidating task, especially when your dream job is on the line. To help relieve some resume-design stress, we’ve compiled some tips and examples to help you get started. 

 

Personal brand

Before you begin designing your resume, you need to do some thinking about your personal brand. Your resume is more than just a piece of paper, it’s a glimpse into who you are as an employee. Are you neat and organized? Expressive and creative? Show it off! Create a strong, well-organized resume that showcases your personality and sets you apart from the competition. 

 

Fonts

When selecting a font, it’s crucial to choose something that’s professional and easy to read. Some fonts that seem fine at first glance may be difficult to read when they're used for a full page of text.

Best Fonts: Garamond, Helvetica, Garamond, Proxima Nova, Georgia, Gill Sans MT, and Calibri are all great choices. 

examples-02.jpg

Stay Away from: Zapfino, Brush Script, Trajan Pro, Courier (looks like you typed up your resume on a typewriter), Comic Sans (Never use Comic Sans!)

Arial & Times New Roman aren’t bad, they’re just overused. We recommended choosing something less predictable. It’s best to stick to 9 - 12pt. font for the body of your resume, but feel free to go bigger for headings and subheadings. 

Don’t be afraid to use more than one font! It adds interest and helps highlight different sections of your resume.  Just make sure to use no more than 2 (3 max) and keep it consistent. Use the same font for the body, headings, and subheadings, respectively.  

Layout

Regardless of the style and design you choose, keep your resume to one page!

Constantly looking at screens has changed the way people read. People tend to scan the entire page rather than read top to bottom. Use bolded text to make important aspects of the resume stand out.

To maintain your one page resume format, you can use columns to save on space and keep your content organized. We also recommend staggering your font sizing help highlight different aspects. Try using 12 pts. for headings, 11 pts. for the subheadings, and 9 pts. for the body text. 

 

Color

A pop of color is a great way to make your resume standout. While we don’t recommend one color over another, we do recommend that you chose a hue that isn’t distracting or unprofessional. A hot pink resume worked for Elle Woods, but it probably won’t work out well if you’re applying for an accounting position.          

 

Icons

Depending on the position you’re applying for, you may want to use icons to add some interest to your resume. Social media icons can help give your resume a contemporary look and highlight your contact information. Check out our Big List of Icons for some free downloads.

If you need a little help to get your design jumpstarted, check out this slideshow of resumes we've done for inspiration!  

Once you’ve crafted the perfect resume, make sure that you have alternative files available. You don't want to risk having your resume tossed aside because no one can open the file! 

Now that we’ve broken down some resume-design tips, it’s time for you to get started! Play around with different layouts and styles until you find what works best to express your personality as a candidate.

Looking for further reading? 

Type: A brief guide on typography

What do Chanel, Target, and Harley Davidson have in common? They all use Helvetica. This versatile Swiss typeface speaks to us every day. It’s on street signs, album covers, paper coffee cups, and even the shopping bags of our favorite stores.

Helvetica is just one of many expressive typefaces available to us today. If you’re a business owner that needs an introduction or a designer in need of a brief refresher to typography and font selection, we’ve put together a little guide. We won’t get too in depth- just some basics of typography, different type families, and some recommendations on our favorite typefaces. Sound good? Let’s jump in!

 

Typography

Typography is the art of arranging letters and characters in creative ways without impacting legibility. Typography isn’t just selecting an interesting font, it’s the art of adjusting the size, spacing, and placement of text in creative ways that captures the viewer’s attention. (source).

Typefaces vs Fonts

One common misconception is that typefaces and fonts are the same thing. The key difference is that font is what you use and a typeface is the creative style you see. In the early days of manual printing, individual metal blocks were used to print each character. If you wanted to use the typeface Baskerville, you would need to purchase the font in the desired point size, style, and weight separately.

Leading, Kerning & Tracking

Leading is the vertical spacing of lines of text. When dealing with several lines of text, you may need to adjust the leading. Kerning is the spacing between two letters to produce an aesthetically pleasing result. You never want your viewer to struggle to decipher tight letters that are smashed together, or to see loose awkward spacing that distracts from the message you’re trying to convey. Not to be confused with kerning, tracking is the adjustment of spacing throughout an entire word.  

 

Type Categories

Because of its rich and lengthy history, there are several different type families. We’ve included a few examples, but if you’re eager to learn about more in detail, you can read more here.  

SERIF:

SANS SERIF: 

SLAB SERIF: 

Serif

Typefaces in this family utilize serifs, which are the small decorative lines attached to the stroke of a letter. Serifs are like extensions or finishing strokes at the end of characters. Serifs are often used in print media like books, magazines, and newspapers.  Some examples of this type are: Garamond, Times New Roman, and Baskerville. 


Sans Serif

In the early 1900’s, San Serif was criticized as being ugly because they lacked the elegance of the classic Serif style.


Derived from the French word sans, meaning “without”, this typeface does not use decorative finishing strokes associated with its formal counterpart. Because of its simplicity and clarity, Sans Serif typefaces are usually used for websites, signage, and government documents. A popular example that is used almost universally is Helvetica. 

Slab or Square Serif

Developed in the early 19th century, this style implies a heavy block-like serif. Slab Serifs are more geometric in style and have a strong square-like appearance than traditional Serif fonts. Rockwell, Aleo, and Courier New are a few examples of this mechanistic style.


In the early 19th century, Slab Serif was extremely popular for newspapers. The bold style was eye-catching and held up well is mass printing. 


Our Favorite typefaces

There are endless styles to choose from. Here are some of our favorite styles that we think would work well for different areas.

Parlour

We love this rustic and masculine typeface, and think it would be perfect for menswear brands, barbershops, and tattoo shops. 

Hermes

This style is a popular choice for designers because it’s minimalistic, yet strong.

Oraniembaum

We like the retro feel of this stylish serif typeface, and think it would be great for blogs, headlines, or logos.

ADAM

Clean and easy to read, this modern San Serif style provides a futuristic feel to websites and logos.

Knubi

This serif typeface is delicate yet memorable. It would work well for magazines, brochures, books, and most printed media.

Zefani

Zefani has a sophisticated feel and would be perfect for luxury projects.

Rockwell

This thick slab serif is a great choice for eye-catching titles and headlines.  
 

Korneuburg Slab

We love the old world feel of this eye-catching serif typeface. 
 

Julep

We love this versatile typeface, and think it would be perfect choice for fashion brands, coffee shops, or bakeries.
 

Moderne Sans

This typeface was inspired by 1920’s typography. This minimalistic style pairs well with images. 

 

Shepia

This script adds a fun vintage feel to fashion labels, signage, packaging, and logos. We like that this typeface isn’t gender specific, so it would work well for both menswear and women’s fashion. 

 

Not sure where to find different typefaces? We’ve got you covered. Here are a few of our favorite sources- several of them offer free downloads:

Dafont

Visual Hierarchy

Hype For Type
 

Great typography can elevate the quality of a design and transform it into something remarkable. It takes time, patience, and a lot of trial and error to develop this skill, so don’t get discouraged! Play around with spacing, placement, and color until you find the best fit for you.  Don’t try to force it - great typography speaks for itself.

What do you want to know about typography? Leave a comment! 


SOURCES:
Source 1  |  Source 2  |  Source 3  |  Source 4  |  Source 5  |  Source 6  |  Source 7  |  Source 8  |  Source 9

Type Rules! The Designer’s Guide to Professional Typography, by Ilene Striver