25 Excellent web design with smart typography

Although typesetting is a very important part of web design, most of the sites are not specifically designed and adjusted for typography.

In fact, it seems to me that many of the websites we visit on a daily basis have no bright spots in typography, which is why, when we discover these Web sites that are carefully crafted in typesetting design, we will feel joy and a sense of happiness.

If you're tired of the ubiquitous song, black, Arial, and Helventica, then you should like the next case, and these clever typography-smart sites will expand your Web favorites again.

1. V02 Group

Elegant text typesetting suspended in mid-air, and the background of integration, this design in addition to the well-known increase in force, can significantly enhance the depth of the page. Strong contrast color collocation is also the embodiment of the designer's ingenuity, I think you have found out.

Font used: Crimson Text, Futura

2. What is Your Future?

The site, called "What Is Your Future", was also beautifully designed and quite rigorous in typography. Designers obviously like the minimalist and flat wind, the use of the font Baron Neue is a very expressive style, in the black background is very eye-catching, making the entire page cool up. Regardless of typesetting skills, this font is worth a call?

Fonts used: Baron neue, Georgia

3. Jacob Grubbe

Complex sites are the same complex, and simple Web sites can always play a different style. This shape is on the same background as the Windows blue screen freezes, presenting content in a single font of different colors, which is what we know as "the soul of Android"--roboto. Simple wind, a reasonable selection of colors, coupled with a sufficiently modern font, you can output a personalized page.

Font used: Roboto

4. Secret resolutions

In today's era, individuality is justice. This site design ideas and a very close, let the color sound, with the font to show personality, the site with the font named Brandon Grotesque, although slightly strange, but with other elements, it seems very unique. This is the fun of adventure, instead of changing, it becomes a unique site, you think?

Fonts used: Brandon Grotesque

5. Basics09

As the website says in the title introduction, it aims to "provide fonts (Benton Sans) for basic web design and printing." Frankly speaking, Benton Sans is indeed a very simple and not liner, a slight adjustment can create a sense of hierarchy. The website and the font are good, very nice.

Fonts used: Benton Sans

6. Degordian

Degordian This site fully utilizes the contrast strong background and has the impact font (Futura) combination (This is also the current website design a big trend), the website another commendable place is it uses the body font: Merriweather.

Fonts used: Futura, Merriweather

7. Brancott Estate

Designers will be the layout of the site and map to make a blackboard painting effect, texture is very good. Although it is not possible to confirm the main font of the site, the fonts used to match the font can be confirmed to be Georgia and the combination looks very comfortable.

Font used: unknown, Georgia

8. Miles Calder

This is also a very simple wind site, the entire site uses a font: Founders Grotesk. Interestingly, designers use this font of different colors, sizes to create a sense of hierarchy.

Fonts used: Founders Grotesk

9. Run for Ajd

This is a French site, from the font style is really poor readability, but in terms of style and personality, extremely prominent.

Font used: Avenir Book

Sendamessage.to

With just a few steps, you can use this site to send personalized information to friends and loved ones. In web design, designers also use a single font for Web layout. The large size of the Proxima Nova font looks very beautiful.

Fonts Used:proxima Nova

Amazee Labs.

It looks like Amazee Labs has designed its own set of fonts for its own website, which is mainly derived from source Sans Pro and Museo. The two fonts blend together harmoniously, and the different color collocation layout is also quite beautiful.

Fonts used:source Sans Pro, Museo

Oudolf

Like the former Jacob Grubbe Web site, Oudolf is almost the only design element of the site. Here, typesetting design and pictures are cleverly combined together.

Font used: Mason neue Book, Univers Standard

I Am Baaz

The site uses two fonts: Verlag book and Acrom Extra Bold. The designer uses the popular video background image, the video background and the foreground beautiful font combination as if an interactive dynamic poster, absolutely praise.

Font used: Verlag book, Acrom Extra Bold

FS Millbank

As a promotional website for fonts, the layout design of the stuffy Sao is almost certain to appear. Like many good predecessors, it is designed to be a "passerby" font--beautiful, modern, reliable, and engaging.

Font used: FS Millbank

Studio Lovelock

Over the past year, Futura PT seems to be the biggest user-growing font, and this studio Lovelock site simply uses it all over the station. Still, designers elsewhere intent the different sizes of Futrua PT in different locations, as well as hundreds of changes.

Used: Futura PT

Adoratorio

Playing with color or quite easy to play a pattern, although sometimes it looks slightly strange, but with the rich expressive font, but will become the site's bright spot. Montserrat and Courier New are not fonts that are interesting and fun to sell, but they are particularly prominent on this site.

Fonts used: Montserrat, Courier New

The Pattern Library

Speaking of which, the site rarely uses typography, but its "Download now" button subtly uses Mostranuova fonts, which are almost perfect in this place. Good typography can sometimes do a good job of designing. Once again have to recommend the domestic iOS Chronicle application "Small Remember", is really the font selection of good, force lattice on the explosion of the table AH.

Font used: Mostranuova

Spotify. Sweet Spot

As a well-known music service, Spotify is still quite a set of fonts. Spotify's designers have chosen circular TT fonts on their Valentine's Day "Sweet Spot", a complete font that should be used in different locations for typography, simplicity and modernity.

Font used: Circular TT

Wuyi North

Yi North is a design agency in Holland, designed using Minion W01 and Tw Cen W01 two sets of fonts, discreet, but distinctly contrasting, very beautiful.

Font used: Minion W01, Tw Cen W01

Relaisblu

Relaisblu is a high-end hotel in Italy that uses three different fonts for typography. Usually more than 2 different fonts for a page can be confusing, this site will not, but it seems to be quite impact.

Fonts used: Geosans, Fanwood, Theano

April Studio

The fonts used in this site must be familiar to you, and this is the standard font after IOS7: Helvetica neue. Abroad it has been a bit of a trend of abuse, but it also reflects the strong compatibility of this font and good performance.

Fonts used: Helvetica neue

Emyth

Emyth is a simple but grounded web site, mainly thanks to two big fonts used in typography: Museo Slab and Proxima Nova.

Fonts used: Museo Slab, Proxima Nova

Melanie Daveid

More and more symmetrical sites, this site in addition to the left of the title, the body part of the text only a font: Proxima Nova. In the body part, the designer presents the level of the site (in fact we often do) by contrasting the different characters, and a few custom fonts give the site a personality.

Font used: Proxima Nova, custom font

Formlets

Although the Formlets home products are not outstanding, but their website is still very bright eye. Personalized Facebook illustrations and modern sense of the font collocation together, showing the same enterprises do not have the personality and temperament. Din and Roboto who don't know? But to make such a website, only kung fu is outside the poem.

Fonts used: DIN rounded, Roboto

Nicholas Bussiere

A font to conquer, as if this is the choice of many European and American designers Ah. The designer only uses the Apercu font in the entire website, in order to the whole station refreshing temperament, also only uses the light and the regular two kinds of thickness, the level is distinct and clear, has the contrast but is not strong.

Font used: Apercu