Your logo is an integral part of your brand. It identifies you. It distinguishes you. And it creates consistency across everything you do.

Anybody can design any old logo. A professional can design a logo that has meaning, purpose and power. So, without further ado, here are our top seven cases for putting some investment behind your business’ logo.

1.  First impressions

You only have one shot to make a first impression, and a shoddy logo could shoot you in the foot. Put yourself in consumers’ shoes. If you’re looking to purchase a product or service and you stumble across a brand that has a logo that looks like it was made on Paint, it doesn’t set a very good tone for what’s behind the scenes.

2.  Relevancy

Telling a story through design takes a certain skill. A skill that not everyone (understandably!) has. From the colors, icons, images, fonts and sizes in your logo, to be truly impactful, every single element needs to have a purpose. And that, readers, is what a professional is paid to do.

3.  Trustworthy

The quality of your logo says a lot about you as a business. A poor logo can be construed as a poor brand, and we know that’s not the outcome you’re after.

Whether it’s a misaligned character, pixilated border or crazy color scheme, below par logos look inferior. High quality logos, on the other hand, give you an ora of professionalism, value and authority - all of which can give you one up over your competitors.

4.  Memorable

A strong logo is instantly identifiable. Whether it’s placed on a billboard, letterhead, social media or paid advert (and everything else in between!), it pulls peoples’ eyes to it, and it’s easily recognizable.

Professionals know that less can be more. That outrageous colors aren’t needed to attract attention. And that designs have to gel with a variety of settings. And they incorporate all of that into your finished product.

5.  Evergreen

As with almost everything in life, logos evolve. What might be spot on for your brand right now might feel slightly off in a few years - but that’s okay. You’ll not find many businesses out there that haven’t adapted their logo over the years, but the key is that they’re adaptable.

Entirely revamping your logo can damage your business’ brand awareness, which is why it’s more about continual tweaks than a complete do over. With a professional by your side, you’ll get a solid logo that’s designed to stand the test of time - bar the potential small touch ups now and then.

6.  Showcases your brand

Your logo is a pivotal part of your brand’s story and values. It’s your chance to let your personality shine through and showcase what you're all about! As an example, here are some of adidas’ logo milestones:

Same brand. Different logo. Completely contrasting messages.

7. Adaptable

Logos are needed left, right and centre. What might work perfectly fine on your website, might not necessarily sit right on your business card. That said, you absolutely don’t want two completely different versions that aren’t in-line with one another.

What you want, and need, is a few variations that fit in any given placement - for example, one that’s for a black background and one that’s for a white background - that are instantly associated with one another.

We could go on and on, but we’ll wrap it up at number seven. If you’re interested in sprucing up an existing logo or are a new brand starting from scratch, why not get in touch to see how we could help?

---

Hue & Tone Creative: Logo and Branding in the Triad

Are you now convinced that you need professional help with your logo design? We think we might just be the perfect people to help you out. From logos to branding, and everything in between, we can help you create a lasting impression. But if you're feeling a little unsure we'll let our design work speak for itself.

Although graphic design and web development are two totally different jobs, there’s an increasing level of confusion between the two. 

As online tools make it easier for people to learn new skills there’s been more and more overlap between the two roles. Graphic designers want to dabble in the coding side of things, and developers are paying more attention to the visual elements.

Although they are experiencing more and more of each other’s worlds, there are still several clearcut differences between the skillsets of graphic designers and developers — and you should know what they are before hiring someone to take on your next web project. 

Graphic designers

Creativity

Graphic designers do what they do because they are creative (well, the good ones are, anyway!). They can see your vision from the get go, come up with concepts, and then mock-up your dream website. 

They’re able to illustrate or design anything you might need and are explicitly tuned in to the aesthetic side of things.

Attuned to detail

Unlike developers, graphic designers have a fine eye for things like fonts, sizes, colors and spacing. Because they don't have to focus on making your site work, they're free to hone in on the small details. They’ll perfect and refine every element of your site to meet brand guidelines and will ensure consistency with the rest of your brand.

Marketing awareness

In addition to a fine eye for design, a good graphic designer has a better understanding of marketing as a whole. They not only stay up-to-date on design trends, but they also have a solid understanding of what's going on in the industry so they can keep your brand collateral on trend. Whether it’s an online UX experience or offline advert, they’re responsible for ensuring their designs not only look good, but are built to convert.

