Email ads and newsletters are still big converters mainly because you can directly reach your target audience and keep them informed of new products and services you are offering. However, even though people are smarter, the methods of building and rendering email creatives are not. Tables layouts, catchy subject lines and clear call to actions are still the email creative standards so let’s talk about some ways to design and build better email creatives and campaigns.

I’ve sprinkled great email creative examples throughout the article that demonstrate these principles and hopefully offer some inspiration for your next email design project.

Marketing Campaign Basics

There is a lot of trial and error when it comes to developing a successful email marketing campaign, but there are a few elements that have been proven to work time and time again. Despite whether you are sending out a monthly newsletter to your users or sending out a creative to promote your new product release, these elements will all contribute to a successful campaign.

• Attention-grabbing subject line
• Relevant, useful content
• Beautiful imagery
• Consistent branding
• Strong call to action
• Social icons and/or feeds

The first rule to good email marketing is a strong, attention-grabbing subject line. Email marketing is a two step process: click to open the email and click to your site. If the subject line isn’t compelling or interesting enough, no one will even get past the first click. You know your customers/users best, so make sure your subject line grabs their attention and gets them past the first click.

After the customer/user clicks to open the email because of your awesome, ridiculously interesting subject line — it’s now your job to get them to that all important second click. The first thing to get them there is content, relevant and useful content. Whether it’s a newsletter or ad, the content needs to be relevant to them, it needs to be useful and it also needs to be informative enough (but not too much) so that your users will trust your expertise and want to learn more.

Along with relevant content, images are an excellent way to communicate your message and an easy way for your customers to engage with the email quickly. It’s a myth that images in emails are worthless because “most” people have images turned off or that “most” email boxes don’t render images properly. We’ll discuss this more below in the design section, but “most” people I know don’t even know you can turn images off in the first place. Don’t be afraid to use images, cool fonts or anything that will catch the user’s/costumer’s eye.

Branding is the best way to tie your site, service or product into your email creative so make sure your name is all over the thing. Consider the email creative as a mini website. Brand the header with your logo and/or name, brand the footer with your logo and/or name and use your color scheme throughout the email to stay consistent.

Without a clear call to action the email creative is worthless, despite your attention grabbing subject line, informative content, its beautiful imagery and clear branding. Use contrasting buttons to guide the user to the next step. Take advantage of visual hierarchy methods to guide the user to where you want them to go. Any design methods you use to entice the user will be worthless if they don’t know what the next step is or where they need to go.

Another thing to consider is building trust with your new customer/user. People don’t buy into scammy pitches and cheesy testimonials anymore. The best way to build trust is to show them that other people use your product or service — hopefully their friends. Add your social icons or even feeds to your email creatives so that they can see you’re not just some sneaky snake oil salesman. Social feeds and social proofs show to your future customer/user that you care about your product or service. Give them a chance to see what others are saying about you.

Email Design Best Practices

Designing and building an email creative can be a beast — and you thought it was hard to build a website browser compliant. Try email boxes that don’t even render CSS. The first rule of email creative design is just to make things simple and the second rule is to keep things simple. But we all know creating simplicity is the hardest thing to do.

HTML Only

So, forget everything you know about modern web design layout and stay away from using any CSS if possible. If you do use CSS it should be inline. I know, it goes against everything you stand for as a web designer. But with so many email rendering agents out there, it’s impossible to know whether any of your floats or display properties will render correctly. Don’t guess, just fall back to your old table layout, HTML only design layouts — even if it breaks your heart.

Grids/Columns

Since CSS layouts aren’t cool anymore and table layouts are back in now, stick to grids and columns so that your creative will be presented in the way you designed it — no matter what email box your user is using. Plus, grids are all the rage in web design these days so average users won’t know that you’re using tables to lay it out.

Besides making it easier for you to render your email creatives, grids also offer a better way to present your content and layout your information and images in a clean and methodical way. Columns and grids separate and present content in an easy to read and easy to scan way, so that your user doesn’t have to work hard to pull your message out.

Don’t Skimp on the Images

Like we talked about above, images are awesome elements for email creatives, so don’t be afraid to use them. As long as your images are hosted on a good public URL and are embedded via the HTML img tag, you’re safe, so go ahead and use them. Keep in mind, email creatives are kind of an older beast so there’s really no need to have live text unless where necessary. It’s totally cool to use embedded text in images so take advantage of this and be as creative as you want.

