8 Irresistible Google Font Combinations You Should Try Now 2014

Posted on

 

 

 

 

After few months of freelancing, I’ve compiled the best Google Font combination I’ve used for my projects. Here’s another batch of combinations you might want to try for your site/blog:

google-font-combination-2014

Fonts Used:

maven pro black, maven pro, arbutus slab, noto sans, libre baskerville, lato light, lato, titillim black, titillium web, quatrrocento, pt sans, roboto slab, ubuntu light, scada, source sans pro

How to Design an Effective Contact Page

Posted on Updated on

Image

As we go through the article, here are the 4 questions that we’ll answer for us to know how to design an effective contact page:

1. What is a contact page?

2. What it’s purpose/goal?

3. Why should we design this page with such process?

4. and How should we design it?

 

What is a Contact Page?

A contact page is basically where your possible clients will go in order to contact you, ask a quotation, see your phone number, or just say hello on your contact form.

What’s the purpose of this page?

This is like your business card. This is the 1st medium that your visitor will use in order to reach you. The only goal of this page is to make sure your contact details are here. They are readable.

Why you should design an effective contact page?

This is the page where your visitors will use in order to reach you. That’s why we should make sure that this page is functional and effective. So what makes your contact page effective? Of course, we should include all the possible ways your visitor can reach you: fax, phone, mobile number, email, office address, google map, social media links, etc.

How should we design a contact page?

This process is subjective. What we’re doing now is giving you the guidelines but it’s up to the designer to play around. However, here are 6 points that we’ll consider:

1. Personal Welcome Note

A lot of designers neglect this part saying it’s not really necessary. They have a point but the basic function of a contact page is communication. We are actually talking to every visitor. Have this give a polite and personal impression. It’s like giving them a warm greeting. However, if you’re more on very-serious-corporate-snob business, this is not necessary.

2. Google Map

This is a must especially if you’re a corporate business, a retailer, or any organization which a client may pay a visit to do business  with you. Moreover, a google map gives a trust impression that you do really exist.

3. Contact Details

Of course, these are the information that people will want to see. Your only objective is to make sure they can be easily read, selected, or copied. In short, make it text not image. Make sure the font is large enough and readable enough for old people. No fancy useless graphics, pointless diagonal lines, and destructive animation effects. However, adding icons will greatly help.

4. Social Media Icons

We are now in the era where social media is a big part of the internet. Though this is optionalbecause not all business are involved in social networking sites, it’s also important to know that this may also a possible way of reaching to new clients. For example, you have a 50% sale offer on all your products next week. You posted it. It becomes viral. You got a lot of clients. In short, as long as you use it, put it.

5. Contact Form

People hate long forms asking too much personal information when they just wanted to ask if you can clean their carpet during holidays. We should design contact forms where in visitors can reach you with a very minimum input or click. Designers usually just include email & message input forms. Phone & name are just optional. People won’t really be scared to give their email specially when you say “We don’t spam.”

Conclusion: Your main objective in building contact page is to make sure your contact  details are there, readable, and your contact form is working.

5 Best Elegant Google Font Combinations

Posted on Updated on

Here’s a round up of 5 best elegant-looking combinations of Google fonts that look good together. These combinations convey elegance, luxury, classic-feel, and seriousness that is great for high-end jewelry/accessories shop, black & white portfolio sites, and minimalist blogs.

Image

Font Combination Summary:

Playfair Display – Raleway Light
Josefin Sans – Merriweather
Gentium Book Basic – Lato
Adamina – Muli
Lato – Tienne

Best Montserrat Font Combination

Posted on Updated on

We can see a lot of designers using the flat style to achieve the modern look and feel. One important factor to achieve this is to use a  google font combination that suites the modern look. Montserrat is one of the most popular font choice. However, we need to choose carefully what font that will look good with Montserrat. Although we can refer to google fonts for pairings list, here are my 4 Montserrat Font Combinations:

Image

 

Font Pairing List:

Montserrat/Muli

Montserrat/Open Sans

Montserrat/Merriweather Sans

Montserrat/Ubuntu

 

Conclusion:

Montserrat is best used for headers. It’s fat slab-type look is great for headlines, catchy titles, and also looks good even in all caps. It’s best used with thin and rounded sans serif fonts. Above are just my list. Feel free to suggest more!

10 Great Modern Google Font Combinations

Posted on Updated on

10 Great Modern Google Font Combinations I’ve compiled and feel free to evaluate my definition of modern:

Modern Google Font Combinations
Modern Google Font Combinations

Archivo Black / Arimo – Great for portfolios, landing pages, banners, slideshows, or even document proposals.

Nixie One / Noto Sans – A little feminine font combination that’s great for blogs, food
websites,etc.