Breadth of input

Last but not least, the role of a graphic designer spans far beyond a business’ website -- they can handle everything from creating a print campaign to simple things like re-sizing images. No matter what you need they'll be able to help you put together the entire package, not just your website. 

Developers
 

Make your website work

Where designer's jobs are creative, developer's jobs are technical. Developers can be split into two categories: front end and back end. In their simplest form, front end developers deal with the part of the website you can see. They typically write in languages like HTML, Javascript or CSS. Back end developers deal with servers, applications, and databases.  They work out the details of how and where your data gets stored. 

Technically driven

Developers are very analytically driven, they have a technical mindset and work behind the scenes to make graphic designers’ work live on a website. Each coding language has it's own set of rules and regulations, making their job more about memorization and problem solving than aesthetics. 

Carry the weight of your website

While developers don’t necessarily need to be creative, it falls on them to make sure the website actually works. Does it load quickly? Can you easily log-in and put things in your shopping cart? Is your billing information stored correctly? 

If pages, apps, or websites falter, it’s on developers to get them back up and running as fast as possible to ensure revenue isn’t lost.

So, who should you hire?

In the end, you need both to form a partnership.

Graphic designers and developers come as a package. Although their skills and role vary, they work in harmony to make sure end results are up to scratch.

Think of it like a production line. The graphic designer works on the visual stage, then passes their work onto the developer to encode, and then both work together to quality check the finished product.

---

Graphic Design for Greensboro, NC and beyond

Let us take the headaches out of creating your new website. Check out our design portfolio to see clients we've helped in the past, and then give us a call -- we can't wait to get the conversation started.

Source 1  |  Source 2  |  Source 3  |  Source 4  |  Source 5  |  Source 6  |  Source 7

If you work in the design or printing industry, you're probably familiar with the CMYK color mode. But for those who have never heard of it, the CMYK color model is a subtractive color model used in color printing. CMYK refers to the four inks used in some color printing: cyan, magenta, yellow, and key (black).

This color blending mode is responsible for most of the printed materials you see and interact with every day... that's why we thought it deserved a little attention! Even though we're surrounded by beautiful colors every day, we rarely stop and think about what goes in to them. 

This funky, pop-art inspired mood board is our visual ode to the CMYK printing process. We know it's nerdy... but, hey, what can we say -- we love design and color! 

---

Hue & Tone Creative: Color + design lovers

Does the idea of picking colors for your website stop you in your tracks? Or maybe you just can't tell the difference between two shades of blue? That's what we're here for. At Hue & Tone Creative, we can help with everything from logo design to web development to print collateral. Want to see what we've done for our other clients? Take a look at our portfolio.

Snow covered garland, carefully crafted wreaths, eye catching poinsettias... The right greenery can usher the holiday spirit into any space! 

To get in to the holiday spirit, we've sorted through some of our favorite photos of Festivus-inspired greenery. These color stories take a closer look at some of our favorite foliage, from a close-up of a pine bough to an entire hillside of snowcapped trees. 

Open Invitation

A pop of rich red awakens an earthy green for an inviting color scheme... it's so rich it practically beckons you right in! 

---

Tranquil Terrain

Cool blues and purples paint the soothing and silent aftermath of a snow storm.

---

Delicate details

If you look closely enough, even the smallest detail is alive with color! This ornament inspired palette pairs a dusty plum with graphite and sage for a one-of-a-kind winter scheme.

---

Crisp Cranberry

This modern color pairing packs a bold punch with an accent of brilliant red. A nearly-black mahogany and cool greys accent this daring statement color.

---

Festive Fern

Deep earth tones take us back to nature in this rich and rugged color scheme. A pale blue pops on a backdrop of muted mahogany and soft brown.  

---

LOGO AND BRAND DESIGN IN GREENSBORO, NC

Need a custom holiday invite? A fresh brand to start 2018 off right? We've got you covered on all fronts. Hue & Tone specializes in logo design, branding, and collateral development. Reach out if you're ready to start the new year off right: hannah@hueandtonecreative.com or 336-365-8559.