Because CSS can be hard to work with in emails and because tables are also hard to work with, try to avoid background images. Usually, you’re safe to use a body background or table background, but beyond that try to use inline images so you don’t run into more bugs.

Don’t forget to optimize your images also. Despite the fact that your images are most likely gonna be hosted on your public server somewhere, don’t make the images so large that they take a second to load. Once your user opens that email make sure they see those beautiful images and not just the dreaded “x” mark where the image should be. Stick with JPGs and GIFs instead of PNGs — some viewers still don’t like PNGs… I know, pretty lame.

600px

That is the max width your email should be. Don’t go any wider than that. Unlike the flu browser, most email clients don’t have the luxury of wide screens. Typically, most clients use up to about 600-700px of their real estate to the email viewing window so avoid going too wide. Also, consider designing your table layout to be flexible (if you can) so that when someone shrinks their email client they will still be able to view your entire email.

Quicker the Better

Beyond optimizing you images and content so that your email creative loads quickly, design you email to be scanned quickly by the reader. Take advantage of visual hierarchy to guide the user through your email, use bullet points and headers, use infographic style imagery or other visual cues to present you message and always design a clear call to action.

Basically, you want your user to scan down your email in a few seconds and still understand the overall message you’re presenting. If you can grab their attention in those few seconds, they may stick around to read the email in further detail and hopefully click through.

Test, Test, Test

The last thing you want to do with your email creative is to test it to death. Load it up and hit it in as many email clients as humanly possible. Although it may not be possible to test it in every inbox, the more the better. Even if you think you have everything covered and you’re confident that everything will work beautifully, you’re guaranteed to find a bug or two in a few clients. If you just don’t have time to test a bunch of inboxes, make sure you hit the major web clients like Gmail, Yahoo and Hotmail — then make sure you hit the major desktop clients, Outlook and Apple Mail.

Consider Mobile

Okay, I didn’t forget about mobile email boxes — well, I sort of did. Mobile inboxes are just an entire beast all by themselves so they may actually require a whole new article to tackle them. But just consider how your email will be presented on a mobile phone. Make sure you are using proper alt and title tags for your images if you embedded important text into them. Like I said, mobile email creative best practices probably deserve an entire article to themselves so stayed tuned for that.

Billy Joel’s hit song “The River of Dreams (I go walking in the middle of the night)” was inspired by a mid-sleep bathroom break at 3am. But in the web design world we can’t afford to wait for this kind of inspiration. Generally, we need to come up with new innovative and super creative ideas right now. This is when we usually go into some kind of brainstorming mode, but instead of feeling like a happy “River of Dreams” it feels more like a “Storm of Pressure.” However, even these brainstorming sessions can turn into a pressure cooker with their own set of hurdles to jump.

Usually, brainstorming sessions happen within a group so that individuals can feed off each others ideas. However, for the majority of us, brainstorming and creative innovation is a solitary task. The way I see it, there are (besides the lack of group thinking) two main hurdles to jump in your isolated brainstorming sessions:

• Procrastination
• Creativity

It’s really easy to put off your brainstorming sessions for another day and it’s not real easy to thinking creatively when it’s just your brain and your ideas being kicked around. That’s the beauty of a group think; you’re forced to participate and you’re not the only brain in the game. It’s harder to think creatively when nobody else is there to push ideas further. In order to avoid being trapped in the vicious procrastination cycle or getting caught with your brain turned off, I’ve come up with some techniques that will help to establish a brainstorming method and break the innovative ice.

Write Down the Problem Over and Over Again

Before, during and after, write the problem down. Write your problem down in big bold letters on your sheet of paper, make it big enough, so that it is the first thing your eye is drawn to. When you get bored during the session and can’t think of anything, write down the problem again. The reason for the brainstorming session is to solve a problem or innovate new ideas, when you write the problem down before and during the session you will be able to focus on the solutions and ideas.

This will keep you focused on the task, keep you focused on what’s ahead, kind of like driving: it’s nice to look around every once in a while, but you need to be looking straight ahead so you don’t drive off the road and roll your car in a ditch.

Be Ridiculous

When shooting out ideas during a session write down even the dumbest, most ridiculous ideas. While brainstorming, ideas build off of each other, ideas lead to other ideas. It’s easier to write off “silly” ideas when they are just yours but writing down even the weirdest concepts can lead your brain down a different road where new, more creative ideas may be conceived. Try to avoid just laughing at crazy ideas and moving on — laugh at yourself and then don’t forget to write them down. True innovation only comes through different thinking, so let yourself think differently because you never know when a really crazy idea will blossom.

