-
The Climate Reality Project
This tile-based layout presents a vigorous and lively design pallet mixing up lots of typography, color, proportion and transitions to create a busy but organised effect. It’s interesting to note h…
The Climate Reality Project
Webfonts used: Brandon Grotesque, Merriweather, Trade Gothic®
-
Fear The Grizzly
An italic didone can be a very different beast to its upright sibling. Both are highly formalized, but where the upright says “stately and statuesque” and is a favorite of fashion and high class con…
Fear The Grizzly
Webfonts used: Didot Italic, Frutiger
-
Alex Talmon
Heavy all-caps titles centered over widescreen photography is a popular and well established design pattern, but it’s still worth highlighting nice examples. Brandon Grotesque’s soft corners suit thi…
Alex Talmon
Webfonts used: Brandon Grotesque, Petrona
-
Berlin Art Prize
This isn’t strictly a webfont project since it uses the font virtually every computer has installed locally, thus no @font-face is required, but the typography is well worth highlightling n…
Berlin Art Prize
Webfonts used: Times New Roman
-
A Day in Big Data
OgilvyOne (a ‘Customer Engagement’ branch of the Ogilvy + Mather empire) made this scrolling infographic to accompany their film on the topic of Big Data. For the type they have paired Proxima Nova for…
A Day in Big Data
Webfonts used: Libre Baskerville, Proxima Nova
-
Lotto Miljonairs
The bright, blocky illustrative infographics on this site promoting the Belgian lottery are nicely complemented by the Soho® Gothic typeface designed by Monotype’s Seb Lester.
Lotto Miljonairs
Webfonts used: Soho® Gothic
-
Pol Solsona
The split title on the home page of this Finnish designer’s portfolio site is a wonderfully effective way to create a sense of depth in what otherwise is a black and white layout and text set in H…
Pol Solsona
Webfonts used: Helvetica® Neue
-
Dagobert
This French digital agency pulls off the trick of setting large bold type (in Futura®) together with blocky elements and simple geometric shapes, but not have it feel like a Duplo Lego play set. …
Dagobert
Webfonts used: Futura®, Baskerville
-
One Design Company
An impeccably aligned grid with a simple and well thought-out type hierarchy means this Chicago design agency can do a lot with very little – just Futura® Bold for headlines and Gotham for text. That gr…
One Design Company
Webfonts used: Futura®, Gotham
-
Rokkan
This brand consultancy pairs the classical, renaissance-influenced Minion with Avenir’s rationalist simplicity. The goals here seem to be a clarity of vision expressed by generously sized headlines a…
Rokkan
Webfonts used: Avenir®, Minion®
-
Rogue Society Gin
This site for a New Zealand gin producer mixes contrasting design elements nicely: rough brush strokes vs slick geometric forms; photographs set against illustrations; organised layout interrupted by…
Rogue Society Gin
Webfonts used: FF DIN Web, Matrix II
-
Gubb and Mackie
The clean lines of the Avenir® typeface slot in well with the primary colors and basic geometry of this fashion label’s online retail outlet.
Gubb and Mackie
Webfonts used: Avenir®
-
rileyscycles_co_uk
Four type classes are effectively balanced against each other in this site for a local bike repair workshop: Bambola, also used in the workshop’s sign, is an informal brush script that is adaptable e…
rileyscycles_co_uk
Webfonts used: Adelle, Bambola, Bebas Neue, Brandon Grotesque
-
Diesel Black Gold 2014
UPDATED: For the 2014 season, Hello Monday have replaced Sackers Grotesque with the simpler, skinnier News Gothic Light. We observed last year that Sackers Gothic was an interesting departure from…
Diesel Black Gold 2014
Webfonts used: News Gothic™
-
Mijlo
We're featuring this almost solely because of the drop cap in the blog article layout – even though this is a simple trick to pull off, it’s still a rare sight and, weirdly, felt more common in the days…
Mijlo
Webfonts used: Century Schoolbook
-
Bloomberg Visual Data
These interactive infographicas by Bloomberg Visual Data use the Avenir® Next typeface throughout the interface. It all adds up to some very slickly and compellingly presented data stories, to which …
Bloomberg Visual Data
Webfonts used: Avenir®
-
Burnkit
There's no escaping the fact that there's some things the Helvetica® Neue typeface is perfect for, and this agency's portfolio site gets the tightly-stacked, all-caps headline just right – not too hea…
Burnkit
Webfonts used: Helvetica® Neue, Plantin®
-
Frontier Visuals
Trade Gothic® works well with the show reels at the center of this film production agency’s presentation. Its condensed width allows a larger font size, without taking up too much horizontal width, an…
Frontier Visuals
Webfonts used: Trade Gothic®
-
St Marks Square
This site for an urban development scheme unites Dala Floda, a stencil face based on letterforms from the Renaissance era, and Graphik, a mid-century-modernist sans – both typefaces from Commercial T…
St Marks Square
Webfonts used: Dala Floda, Graphik
-
High Tide
The text on this agency’s portfolio site is very minimal – just a few project names, titles, tags, plus the slightly longer about page shown in our screen grab (above); the minimalism is ably abetted by F…
High Tide
Webfonts used: FF DIN Web
-
Project 53
The Avenir® Next typeface is used here as part of a fairly neutral, muted design palette. Together with the cool pastels and warm greys of the color scheme, it forms an understated backdrop to this …
Project 53
Webfonts used: Avenir®
-
Monte Ré
The site for this Italian food manufacturer uses three weights of Brandon Grotesque for all text, heading and navigation settings. It's a spacious, well organised layout with all text content packed…
Monte Ré
Webfonts used: Brandon Grotesque
-
Agens
This agency portfolio for Norwegian mobile software specialists Agens goes for a clean, spacious text-centric layout, with copy that never feels too dense or too much to read in one go. This is down…
Agens
Webfonts used: Proxima Nova, Dharma Gothic
-
The Future of the Airline Website
Fantasy Interactive have created this minisite to get across their ideas for how the airline industry could improve their online strategies. It’s a single scrolling page dominated by all-caps H…
The Future of the Airline Website
Webfonts used: Helvetica® Neue
-
Aprilzero
DIN typefaces are a popular choice for setting data-oriented content; this example by Anand Sharma presents the personal data gathered by his smartphone regarding his various activities. DIN’s p…
Aprilzero
Webfonts used: FF DIN Web
-
The Designers Institute
A disciplined grid, minimal color and a coherent typographic hierarchy combine to create this clinical and incisive layout for The Designers Institute in New Zealand. The Avenir typeface’s clean, m…
The Designers Institute
Webfonts used: Avenir®
-
Orchard Keepers
This site promoting a set of restored holiday cottages in Victoria, Australia, uses Yellow Design’s Veneer, ITC American Typewriter and House Industries’ Neutraface Text. Veneer and American Typ…
Orchard Keepers
Webfonts used: Veneer, Neutratext, American Typewriter™
-
Nearly Impossible Conference
The site for this conference in New York employs a flat aesthetic which the designers lift with some attractively detailed icons in conjunction with Trend Sans by Latinotype. Trend is a chromatic…
Nearly Impossible Conference
Webfonts used: Trend Sans
-
Neotokio
Italian design studio Neotokio! have built a dramatic, high contrast type-centric layout for their own portfolio site based on Bembo and Univers. The largest texts have been created as images (we'll…
Neotokio
Webfonts used: Bembo®, Univers® Next
-
Present Plus
This Dutch team of designers, developers and directors take two sans serif fonts with roots in the same modernist traditions — pairing the bold of Avenir for titles, with Univers’ regular…
Present Plus
Webfonts used: Avenir®, Univers® Next
-
Protest Boardwear
This online store for snowsports retailer Protest Boardwear uses Paratype’s Futura® throughout. Headings, titles and callouts are all set in all caps. The image overlays might have benefited …
Protest Boardwear
Webfonts used: Futura®
-
Speedo USA: Art of the Cap
Castle Type’s Standard CT is a modern digitization of the International Modernist classic Standard, a typeface that existed contemporaneously with Helvetica® Neue and Akzidenz Grotesk, and …
Speedo USA: Art of the Cap
Webfonts used: Standard CT
-
Startup Manifesto
The Nimbus Sans™ typeface is, to all intents and purposes, an interpretation of a more famous Swiss typeface, with some added widths and weights not found in the “original.” — some d…
Startup Manifesto
Webfonts used: Nimbus Sans™
-
Stitch Design Co.
This digital media and branding agency from South Carolina lead with the Trade Gothic® typeface for their site’s principal typography. A quintessential advertiser’s typeface, Trade Gothic® adds a class…
Stitch Design Co.
Webfonts used: Trade Gothic®
-
The Case Study Kit
This site poking fun at ad agencies who all churn out the same kinds of promo films about themselves uses the Avenir® typeface to tap into the zeitgeisty trend for minimalist, skinny sans serif …
The Case Study Kit
Webfonts used: Avenir®
-
The Year in Kickstarter 2013
The Year in Kickstarter 2013, confidently and typographically told in various weights and widths of the Helvetica® Neue typeface.
The Year in Kickstarter 2013
Webfonts used: Helvetica® Neue
-
Travel Alberta
The Helvetica® Neue typeface is set in extremely contrasting weights and colors for this Canadian tourism promotion; flair and exuberance is balanced by a sensible, sober grid structure and plenty of …
Travel Alberta
Webfonts used: Helvetica® Neue
-
Good Morning BC
This promotional minisite for the British Columbia Egg Marketing Board combines short films, story telling, incentivised social sharing and a photography contest. FaceType's Strangelove Text is used…
Good Morning BC
Webfonts used: Strangelove
-
The Uprising Creative
Super skinny Linotype Univers® Next is paired with FontFont’s pleasingly crisp-yet-curvy grotesque, FF Dagny. Those arbitrary statistics were probably picked simply for an excuse to use extra co…
The Uprising Creative
Webfonts used: FF Dagny, Univers® Next
-
The History of Art in 100 Words
This site that purports to tell the story of art using just 100 words probably needs something like the Helvetica® Neue typeface. Used here, its relative lack of overt historical character allows …
The History of Art in 100 Words
Webfonts used: Helvetica® Neue
-
between-red-and-toe
Online photo blogs never need much in the way of text, but that doesn’t mean the typography should be ignored. As well as an overlay of two bold red lines that recall an EKG readout, a designer’s inv…
between-red-and-toe
Webfonts used: DIN Next™,
-
Greyp Bikes
Neo Sans®, described by its designer as “futuristic without being gimmicky or ephemeral”, is a nice fit for this site promoting a hybrid bicycle/motorbike. Like the product itself, Neo Sans is an intr…
Greyp Bikes
Webfonts used: Neo Sans®
-
Ming Labs
Geogrotesque really looks at its best in giant, skinny headlines – as it is set here for Ming Labs’ agency site. The thinner weights particularly benefit from plenty of breathing room. Stylistically, Geog…
Ming Labs
Webfonts used: Geogrotesque
-
Wondersauce
There’s a simple, undemonstrative clarity to condensed sans serif type, as nicely shown in this example from digital agency Wondersauce who use Linotype’s Univers® Next Condensed Light …
Wondersauce
Webfonts used: Univers® Next
-
Desktime
The design challenge in single scrolling web pages is to organise the content into discrete sections, yet retain a smooth flow over the whole sequence. In this case, a site presenting a service…
Desktime
Webfonts used: Adelle, Trade Gothic®, Neue Haas Grotesk™
-
FCINQ
The predominantly dark theme of this portfolio site for French agency FCINQ is built around Proxima Nova Black for headlines and navigation. The weightiness is alleviated by sprightly transitions,…
FCINQ
Webfonts used: Proxima Nova
-
Miriam Schaaf
This Munich-based fashion studio uses New Letter Gothic to evoke a manual, machine made aesthetic while retaining a proportional spacing that is more suitable for extended text settings than more…
Miriam Schaaf
Webfonts used: New Letter Gothic
-
Moving Things Design Company
Niveau Grotesk and its sister face Niveau Serif are a pair of typeface families from HVD Fonts that draw on classic nineteenth century advertising grotesques as inspiration. The sans version, used…
Moving Things Design Company
Webfonts used: Niveau Grotesk™
-
Worldwide Print
This is a clear, bright and spacious layout, and Brandon Grotesque, with its tall ascenders and geometric construction suits it well. There are a couple of places where the Light weight would have…
Worldwide Print
Webfonts used: Brandon Grotesque
-
Bond
This is a good example of how using a hand writing font needn't necessary mean a rough, natural aesthetic. The designers for this international development employment association website have kept…
Bond
Webfonts used: Proxima Nova, Marydale™
Browse by Fonts Used:
- Abril Text
- Acta Display
- Adelle
- Adobe Caslon™
- Akkurat
- Aller Typo
- Amarelinha
- American Typewriter™
- Antwerp
- Arlt
- Arquitecta
- Atlas Typewriter
- Avant Garde Gothic
- Avenir®
- Bambola
- Baskerville
- Bauer Bodoni™
- Bebas Neue
- Bembo®
- Bodoni
- Brandon Grotesque
- Brandon Text
- Brevia™
- Brix Sans
- Calluna
- Caslon 3
- Century Schoolbook
- Charter BT
- Chronicle Text
- Circe and PF Regal
- Clarendon®
- Cold Spaghetti
- Corporate S
- Dala Floda
- Darwin
- Decima Mono
- Dharma Gothic
- Didoni™
- Didot Italic
- DIN
- DIN Next
- DIN Next™
- DIN Next Rounded™
- DIN Rounded™
- DIN Text Pro
- Droid Serif
- Embassy
- Engravers Gothic
- Eye Catching
- FF Bau Pro
- FF Dagny
- FF DIN Round
- FF DIN Web
- FF Kievit
- FF Milo Serif Web
- FF Scuba Web
- FF Sero Pro
- Flama
- Franklin Gothic™
- Freight Display
- Freight Micro
- Freight Sans
- Freight Text
- Frutiger
- Fugu™
- Futura®
- Galano Grotesque
- Gentona
- Geogrotesque
- Geogrotesque Stencil
- Geotica
- Gibson
- Gill Sans®
- Gotham
- Goudy Old Style™
- Graphik
- Graublau Sans
- Graublau Slab
- GT Sectra
- Harmonia Sans™
- HelloMe
- Helvetica® Neue
- Hurme Geometric
- ITC Clearface
- Karla
- Korb
- Korolev
- Leitura
- Libre Baskerville
- Life®
- Linotype Didot®
- Lintel
- LL Gravur Condensed
- LunchBox
- Maison Neue
- Marydale™
- Matrix II
- Merriweather
- Microbrew
- Miller
- Minion®
- Monotype® Modern
- Museo Slab
- Neo Sans®
- Neue Frutiger®
- Neue Haas Grotesk™
- Neutratext
- Neuzeit Grotesk
- New Letter Gothic
- News Gothic™
- Nexa
- Nexa Rust
- Nimbus Sans™
- Niveau Grotesk™
- Orator™
- P22 Underground
- P22 Underground Pro
- Palatino
- Petrona
- PF Adamant™ Pro
- PF Din Text®
- Plantin®
- Plau™
- Pluto
- Pluto Sans
- Pluto Sans Condensed
- Populaire
- Poster® Bodoni
- Poynings Stencil
- Proxima Nova
- Relative
- Romana
- Sabon®
- Sanchez
- Sanchez Slab
- Sanuk
- Sofia Pro
- Soho® Gothic
- Standard CT
- Strangelove
- Sweden Sans
- Swiss 721™
- Swung Note
- Times New Roman
- Trade Gothic®
- Trend Sans
- Twentieth Century™
- Univers® Next
- URW Baskerville™
- URW Typewriter™
- Veneer
- Volta® EF
- Walbaum SB
- Whitney
- Zurich™
- Avenir® (21)
- Proxima Nova (16)
- Brandon Grotesque (14)
- Helvetica® Neue (11)
- DIN Next™ (9)
- Futura® (9)
- Neuzeit Grotesk (6)
- Univers® Next (6)
- Trade Gothic® (5)
- Geogrotesque (4)
- Neue Haas Grotesk™ (4)
- Pluto Sans (4)
- Bauer Bodoni™ (3)
- Bebas Neue (3)
- Didot Italic (3)
- FF DIN Web (3)
- Graphik (3)
- Nimbus Sans™ (3)
- PF Din Text® (3)
- Poster® Bodoni (3)
- Adelle (2)
- Brandon Text (2)
- Clarendon® (2)
- Franklin Gothic™ (2)
- Frutiger (2)
- Gill Sans® (2)
- Harmonia Sans™ (2)
- Maison Neue (2)
- Minion® (2)
- Museo Slab (2)
- Neutratext (2)
- Plantin® (2)
- Populaire (2)
- Strangelove (2)
- Abril Text (1)
- Acta Display (1)
- Adobe Caslon™ (1)
- Akkurat (1)
- Aller Typo (1)
- Amarelinha (1)
- American Typewriter™ (1)
- Antwerp (1)
- Arlt (1)
- Arquitecta (1)
- Atlas Typewriter (1)
- Avant Garde Gothic (1)
- Bambola (1)
- Baskerville (1)
- Bembo® (1)
- Bodoni (1)
- Brevia™ (1)
- Brix Sans (1)
- Calluna (1)
- Caslon 3 (1)
- Century Schoolbook (1)
- Charter BT (1)
- Chronicle Text (1)
- Circe and PF Regal (1)
- Cold Spaghetti (1)
- Corporate S (1)
- DIN (1)
- DIN Next (1)
- DIN Next Rounded™ (1)
- DIN Rounded™ (1)
- DIN Text Pro (1)
- Dala Floda (1)
- Darwin (1)
- Decima Mono (1)
- Dharma Gothic (1)
- Didoni™ (1)
- Droid Serif (1)
- Embassy (1)
- Engravers Gothic (1)
- Eye Catching (1)
- FF Bau Pro (1)
- FF DIN Round (1)
- FF Dagny (1)
- FF Kievit (1)
- FF Milo Serif Web (1)
- FF Scuba Web (1)
- FF Sero Pro (1)
- Flama (1)
- Freight Display (1)
- Freight Micro (1)
- Freight Sans (1)
- Freight Text (1)
- Fugu™ (1)
- GT Sectra (1)
- Galano Grotesque (1)
- Gentona (1)
- Geogrotesque Stencil (1)
- Geotica (1)
- Gibson (1)
- Gotham (1)
- Goudy Old Style™ (1)
- Graublau Sans (1)
- Graublau Slab (1)
- HelloMe (1)
- Hurme Geometric (1)
- ITC Clearface (1)
- Karla (1)
- Korb (1)
- Korolev (1)
- LL Gravur Condensed (1)
- Leitura (1)
- Libre Baskerville (1)
- Life® (1)
- Linotype Didot® (1)
- Lintel (1)
- LunchBox (1)
- Marydale™ (1)
- Matrix II (1)
- Merriweather (1)
- Microbrew (1)
- Miller (1)
- Monotype® Modern (1)
- Neo Sans® (1)
- Neue Frutiger® (1)
- New Letter Gothic (1)
- News Gothic™ (1)
- Nexa (1)
- Nexa Rust (1)
- Niveau Grotesk™ (1)
- Orator™ (1)
- P22 Underground (1)
- P22 Underground Pro (1)
- PF Adamant™ Pro (1)
- Palatino (1)
- Petrona (1)
- Plau™ (1)
- Pluto (1)
- Pluto Sans Condensed (1)
- Poynings Stencil (1)
- Relative (1)
- Romana (1)
- Sabon® (1)
- Sanchez (1)
- Sanchez Slab (1)
- Sanuk (1)
- Sofia Pro (1)
- Soho® Gothic (1)
- Standard CT (1)
- Sweden Sans (1)
- Swiss 721™ (1)
- Swung Note (1)
- Times New Roman (1)
- Trend Sans (1)
- Twentieth Century™ (1)
- URW Baskerville™ (1)
- URW Typewriter™ (1)
- Veneer (1)
- Volta® EF (1)
- Walbaum SB (1)
- Whitney (1)
- Zurich™ (1)
Browse by Site Category:
- Academic (2)
- Agency Portfolio (39)
- App Launch/Site (3)
- Arts and Books (1)
- Arts and Exhibitions (6)
- Auto Industry (1)
- Books (1)
- Brand Promotion (7)
- Business (2)
- Children and Youth Branding (2)
- Conferences (2)
- Consultancy (1)
- Consumer Promotion (1)
- Corporate (4)
- Cosmetics (1)
- Culture (2)
- Design and Architecture (19)
- Devices (1)
- Didone (1)
- Editorial Design (2)
- Education (8)
- Engineering (3)
- Entrepreneurship (1)
- Environmental (4)
- Fashion (18)
- Food and Drink (15)
- freelancer portfolio (1)
- Freelancer Portfolio (10)
- Government (2)
- Hand-Drawn (1)
- Health and Fitness (1)
- Hosting (1)
- Illustration (1)
- Infographics (8)
- Local Business (2)
- Media (6)
- minimalist (1)
- Music (3)
- Narrative (1)
- News (1)
- News and Journalism (1)
- NGO (2)
- Personal Blog (2)
- Personal Portfolio (3)
- Photography (4)
- Printers (1)
- Product Launch (1)
- Professional Services (3)
- Property (5)
- Public Sector (2)
- Publishing (4)
- Retail (12)
- Sans Serif (2)
- Software (5)
- Splash Page (1)
- Sport (1)
- Sports (8)
- Technology (3)
- Tourism (4)
- Transitional (1)
- Transport (2)
- Travel (3)
- Urban Development (2)
All Type Classifications:
- All Caps (1)
- Clarendon (1)
- Classic Sans (1)
- Clean (1)
- Condensed Sans (7)
- Condensed Sans Serif (2)
- Contemporary Sans (32)
- Cursiv (1)
- Custom (2)
- Didone (13)
- Din (2)
- DIN (23)
- Display (1)
- Egyptian (1)
- Fat (1)
- Garalde (6)
- Geometric (22)
- Geometric Sans (2)
- Gothic (4)
- Grotesque (7)
- Grunge (2)
- Hand written (2)
- Hand-drawn (7)
- Handwritten (1)
- Humanist (6)
- Humanist Sans (5)
- Italic (1)
- Letterpress (1)
- Mechanical (3)
- Media (1)
- Modernist (44)
- Modernist Sans (1)
- Modular (1)
- Mono (1)
- Monospaced (1)
- Oldstyle (3)
- Outline (1)
- Reverse Oblique (1)
- Rough (1)
- Rounded (3)
- Rounded Sans (1)
- Sans Serif (136)
- Scotch Roman (1)
- Script (4)
- Serif (29)
- Slab Serif (8)
- Squarish (3)
- Stencil (3)
- SVG (1)
- Swiss (11)
- Techie (1)
- Text (1)
- Textured (1)
- Titling (1)
- Transitional (9)
- Typewriter (3)
- Western (1)