The song, It’s so Hard to Say Goodbye to Yesterday was originally recorded for the 1975 film, Cooley High. It’s a real tear jerker and may make for fitting music as we bid farewell to design trends that can’t join us in the new year. Honestly, the list itself isn’t sad at all. It’s actually solid advice regarding 4 web design trends to leave in 2017.

Before we get to the list, let’s quickly discuss why this purge is so necessary. Two letters: UX. UX or User experience refers to a person’s feelings and impressions about using a particular product, system or service. In this case, your website. To keep this experience simple, logical and enjoyable, these 4 web designs must be left behind.

#1. Skeuomorphism

The design concept that merges our real-life perception or characteristics of an object with its digital equivalent. A good example of this is the original Instagram logo; a life-like image of a camera that has since changed to a simpler, semi-flat design. Flat and semi-flat designs have a minimalistic feel and seem to be preferred more widely by web audiences. For this we say adieu to skeuomorphism. 

#2. Hero Images as the whole Story

Hero images are large images that take the place of traditional banners and are generally overlaid with text. Don’t get me wrong, they look amazing. They are captivating, they are alluring and signal substance. The problem is, some websites are little more than these images with no accompanying meaningful content. Perfectly fine for a webpage used for contact information or a place to describe a single product. However, hero images are not enough to tell the whole story about a business and its products or services. Coca-Cola is a great example of how to use hero Images while still boasting a site full of relevant and substantive content. Easy to say arrivederci to hero images as the entire story.

#3. Tight Spacing

Sometimes, full breakups aren’t necessary. A little space goes a long way at rekindling a quenched flame. White space in particular, could vastly improve the look and feel of your website. This can be accomplished pretty easily. Sites that are text heavy can add space between lines and letters, enhancing readability. Similarly, those with lots of products to display should take a hint from Amazon.com which uses grid layout design. The online superstore has successfully employed this design to organize their many products. In either case, the user experience is upgraded. We can happily say adios to tight spacing. 

#4. Sliders and Carousels

These are not the same, but are similar design techniques. They each involve the movement of images in either a sliding or rotating fashion. Neither, according to a Nielsen Norman Group study, were found to be effective conversion tools. A point made many times over the years, but appears on this list due to an even greater downside. The designs could negatively impact your SEO or search engine optimization. While the use of sliders and carousels aren’t automatic SEO killers, the risk to your website’s ranking is real and may not be worth taking that chance. Either, enlist the help of a professional website builder or try something else. Videos are a great alternative to both these elements and may be a better way to tell your story. Let us say Gooday to sliders and carousels. 

Companies in the know wisely improve their websites to increase user satisfaction. This includes, but is not limited to the way the site appears on mobile or desktop devices, how easily and intuitively one can navigate the site, and the overall functionality and feel when engaging with the website. The 4 web design trends to leave behind, tend to interfere with these aims in one way or another. It may not be so hard to say goodbye after all.

---

WEB DESIGN IN GREENSBORO AND BEYOND

Guilty of using all these things on your website? We can help pull you out of the past!
Hue & Tone Creative will help get your web presence up to speed. Be sure to check out our design portfolio to see clients we’ve helped in the past -- and then give us a call if you’d like us to build you a modern website that truly tells your story.

Whether you’re designing a resumé for the job of your dreams, sending out invitations to a gala, or creating a sleek new business card, using the right fonts will help you grab someone's attention and accurately communicate your brand.
 

Google Fonts has 847 fonts to sort through, so we’ve rounded up some favorites for you to browse. And remember, all of these fonts are free and open source, so there’s no need to worry about potential licensing hiccups. You’re free to use the fonts for any project, whether it’s a personal blog or a commercial campaign.

Sans Serif

You can never have too many sans serif font options. These versatile fonts are great for logos, headlines, and graphics. 

Serif

Give Times New Roman a break and swap it for something more modern.

Slab Serif

Looking for a typeface that packs a punch? Try a slab serif.

 Want even more fonts? Keep the downloading going by syncing some of our favorites from Adobe Typekit.

---

Professional Creative Services in Greensboro, NC

Don’t have an eye for design? We can give your brand the creative touch it needs. From email campaigns and logos to everything else in between, Hue & Tone Creative can help your brand stand out.