Write Ideas in Pen

White boards are great brainstorming tools, but all too often during a session you will be tempted to erase “dumb” ideas before the session is through, or even erase ideas just to simply make room for more things. Write down all your ideas in pen, that way you won’t be tempted to change your mind on an idea or just discredit an idea based upon needing space. Part of what makes brainstorming successful is the fact that even a dumb idea can turn into the most brilliant innovative concept ever conceived. Writing in pen makes sure that those dumb ideas are still floating on the page waiting for you to polish them into true innovation.

Schedule Yourself and Appointment with Yourself

A brain dump session is just as critical to a project as anything else, so schedule a meeting with yourself and make yourself accountable for attending that meeting. Setting aside some time to brainstorm can be a difficult thing so treat yourself like your client and pencil yourself in. Set up a date in your Google calendar and approach that appointment just as important as a meeting with your project manager.

Define a Time Limit

In order to stay on task and not waste your entire day dreaming for inspiration, set a time limit on any brainstorming session. This will help you stay motivated on the problem at hand and also your session won’t become a time drain. Setting a time limit will also help you from day dreaming about other stuff during a brainstorming session.

Set a realistic time limit also, don’t pencil in two to three hours, an effective session doesn’t need to be that long. A half-hour to an hour should do just fine as long as you are able to stay focused on the task. If necessary, set up two or three small sessions during the day instead of one long gigantic session.

When the Session Ends — Evaluate

After you have spent your scheduled one hour brainstorming session writing a bunch of nonsensical random thought bubbles with words and phrases that make no connection; it’s time to evaluate the confusion. Now, you don’t have to do this right after the session, I would actually recommend scheduling another day for the evaluation, but then don’t forget about it — same rules apply for the evaluation as to the brainstorming session.

The main point of looking back on your brainstorming madness is to find those ideas that seem truly plausible, that seem like you could move them to the next level. When evaluating however, don’t cross out ideas or discount anything you have written, simple read back through the ideas and more often then not, a few ideas will jump off the page and you’ll know which concepts to further pursue. Avoid crossing out things, highlighting items or circling ideas, this activity visually takes away the focus from all the ideas and narrows down the scope. Often, you can visually connect two or three ideas together that may not have a good relationship, you might hurt these connections if you highlight or create focus on only a few concepts.

And… when you do get stuck…

There will come a time when you just can’t think of anything, trust me, it will happen. You’ll just be staring at your notepad or computer, hand on mouse just itching to click on the Spotify icon. This brain block only leads to frustration and frustration will kill any creative thinking process completely. So here are a few ideas to try next time you get stuck:

• What would Jesus do? Or any other notable historical or social figure. When you get stuck, ask yourself what somebody else would do to resolve the problem. This will not only allow you to break your train of thought, but it will give you a different angle on the problem.
• Give yourself an unlimited budget. Forget all the restraints on the project and act as if you have unlimited resources. Allow yourself to think up solutions that will break your budget or time constraints, let yourself bask in the glow of no restrictions. Freedom will allow yourself to be more creative, so think freely and worry about your budget concerns after you have found a really innovative solution, who knows, maybe your idea is so brilliant it’s worth the investment.
• Write a top ten list. Start with number ten and work backwards as you write down the top ten great solutions to your problem. Writing down a top ten list when you get stuck gives you a goal to shoot for, but remember, write down even the most ridiculous solutions… those may just surprise you.
• Look around for help. When you have a complete brain fart during a session, stop and look around. Find some random object – a pencil, a cabinet, the TV, the carpet, a garbage can – and think about how that object can solve your problem. This will help you break your current train of thought, but it will also help you look at the problem very differently.

Brainstorm Happy!

Creative thinking is better harvested with a positive attitude. Refrain from any brainstorming session during periods of high stress, unless a good brainstorming session is a great stress reliever for you — then be my guest. Keep a positive attitude toward brainstorming as well, if you are just sitting there wanting to be somewhere else, then your brain can’t focus on the task at hand. Brainstorming shouldn’t feel like your sitting in your High School algebra class listening to Mr. Johnson drone on about the husbandry ranch he owns. Stay positive, stay focused and make your brain drain a relaxing fun experience. You’ll probably be surprised at what ultra creative concepts will fall out of your head.

