The rest of the site is cutting edge and modern. Also called Fraktur or black letter fonts, these fonts are still commonly used in newspapers and their accompanying websites today. Ample white space around the heading line gives just enough breathing room, creating a light, welcoming feel for the site.Īn Old English typeface is used as the nameplate for the Boston Globe. The sans-serif font used here fits the type of business very well. The fonts used are well-chosen and compliment the modern, progressive nature of the event. Hull Digital Live is a digital and technology conference in the UK. A proper hierarchy is created on the website for 826 Seattle, allowing visitors to easily scan content and find important items.įonts used: Courier, Museo Slab, Futura, Alternate-gothic-no-1-d From short and round to tall and thin, most sans serifs work well for both large blocks of text and in display.
San-serif fonts are some of the most popular in web design. This decorative font is paired well with a minimalistic sans-serif in creating a strong visual impression that speaks to the brand.įonts used: Bistro-Script-Web, Adrianna-extended, Adrianna, Helvetica Neue In this design, color adds enough contrast between elements and a limited type palette creates a soothing appearance.Īgain we see how ornate fonts can effectively be used sparsely at large sizes. This is a great way to garner the visitors attention immediately. The web design trend of creating typographic layouts that resemble posters hasn’t gone away. The rest of the site is a nice contrast, featuring a simple sans-serif font to aide in readability.įonts used: Fono Compressed, Helvetica Neue Additionally, a text shadow property lifts the headline off the page and dominates the visual hierarchy. When used correctly, display fonts can make a big difference in creating a novel website design. In this article we’ll take a look at 10 websites that effectively use type to convey information and get visitors visually interested in their offerings.Ī strong, brief headline commands our attention on this camp website and ties the four divisions of the site together through its wording. If you haven’t, explore the categories of type and then mix typefaces from them until the design communicates what you’re trying to say. When planning a web project think about the message your typefaces are trying to convey. In the modern web, new technologies and tools, such as API utilization, CSS3, make this task much easier in creating compelling visual impressions. When used well, it establishes a visual hierarchy and helps the user connect with the content. Typography is an element that should compliment the content of a website.