Earlier this month, Twitter rolled out a new font. Unfortunately, not everyone was a fan…

Twitter’s switch from Helvetica Neue, to Segue left users complaining that the slender new font was hard to read and caused way too much eye-strain.

Like Twitter, most businesses are bound to make mistakes when it comes to using the right fonts and sizes. Instead of fumbling through and learning from trial and error, do yourself a favor by learning a few of the best font-size secrets. 

Websites

Whether you’re designing an online shop, portfolio, or blog, it’s crucial that your fonts look clean, appealing, and easy to read.

For best readability, we recommend that you keep your headers and buttons between 30-32 pts and sub headers between 18-26 pts. Body text usually looks best when it’s between 12-16 pts. 

Looking to compare email marketing platforms? Here’s a rundown on a few of our favorites.

MailChimp

Email marketing isn’t going away anytime soon. In fact, email is 40 times more successful at bringing in leads than Twitter or Facebook.

One of our personal email marketing tools, MailChimp, recommends that you keep your body text between 14-16 pts. 16 is best for short emails between 2-3 sentences, while 14 pts us better for more lengthy emails.

Mobile

According to MailChimp, it’s best to stick to the “one eyeball, one thumb, and arm’s length” rule when it comes to font sizes. Basically, your viewers should be able to see and scroll through the entire email with ease and clarity. 

With this guide in mind, your body fonts should be between 12-16 pts and your links, CTA, and buttons should be between 34-36 pts.

One last note…

When it comes to selecting fonts, the most important thing is to pick an easily readable font. When in doubt, go back to basics. If you stick to a plain serif or sans serif and use these size guidelines, you'll be on your way to finding the perfect typography for your next web project! 

---

Web & Blog Design in Greensboro, NC

Not seeing much traffic or engagement on your website? It’s probably time for an upgrade! From landing pages to business blogs, Hue & Tone Creative can help you create a site that matches your style and helps reel in leads. 

We have a confession to make...  We have a bit of an addiction to browsing home decor on Pinterest. But instead of adding to our already over flowing “dream home” board, this week we decided to channel our energy into some shareable content!

If you love day dreaming about how you're going to decorate your house, this little collection of "Home Sweet Home" moodboards is just for you!

Victorian

During the Victorian era, plain jane décor was a major faux pas. Burgundy, burnt orange, and teal hues create a modern spin on the classic style. 

Ranch

For this color scheme, we were inspired by golden fields of wheat and rustic simplicity.  

Colonial

Our collection wouldn’t be complete without one of the most popular American styles. Lemon zest, forest green, and robin’s egg blue add a nice contrast to a black and white canvas.

Cottage

We know it’s cheesy, but we’ve always loved Miss Honey’s teeny tiny cottage in Matilda. For this shabby chic palette, we chose muted shades reminiscent of tea roses, ivy, and aged stone.

Spanish

For this rich scheme, we combined warm hues like papaya and goldenrod with a bold hint of sapphire.

What’s the style of your dream house? Share it in the comments!

---

Creative Services & Graphic Design in Greensboro, NC

In a creative slump? Take a break and leave it to the pros! Whether you’re looking to spice up a lackluster landing page or create a lookbook for your brand, Hue & Tone can add an artistic touch to any project.

Creative inspiration can be found anywhere, from a scene in a movie to a trip to the museum.

This week, we cracked open our forgotten art history textbooks and found inspiration in the works of Impressionist, Post-Impressionist, and Art Nouveau masters.

No need for an artistic background- simply peruse through our collection of mood boards to find a little inspiration of your own.

Paul Cézanne

This rich mix of cool and warm tones can add a strong pop of color to websites, resumes, or business cards.    

Claude Monet

A bold punch of crimson adds an unexpected contrast to these lily pad greens.

Henri de Toulouse-Lautrec

For this color scheme, we channeled the fast-paced energy of Parisian dance halls filled with quirky partygoers.

Edgar Degas

We loved the soft romantic feel of Degas’ delicate scenes. Adding a mossy green helped keep this pastel palate from feeling too girly.

Gustave Klimt

For this expressive color scheme, we channeled Klimt’s mosaic-like portraits and floral landscapes.

Mary Cassatt