Having some fresh and maybe even unexpected effects on a website, can juice up the experience for the user. Be it a whole new and experimental way of navigating through the website or just a tiny surprising hover effect – fresh effects can spice up your design and bring some life to it.

We’ve collected some wonderful examples of such effects for your inspiration. Dive in!

Edits Quarterly × Ian Coyle

Edits Quarterly is a great example of a whole new navigation experience. You can scroll down or simply use the arrow keys to view the beauty of it.

neotokio!

Neotokio! will surprise you with different kind of animations while you scroll down the site.

Kyan

Kyan has an awesome slider that just animates wonderfully has gives a real 3D feel to it.

Adrian Baxter

Adrian Baxter’s website has an interesting and original parallax effect. Oh, and don’t scare when you check out the contact form :)

Alpis Design

Here we have a nice hover effect in the about section.

Dawid Wadach

Dawid Wadach has a very interesting hover effect which reveals his portfolio items. A combination of lines and boxes that move make this effect very original.

Dangers of Fracking

“Dangers of Fracking” which is designed by brilliant Linda Dong, is just a beautiful on-scroll piece of art that explains the dangers of hydraulic fracturing, a process that is used to release natural gas. See, how the story is being told using this wonderful visualization method.

AIGA 50 DC

AIGA 50 uses this great “cut-out” technique that reveals the images of a slider which always seems to be beneath the other content slides.

Create Digital Media

Create Digital Media has a unique slider that shows content and images in an original way.

Mezcal Buen Viaje

Now, THAT I call a scrollbar! :) “Mescal Buen Viaje” is like entering another world: everything is very original, from the scrollbar to the navigation to the way images are displayed: it’s such a fresh experience. And check out those cute kolibris that flap their wings on scroll.

Alex Pierce

Alex Pierce has some nice sliding happening right after the page is loaded with CSS3 animations. Hovering over the main navigation will make the whole navigation bar move a bit. Also, other subtle (hover) effects make a visit to his website a really nice experience. And don’t you just love the typography?

Styiens – Label Musical

Styiens has a very interesting slider that moves around that central circular element.

Lavazza 20Calendars

20 Calendars of Lavazza uses a beautiful full-page accordion that slides open elegantly when clicking on one of the headlines.

Shelton Fleming

Shelton Fleming divides its content into “Experiences” and “Ideas”, presenting each on one side of the page and making their sub-content slide originally when opening a menu item.

Toast!

Toast! has a really cool and original slider.

Five Thirty Brew by blenderbox

Five Thirty Brew by blenderbox is an exciting scrolling roller-coaster that will present you their fine beer and the process of making it.

CaptainDash

The delicate and original layout and design of CaptainDash makes the sliding content very interesting.

Sir John A Day

Sir John A Day has some really cute subtle details that are not visible at first sight. But once you dive in, you will see those tiny animations, that complement this beautiful design and add life to it: there is something animating in every section of the page.

We hope you liked this little collection and got inspired!

Color is definitely a very important element of web design, and if you are familiar with the Color Theory used in visual arts, you may know that even with a lot of studies, the reaction to colors is pretty subjective and people react differently. Some reactions are based on background, others are based on personal taste and even psychological feelings. The color theory is actually a science that helps us design our projects, and it’s certainly something to consider when creating a website.

Today we will show you some examples of websites that are using beautiful and inspiring color combinations that match perfectly and create an eye candy result. From delicate and smooth colors to strong duos and super colorful pages, we have several styles to show you.

In case you are interested, here are some nice color related tools: COLOURLovers, Kuler Adobe, Color Scheme Designer and remember you can sometimes use Firebug to discover which colors people are using in a design. Enjoy!

decode

• #50d07d
• #d02552
• #b2cecf

Gimme Delivery

• #DC3D24
• #232B2B
• #FFFFFF
• #E3AE57

Kitchen Sink Studios

• #221E1D
• #ECEAE0
• #63AA9C
• #E9633B

Stephen Gacheru

• #222930
• #4EB1BA
• #E9E9E9

Craig Morrison

• #E4E4E4
• #F1684E
• #1B1B1B

IFYC

• #763A7A
• #0288AD
• #F6F3EC

Leaders – The Conference

• #AC2832
• #000000
• #DFD297
• #FFFFFF

Code Slingers

• #F2EFE4
• #CB8C1D
• #4C3327
• #BD3632

Tom, Dick & Harry

• #DCD8CF
• #E25D33
• #282827

Atticus Pet Design Studio

