Font Combinations
Words mean a lot.
It’s often said that the best designs are the ones you don’t notice. Sometimes, though, effective design is distinctly visible — striking enough to cause pause and admiration, even. One simple way to boost the aesthetics of your website is to choose fonts that up the ante.
Finding fonts that actually work well in a web-based environment can be difficult. Two individual typefaces might be gorgeous on their own, and hideous when put next to one another. Like throwing cheesecake and pickles into a blender.
Below are several recommended font combinations that were designed to convey ease and simplicity to your visitors. And in the end, a little extra help if you don’t see something that speaks to you.
Font Combination #01
Font Combination #04
Font Combination #07
Font Combination #02
Font Combination #05
Font Combination #08
Font Combination #03
Font Combination #06
Font Combination #09
Extra help.
If none suit your fancy, and you still want to embark on a “typographic dating game,” start by choosing a typeface to pair — your “main character,” if you will — and you’re then presented with potential “dates.” Although the matchmaking decisions lie in your hands, the following sites cleverly presents you with typographic terminology, tips, and history throughout the experience. Choose two.
This site helps you pair Google fonts together. You can search by font, and sort by typeface combination. All of their example text is editable, so you can paste in your own copy to see what it looks like.
Choose a “starter font” from a drop-down menu and receive a font suggestion that works well, including example text so you can visualize what it looks like. The editable text field makes it easy and fun to play around with the fonts on your own.
Scroll through the fonts and pick out the ones that catch your eye. The less organized presentation makes it easier to scan randomly and enhances the feeling of discovery – if you’re into that sort of thing.
Color Schemes
Color me beautiful.
“Blue is the richest color for me; I can see all of blue” says Zuckerberg. While this choice of color doesn’t seem very scientific, it still proves that a lot of thought is put into the choice of color.
As Buffer writes, over 90% of our assessment of a product is made on color alone, so it makes sense that color should be considered with care for every design decision, particularly on websites. Chances are, if we don’t like the color palette, we’re not going to stay on the site for very long.
To get you started on your own palette, we’ve gathered 24 beautiful websites with versatile color schemes you can take inspiration from. So without further ado, let’s get knee-deep in some beautiful colors.
Need something braver and bolder. No problem, check out our extra help section to customize your color scheme – because, we want your site to be uniquely you.
Antique Tones
Cheerful & Sleek
Cool & Calm
Corporate Sleek
Fun & Cheerful
Pop Art
Simple & Fresh
Unique & Striking
Art Inspired
Clean & Collegiate
Cool Jewels
Earthy & Fresh
Muted & Minimal
Professional & Modern
Sunny & Calm
Warm & Bold
Bold Features
Clean & Crisp
Cool & Warm
Elegant & Sophisticated
Muted Tones
Sharp & Modern
Unexpected
Warm Tones
Extra help.
If none suit your fancy, and you still want to embark on a color matching journey. Take a look at these sites, and blog. Choose four colors and please note the “hex codes” or the six character code preceded by the “#” (no, it’s not a hashtag).
This is a super cool tool. Just drop in your favorite image, and the generator will create a color pallet for you.
Type a color, theme or a keyword in the search field and a myriad of colors will be presented. But don’t get too lost as colors can take you a place it’s hard to come back from.
Just a few more suggestions of websites with some amazing color combinations that are sure to boost retention. Take a look, see what you like.