Although Cassatt’s Impressionistic scenes were inspired by Degas, she had a style all her own. Lively bursts of yellow and ochre standout against blue and green hues.

Who are your favorite artists? Let us know in the comments!

---

Graphic Design and Creative Marketing in Greensboro, NC & Winston-Salem

At a loss for design inspiration? Let us give you a hand! From brand boards to personal branding, Hue & Tone Creative can help add color and artistic flair to any project.

Whether you’re revamping your resume or debuting a new logo, the colors you choose make a difference. With an endless library of colors at your disposal, it can be difficult to decide on the right combo.

Lately, we’ve been finding our inspiration in nature. The great outdoors is a bountiful source of *free* inspiration (and, the photos we used were free too)!

If you can't get away from your desk right this minute, turn to our nature inspired color schemes for your next project. Try out just one... or all of them! 

Neon Forest

This bold collection is perfect for trendsetters and influencers. Pair energetic colors with a charcoal brown for a crisp contrast.

---

Luscious Lavender

Not afraid to get a little girly? This playful purple match up is for you.

---

Salt & Seafoam

Want to appeal to a wide audience? These cool tones feel calm and approachable.

---

Citrus Sunrise

Feeling a little playful? This bright collection is perfect for a fun new culinary or children’s brand!

---

Desert Flower

This color scheme is perfect for spring! The feminine and playful combo works nicely for logos, business cards, or boutique packaging.

---

Vivid Autumn

These bold tones feel warm and confident -- but still modern.

---

Bold & Earthy

Looking for a natural palette that can appeal to a down-to-earth demographic? We've got just the thing. 

---

Pastel Sea

Think pastels are a little too girly? Tone down the femininity with rich tones. This palette would add a modern touch to packaging or branding materials. 

---

Incandescent

These subtle colors serve as a great foundation to help your work stand out. Give this palette a try for your next portfolio site. 

---

Soft & Whimsical

This color scheme feels delicate yet subtly strong.

---

Creative Professionals in Greensboro and Winston Salem

Need a second opinion on your current creative project? We can help! From personal branding to web-design, Hue & Tone is here to help you make your brand pop.

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.

Lately, we’ve been feeling a little nostalgic. Since we don’t have a DeLorian to help us hop back in time, we decided to get a little creative.

Take a trip to the past with our collection of retro mood boards: 

1960’s 

Listening to Pandora’s 60’s French Pop station helped put us in the mood to create our first board. We love the graphic prints and classic style of this iconic decade.

 

1970's

While we like the look of ruffled shirts in the 70’s, we’re happy they haven’t made a comeback.

1980's 

This bright color scheme may have fueled an 80’s movie marathon on Netflix… 

1990's

90’s style has definitely found its way back in recent years. We’re loving these bold geometric patterns and energetic colors. 

What’s your favorite decade? Let us know in the comments!

---

Greensboro Graphic Design Company: Hue & Tone Creative

In need of a little inspiration? Hue & Tone can help supercharge your creativity. From graphic design to social media management, we’ve got you covered. 

The New Year is all about making positive changes: taking up a new hobby, improving your exercise routine, or embarking on another personal journey. Something else you might want to update? Your logo. As your company’s primary visual symbol, your logo is one of your brand’s most important assets. If you haven’t changed it in a while, here are a few signs it’s time for an upgrade.

It was a DIY project.

It’s no secret that fledgling businesses are strapped for cash, and it’s not uncommon for startups to hand the logo design to an artistic friend or family member. Now that your business has had a chance to grow a bit, it may be time to enlist the help of a professional graphic designer. A professional designer will have the best skills and experience necessary to create a modern, polished design that can compete in today’s marketplace.

It was designed for print media.

Ten years ago, company logos were most likely to appear on stationery, in newspapers, and in yellow pages. Nowadays, most consumers are squinting at websites on their phones. If your logo was designed for other times, certain details might not have been taken into consideration.

Ask yourself the following questions: is your logo still legible when shrunk to fit a smaller screen? Does it mesh well with your website design, colors, and fonts? Does it still command attention when placed on a web page with competing information? You might also want a logo that makes an appealing mobile app—think of Apple, whose infamous logo doubles as a desktop icon.

Your business has evolved. Your logo hasn’t.

