25 Examples of Capital Letters Usage in Web Design

By / Jun 27, 2011 / Inspiration

Letter case – in orthography and typography is the distinction between the larger majuscule (capital, caps, upper-case, upper case, or uppercase) and smaller minuscule (lower-case, etc.) letters. The usage of capital letters can have different meanings – in emails CAPS can sound rude, but when used properly, especially in web design they can be pretty effective to get attention and to showcase main information, menus, and titles. So here we gathered a list with 25 examples of websites that use big bold letters to showcase their info.

Matthew Byrne

capletters02

Dan Ogborn

capletters03

LeetGeek

capletters04

mediaBOOM

capletters05

mediaBOOM

capletters01

MacMillan Lynch

capletters06

CenWood Kitchens

capletters07

OwlConcept

capletters08

Union Station Neighborhood

capletters09

Twofold Creative

capletters10

Tapp3 Media

capletters11

Greenluv

capletters12

Perkins

capletters13

Idea Exhibit

capletters14

Mercedes House

capletters15

Booki.sh

capletters16

Unfinished Business School

capletters17

Yurbuds

capletters18

ultranoir

capletters19

Brand New Conference

capletters20

9elements

capletters21

Messages for Japan

capletters22

Deda

capletters23

Two Fish Illustration and Design

capletters24

Nate Croft

capletters25

Source:

The Best Designs
unmatchedstyle

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

  • http://www.gespinha.com Goncalo Espinha

    Very interesting focus… A nice way to see how little detailes, such as capital letters, can make a difference when used on the right place at the right time!

    Thanks 😉

  • Marlou

    Nice collection! There’s a fine line between caps looking nice and caps making text a lot less readable. These web designers seem to know what they’re doing!

  • http://www.oldworldcreative.com Evan Skuthorpe

    Nice collection. I love the font/artwork of Brand New Conference.

  • Peter

    Nice collection. Love to see more and more usage of fonts in the web.

    They are looking really great but,
    I think in some examples it is hard to find the navigation or a hierarchy because of the capital letters so the usability suffer from that.

  • http://gtawebdesign.co Toronto Web Design Company

    Nice Collection. It is good to see that such new trends are being tracked so well. I think nowadays, web design is a lot more bold and with this new found ‘boldness’ things like ‘Capital Letter’ in design are showing up.

  • http://bizcard.com ASpikes

    I’ve never really paid attention in capital letters on web sites. It really makes a difference. I’ll pay more attention to these kind of details from now on thanks to this article 😛

  • http://www.creative-designs.co.za Samantha Prinsloo

    It’s not very often that a company gets it “right” when designing with all caps.. You have found some supreme examples to show us how it’s done the “right” way! Well done!

  • http://inspirationfeed.com inspirationfeed

    Awesome Inspirations!

  • http://www.ericbieller.com Eric Bieller

    Very nice. Saved a few for later :) I especially like “Unfinished Business School” – Thanks for sharing!

  • http://www.templamatic.com Lex Koff

    Amazing typography !

  • http://www.nymfont.com Lauren

    Great round up, very inspiring. Thanks.