• #B94629
• #E3DEC1
• #E89F65
• #47AFAF

Red Bowl Challenge

• #ED1C24
• #831618
• #FFFFFF

Viljami Salminen

• #D05A00
• #FEFFF8
• #29241E

La Moulade

• #FFD500
• #FFFFFF
• #38300A
• #E9C92D
• #000000

Hello Studios

• #E4DBBF
• #DC5B21
• #70AB8F
• #383127

Mea Cuppa

• #191919
• #DFE2DB
• #FFF056
• #FFFFFF

Cheese Survival Kit

• #2B2B2B
• #DE1B1B
• #F6F6F6
• #E9E581

Tree House

• #00ACE9
• #D43F3F
• #6A9A1F
• #F6F6E8
• #404040

Bloom

• #434E3C
• #F5F4EB
• #893667

Half Of Us

• #D2D2D3
• #FFFFFF
• #FFE361

Fuel

• #8A0651
• #FFFFFF
• #000000
• #424242

Shady Acres

• #99CD4E
• #FFFFFF
• #343434
• #E1E1E1

Web Toolbar

• #EB593C
• #333333
• #ABDCD6
• #FFFCEC

Cloudberry

• #EDEDE4
• #F74906
• #554E44
• #FFFFFF

Enlightening Quotes

• #222222
• #D11250
• #DB5800
• #006899
• #008F68

Kite Studio Architecture

• #BDBAB4
• #FF6766
• #97CE68
• #6BCBCA
• #FF9900

Source:

The Best Designs
site inspire

Here is a small and inspiring collection of symbol and metaphor use in web design. Enjoy!

JoinUnquoted

Melonfree

You Are What You Eat

HarryFord

FleetCreature

1minus1

Column Five

Slavery Footprint

AED

GiveBeyond.Me

Web Expert

Mark Jenner

Sunday Best Websites

CSS Piffle

World Of Social

Centering elements in a web design is a very effective way of creating visual balance. Centered designs can also make responsiveness easier, a property that is becoming more and more desirable with the growth of the ‘mobile web’. Inspired by these two ideas I want to share a couple of centered designs with you. The collections consist of web designs that mainly have centered elements like headlines, images or content areas.

Freelance Graphic Design

Jean-philippe Gams

FireFly

CodeArt Media

GoneFreelancing

We are O3

Eighty Two Design

cabedge

Human Writ.es

Mitchell Shepherd

Nice Div

Contrast Rebellion

B3 Studios

InCub

Rareview

Duet

Ben Markowitz

Brock Kenzler

Reverend Danger

Pongathon

A line is a basic element that refers to the continuous movement of a point along a surface, such as by a pencil or brush. The edges of shapes and forms also create lines. It is the basic component of a shape drawn on paper. Lines and curves are the basic building blocks of two-dimensional shapes like a house’s plan. Every line has length, thickness, and direction. There are curved, horizontal, vertical, diagonal, zigzag, wavy, parallel, dashed, and dotted lines.

Lines, lines, lines. Lines are everywhere in design, they are used to divide space, direct the user’s eye, create flow, create emphasis and organize all design elements into form. Generally, we don’t think about lines that much, but we make use of them quite often to visually communicate our objective to the user. The web is about communication, so using lines to communicate your message properly is important.

Communication — Line Types

First of all, a line is simply a fluid connection between two or more points. It seems like there is an endless supply of differing types of lines, from thin lines to thick lines, short lines to long lines, wavy lines to straight lines. But just like everything in design — or in life — there are some basic lines that we need to understand.

• Literal line – A literal line is just that, a line. It’s the visual or actual line you see.
• Implied line – This type of line is the “imaginary” line that your mind instantly creates by connecting dots or elements together. The best example of this is a dotted line.
• Psychic line – This type of line is another “imaginary” line that differs slightly from implied line in that psychic lines are generally used to create eye direction form one element to the next. A great example of this in web is a photo of a person looking in a particular direction, or a series of arrows.
• Contour lines – Contour lines are mainly used to define edges and create boundaries of elements. This type of line is probably the line type mostly used or seen in web design, borders being a classic example.
• Dividing lines – Dividing lines divide space and are commonly implied lines that are used to divide content areas such as the dividing spaces between columns of text.
• Decorative lines – This type of line is generally used to add something to an element: texture, depth, shading, function or any other decorative embellishment. The most well know decorative lines in web design is the underline under a text link.