Almost all businesses grow and change with time, adapting to different marketplace demands. For instance, you may have started a bookstore ten years ago, and expanded to offer coffee and small gift items. Does your logo reflect what you now offer? If not, it may be time for a logo that better represents your current services.

It uses dated design trends.

Many graphic design elements which were once extremely popular can now make a logo look dated. Color gradients, drop shadows, and “glossy” buttons are all design features that are—for lack of a better word—so 1990s. If your business is spelled out in Papyrus font or, heaven forbid, Comic Sans, it’s probably time to refresh.

Your company has made, or is making, significant changes.

Moves, mergers, and acquisitions: there are countless huge changes which can affect businesses. If your company has undergone a huge identity change, a new logo can deliver brand clarification that signifies new, better things are happening for your company.

It’s never been changed. Ever.

Many business owners worry that once their logo changes, their business will lose its brand recognition. But these concerns never stopped Starbucks, Google, or countless other popular brands from pursuing a change. A skilled graphic designer will be able to keep your brand’s core identity while still polishing the logo for a modern audience. A sleeker, more refined logo will signify to the marketplace that your company is present, relevant, and not afraid to embrace new challenges and new techniques—while retaining the core values that it has always held.

---

Greensboro Graphic Design Company: Hue & Tone

Looking for a graphic 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. Be sure to check out our design portfolio to see clients we’ve helped in the past, and give us a call if you’d like us to build you a custom, modern logo that truly tells your story.

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:

• Dafont
• Visual Hierarchy
• Hype for Type
• My Fonts
• Lost Type Co-op
• Creative Market

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!

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:

My Fonts

Font Squirrel  

Lost Type Co-op

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

Building a well-designed website for your business can be an intimidating task. Squarespace is one of our favorite platforms because it allows you to easily create beautiful and professional websites for a reasonable cost. 

Although it can be fun to experiment with all the offerings on Squarespace, it’s important to consider the overall goal of your website. Do you need to show off the menu of your organic coffee shop? Promote your event photography? Sell products for your online boutique?

Squarespace identifies their templates as falling into three main types of websites:

• Information: “The goal of your site is to provide information to visitors, like business hours, who you are, or an overview of a project. The goal might be passive, where visitors find the information, read your blog, and move on, or active, where they sign up for a newsletter, submit a form, or contact you.”
   
• Images: “The goal of your site is to display beautiful images. If you're an artist, design studio, or photographer, an image-focused template will help you display your work to prospective clients. Sites for restaurants, weddings, and more can also be very visual.”
   
• eCommerce: “The goal of your site is to sell products, services, or media. If you're selling a small number of products, you can use a Website template to create a small shop. But if eCommerce is the primary goal for your site, a Commerce template provides advanced features to help your product display match your brand and vision.”

Squarespace also offers a cover page option. Cover pages are single-page sites that can be used as a standalone or integrated into an existing site. They’re also great if you need to get something up while you’re building your website behind-the- scenes!

Every Squarespace template offers the ability to add text, social integrations, photos, search, and gallery features. However, only some offer things like index pages, gallery pages, and blog pages. Do your research and identify any special features you might need! 

To make your search a little easier, we’ve picked out five of our favorite templates -- we’ve also highlighted some of the differences between each template. If you’re overwhelmed by the amount of options, these are a great place to start!

 

Bedford

Bedford is the most popular template on Squarespace and it’s also the template HueAndToneCreative.com is built on. This beautiful and clean interface is ideal for just about any small business.  We also love that Bedford offers the option to have a second navigation in the footer.

Features: Index  |  Blog  |  Header image  |  Folder & footer navigation  |  Page titles  |  Grid & slide gallery  |  Cannot display social icons

 

Momentum

This clean template is perfect for designers and photographers to showcase high resolution images. If you’re looking to create a portfolio site, Momentum features a great slideshow interface and full screen images. This template’s aesthetic also works well to advertise products.

Features: Index/Gallery  |  Ability to display social icons  |  Page titles  |  Slide & grid gallery  |  No side bars  |  Page titles

Farro

Farro’s sleek editorial style is a great choice for bloggers with strong images or digital publications. This post-like interface could also work well to display the portfolios of photographers.  

Features: Blog  |  Sidebar  |  Ability to display social icons  |  No page titles  |  Grid & slide gallery  |  Secondary navigation