Bitter / Alegreya – both serif combo that’s also good for young themed blogs or websites

Archivo Narrow / Average Sans – great for corporate and small business websites

Merienda One / Merriweather Sans – good font for food or any organic related websites

Candal / Droid Sans – you can use this for product-related websites

Allan / Mako – great for gadgets websites

Cutive / Alef – good for blogs, articles, and young/modern themed websites

Montserrat Alternates / Muli – mostly used for portfolios

Lobster Two / Imprima – good for young , feminine, flat websites

10 Best Google Font Combinations You Haven’t Tried Yet

Posted on Updated on

So what do we have here? Another “top-best-professional-ultimate-super-Google-font-combinations-you-must-try-before-your-rabbit-dies“? WELL, HELL YES. The thing is, pairing fonts and make them look good together is hard as moving on from a break up. Damn..

I’ve spent 10 centuries figuring out beautiful Google font combinations so you might want to take a look. So here’s my compilation of modern font combinations and don’t forget to pass it on to your grand-kids:

Best Google Font Combinations

Font pairing summary:

1. Libre Baskerville and Ubuntu – best Serif and Sans serif font pairing. It’s like bacon and eggs. Both font families offers great variation though.
2. Bree Serif and Imprima – This pair conveys young, feminine, and modern look. So if you’re a chick, use this. Great font combination for blogs.
3. Montserrat and Pontano Sans – a great Google font combination with Montserrat. Good for young businesses, web design agency, portfolio, etc.
4. Oswald and Muli – Tall and bold header paired with thin and wide body text. This style is popular for landing pages.
5. Pt Serif and PT Sans – using the same font family will never fail you yet this is a good sample of professional font combo
6. Volkorn and Raleway (Light) – classic yet sexy pair of bold serif and thin body text. A luxury font combination.
7. Roboto Sans and Roboto Sans (Light) – same font family of sans serif gives you the young look to your site
8. Josefin Slab and Maven Pro – a feminine Google font combo. sweet and sexy! Great font for fashion websites.
9. Oxygen and Source Sans Pro – This two is not that popular but look how these two fonts look good together!
10. Paytone One and Droid Sans – a fat slab fancy headline and a flexible body text. Great for food blogs!

Conclusion: I’ve shed enough blood for this so if you have ideas to make them better, I’ll marry you.

Health buff? http://www.healthtrainingguide.com

5 More Best Google Web Font Combinations 2013

Posted on Updated on

Every web font has its own personality. Finding the best font combination is sometimes tricky because we need to understand each font’s characteristics, how they blend to others, and would they look great and be effective on the website. I’m in pursuit to discover more effective combinations so below are 5 more Google web font combinations you might want to use :

1. Open Sans Condensed and Open Sans

opensans-condensed-opensans.gif

I usually use this font combination for business or corporate websites like outsourcing or web design companies, etc.. The tall and thin (open sans condensed) headline conveys the sense of cleanliness and professionalism and using the typical Open sans as your body gives you the versatility for bold and italics.

2. Extrabold Open Sans and Ubuntu

extraboldos-ubuntu

Another open sans header? Yep! Contrary on the previous headline, we’ll gonna use a fat-slab like header which is the Extrabold Open Sans. This now conveys a more powerful and attention-seeking typeface which is best for H1, slideshow captions, and catchy headers. Ubuntu‘s roundness/curve style blends well with this header. Best use for young, modern, metro and minimalist websites.

3. Playfair Display and Droid Sans

playfairdisplay-droidsans

Now we’re giving the oh-so-common-serif-sans combination a little twist. That Playfair Display, as the name goes, has this characteristic of being playful serif yet great in headlines. Droid sans goes well with this for it’s neutral-look and it’s versatility of use. I usually use this combination for food, restaurant, book websites that looks professional but conveys a little fun in it.

4. PT Serif and Source Sans Pro

ptserif-sourcesans

Sticking with the classic combination will always a safe option. Tired of Georgia and Arial duo? You may want to use PT Serif and Source Sans combination which both of them are good to eyes when used on blogs and text heavy websites.

5. Volkorn and Droid Serif

volkorn-droid-serif

Size does matter. How about a fat and big serif for a headline? Volkorn is the best font for this. A laid-back old-school header full of confidence – that’s what a header should be! Supported by the Droid Serif, this combination is best for portfolio’s, blogs, and other personal websites that has this little loud, minimalist and classic style.

Conclusion: I realized that these fonts are like us humans (oh that’s cheesy). Simply because they have their own looks, style, and personality. The most important thing is finding the way to find their ‘friends’ and make them go well together. That’s all for now and I’ll try to experiment and discover more great google web font combinations we might use. Your feedback is very welcome!