Meaning and Mood

Lines are great for creating mood and meaning. Beyond the foundational line types above, other line types and styles can be used to create meaning and mood. Because there truly are an endless number of line types and combinations within, we’ll just take a look at the few main types.

Vertical lines simulate height and can create a mood of grandeur or spirituality. Great examples of this is the vertical line usage in churches and cathedrals where ceilings are lifted on tall vertical pillars guiding the eyes upward. In web design vertical lines tend to represent or create length and indicate to the user that there is more content below the fold.

Horizontal lines generally create relaxation or a calming mood, they tend to be quiet and subtle whereas vertical lines are more imposing and powerful. In web design horizontal lines are also known for their ability to organize content. When you look at gridded layouts you’ll notice that horizontal lines are the elements creating balance and organization — even though grids are generally laid vertically.

The majority of curved lines create familiarity and comfort, they also suggest relaxation. Curved lines are very easy on the eyes and are interesting to follow. Curvy lines are associated with nature — they feel very organic.

Diagonal lines are the greatest way to create movement and direction. Where horizontal lines suggest gravity and are stable, diagonal lines are more unstable. These lines don’t lay down or stand up in a restful position, they are in motion and you can actually create a sense of speed just by simply adjusting the pitch of the lines: the steeper, the faster.

Thick lines are visually powerful on the canvas, they represent power and respect. The use of thick lines can build a feeling of power and boldness. However, the overuse of thick lines can be very overwhelming and way too demanding so you’ll need to be careful and balance them off with other visual elements or differing weights of line.

Thin lines tend to feel fragile, but their subtle feeling makes them great for directing the eye without being annoying. They are also empathetic to the viewer and tend to create a feeling of comfort and tranquility. Combining thin and thick lines is a great way to create visual interest and hierarchy by balancing the visually demanding thick lines with the subtle, comforting thin lines.

Examples of Lines in Web Design

http://www.halfofus.com.au/

http://www.shhim.co.uk/

http://lawineagency.com/

http://www.codeslingerschallenge.com/

http://www.hellostudios.com.au/

http://www.englishworkshop.eu/

http://inmotionmassage.co.uk/

Typography is a very important part of design and choosing the right type for your design can be very challenging. From print to web layouts, typography is the center piece of a good design and today we gathered a few examples of beautiful typeface combinations in web design to inspire you. In web design, typography can be used in different forms, big bold headers, simple and clean menus, explanatory text and so on. Finding a good combination of typeface is more than only good taste, it’s an art.

To discover the fonts used in each design I used the WhatFont tool, which is pretty good (besides Firebug and other tools).

Colbow Design

Futura PT (header) – Yellowtail (center).

Ana Majik

FF Tisa (header and footer) – Josefin Slab (everything else).

Fatum

Helvetica Neue and Octin College Regular.

nest

nest is beautifully mixing Fuller Sans DT Bold and Fuller Sans DT Regular.

Tommy

A nice combination of Arial and Bebas Neue.

826 Seattle

Courier (top menus), Museo Slab and Futura PT.

The Beauty Shoppe

Here we have a great combination of Nixie One (headlines) and Open Sans (Texts).

The Bright Future of Car Sharing

A lot of fonts here: Aurea Ultra, Helvetica, Times, Franklin Gothic and Georgia.

La Wine

We showcased La Wine on our last week texture use in minimal design but their typography combination is so beautiful that we decided to show them again. Fonts used here are Proxima Nova Extra Condensed – Bold, Helvetica and League Gothic – Regular.

Kansas City Creep Fest

Copse and Homemade Apple.

English Workshop

League Gothic Regular, Helvetica Neue and Museo Slab .

350gram

Kreon and Verdana.

palantir.net

Proxima Nova Extra Condensed and Verdana.

Johan Reinhold

Raleway and Georgia.

Co-Work

Arial and Georgia.

Dave Carter

Cuprum and Pacifico.

space150

Helvetica Neue and League Gothic.

Dilly Deli

Arvo, Helvetica and Georgia.

Jones Film Video

Droid Sans and Kulturista.

Australia Business Arts Foundation

Clarendon and Arial.

Switch to Virgin America

FS Sinclair, Vitesse Sans and Vitesse.

Protein

Droid Serif and Helvetica.

Polaroid

Helvetica Neue and Museo.

Timberland Women

Trade Gothic and Neutraface.

Hermetik

Caslon and Helvetica.

Source:

The Best Designs
site inspire