Nueva

We love the professional and polished style of Nueva. We recommend this for stores as well as restaurants. It’s not as image heavy as our other template picks, but it’s well organized and provides the option of a gallery.

Features: Commerce feature  |  Parallax scrolling  |  Multiple navigation  |  Customizable mobile styles  |  Blog
 

Harris

If your business doesn’t rely on pictures to promote your services, Harris is a great option. Its crisp layout, sophisticated font options, and banner styles makes this a great template for law offices, accounting firms, and writers. It also features Blocks to capture customer information as well as several introduction and navigation areas.

Features: Index page  |  Left, center, and right headers  |  Shopping cart  |  Main and secondary navigation

One last note

Even though we’ve made our recommendations, don’t be afraid to try the different templates Squarespace has to offer.  You can switch templates at any time – but *be warned* not all of your formatting will stick when you switch back. For example if you switch from the Bedford to the Nueva, and then back to the Bedford again, you’ll be starting with the original template settings. 

Had a great experience with Squarespace? Let us know in the comments! Feeling a little overwhelmed with Squarespace? We can help!

We know, we know -- we’ve highlighted Rise & Shine before… but when your clients just keep doing great work, it never gets old showing it off.

Throughout 2016, Rise & Shine has been hosting a series of events to celebrate and raise awareness for their organization. An afterschool program with a mission of promoting racial justice and equality, we loved being able to collaborate on collateral that's helping drive their mission forward.

All of our work for Rise & Shine features bright colors, eye-catching layouts, and vibrant photography of the program participants. We work to keep the focus on the facts and figures that demonstrate the program's efficacy, as well as highlight the organization's values. 

Take a look at the colorful collateral below!

---

Below, starting clockwise at top left: One-page infographic (front + back), homepage web slider, event program,  Facebook graphics, and bookmark.

View fullsize

---

Below, left: Booth signage
Below, right: Event poster for the "In Living Color" Dance Party

---

Below: Local Movie Theater Ad

---

Working with non-profits is a passion of ours, and we're always eager to dive into a new partnership. If your organization's marketing needs a boost, don't hesitate to reach out to us!

Feeling more then a little confused when you're trying to communicate with your designer? We get that. As designers, we do our best to explain things to our clients -- but it's easy to make assumptions or run through things a little too quickly. 

We put together this handy to guide to help cut down on client + designer relationship miscommunication. There's seemingly no end to the amount of technical terms out there -- but these 39 terms will give you a solid footing to get the conversation rolling. So... get studying!  

Alignment: Can refer either to the position of elements within the margins, or the idea of placing items so that they line up in an organized way.

View fullsize

Ascender: Any part of a letter that extends beyond the rest of the word. Examples: “b” + “h”.

Descender: Any part of a letter that drops beyond the x height/baseline of a character set.

Asymmetrical: A design in which the graphic elements or text on each side of the central line have unequal visual weight. One visually large element could possibly be balanced out by a grouping of smaller elements on the other side. Asymmetrical balance is typically more interesting.

Bleed: In printing, the bleed is what goes beyond the margin of the edge of the sheet of paper before trimming. A full bleed design means there is no white border/margin, and the color/images will go all the way to the edge of the paper.

Branding: The collection of language, ideas, principles, and visual elements that represent a company or business to clients and consumers.

Body copy: The main text in an advertisement, brochure, or website. Body copy is longer than headlines and is meant to be easily readable.

Body font: The text formatting for the main content of a magazine, website, or other printed material. Body fonts will contrast with the headlines, and is typically easily readable.

CMYK: A color mode used for print purposes. CMYK stands for ‘Cyan, Magenta, Yellow, Key (black)’.

Display Type: Fonts with distinctive personality that often sacrifice some readability for the purpose of being unique and eye catching. Typically used for headlines.

DPI: A measurement of resolution for a printed image. Stands for dots per inch.

Element: Individual parts of a logo or design. An element can be a flourish, a border, or something like a headline or image.

Favicon: A small icon that’s associated with a specific web page or URL. A favicon is displayed in the browser's address bar or near the site name in a bookmark.

Hero image: A common term to describe an oversized banner image -- usually near the top of the web page.

Kerning: The process of adjusting the horizontal distance between letters.

Leading: The process of adjusting the vertical distance between lines of type.

Letterpress: A printing process that results in an impression/indented design being left in the paper.

Logo mark: A graphic symbol or emblem that represents a business, organization, or individual.

Logo type: Also known as a wordmark, a logotype is the name of the company designed in a visual way.

Lorem ipsum: Latin text that’s used to demonstrate the graphic elements in a document or visual.

Margins: Only shown in computer layout programs, margins are the space around the printable area of a document.

Mobile responsive: A web or email design that automatically adjusts it’s sizing, layout, and proportions when viewed on a mobile device.

Negative space: Simply an area on the page that doesn’t contain any design elements.

Opacity: An object's degree of opacity. The lower the opacity the more transparent an element is. 0% = completely invisible, 100% = opaque/fully visible.

Palette: A set of cohesive colors you use for a design, brand, or campaign.  

Pantone Colors: The Pantone Matching system (or PMS) is a set of over 700 standardized colors used in a variety of industries.

Pica: A unit of type size and line length equal to 12 points (about 1/6 inch or 4.2 mm).

Pixel: A minute area of illumination on a display screen, one of many from which an image is composed.

Printer-ready (or camera-ready): Files/artwork is ready to be printed.

Proof: Can refer to either a “concept proof” or “printed proof.” A concept proof is a rough drawn, incomplete, or early stage preview of a project that demonstrates the concept to a client. A printed proof is designed to demonstrate the exact final product -- and is great for catching any last minute mistakes!

Raster files: A raster image consists of a dot matrix structure. Most of the images you see on your computer are a raster image. They can easily be scaled down without a loss of quality, but not scaled up without looking pixelated. Common formats like JPEGs, PNGs, and GIFs are all raster images.

RGB: A color mode used primarily for web. Colors are mixed from red, green, and blue (RGB).

Sans Serif: Typefaces that don’t have serifs at the ends of the stroke (aka the little feet). In print sans serif fonts are typically used for headlines (not body text). Sans serif fonts are popular for display or web fonts.  

Serif: Short strokes that extend from the top or bottom of the long part of a letter.

Slab Serif: A thick, block like serif font. Can be either blocky or rounded.

Typeface: A set of letters, numbers, etc. all in the same style.

Vector file: Created using illustration software (like Adobe Illustrator). Creates clean, camera-ready art that can be scaled up infinitely and still maintain a clean look.

Visual Brand Identity: The collection of all the individual logos marks, graphics, photos, print collateral and web graphics that make up the visual appearance of your brand.

Wireframe: A rough outline used for planning a website’s structure and functionality. Outlines all functional elements of a website or web page.

Feeling more prepared for your next meeting? The next time you give your designer feedback, break out a few of these terms and watch the look on their face as they realize what a pro you are!

If you're looking for even more advice on how to work with a designer we've got these 8 tips to help you create a smoother working relationship. 

It's been a week since we posted our spring-inspired color schemes and the approaching warm weather is still at the front of our mind... 

It's been a busy month, and we've needed an extra bit of inspiration. For us, that means browsing Pinterest + design books + local art galleries. Putting together a mood board allows us to draw on an image we find inspiring and see where it takes us... and that was exactly our process for this "Peach in Paradise" mood board!

One  |  Two  |  Three  |  Four  |  Five  |  Six 

Where do you look for inspiration? Is there an image you want us to build a mood board around?

Another Friday, another link roundup! Here's a few things that came in handy at Hue & Tone this week: 

One  |  Looking for a last minute Valentine's Day card? Use these four free printables to design your own! The ombre XOXO print is our personal favorite.

Two  |  Typewolf is one of the best sources for everything typography + fonts. With carefully curated lists and resources, you’ll find everything from unique ‘top 10’ lists to font profiles (complete with mixing & match suggestions).

Three  |  Last week, we went in depth on our love of textures. If you’re looking for some textures to play around with in your designs check out this free sample pack.

Four  |  No matter what your goals, these eight inspirational TED Talks are a must watch.

Five  |  This week's mood board was one of our favorites! We've been reminding ourselves all week that there's no single answer to a design problem. 

We'll be back Tuesday with a fun, interactive freebie!