25 Examples of Capital Letters Usage in Web Design

By / Jun 27, 2011 / Inspiration
shares

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

11 Comments

  1. Goncalo Espinha
    June 27, 2011

    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 ;)

    Reply
  2. Marlou
    June 27, 2011

    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!

    Reply
  3. Evan Skuthorpe
    June 27, 2011

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

    Reply
  4. Peter
    June 27, 2011

    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.

    Reply
  5. Toronto Web Design Company
    June 27, 2011

    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.

    Reply
  6. ASpikes
    June 27, 2011

    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 :P

    Reply
  7. Samantha Prinsloo
    June 28, 2011

    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!

    Reply
  8. inspirationfeed
    June 28, 2011

    Awesome Inspirations!

    Reply
  9. Eric Bieller
    June 28, 2011

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

    Reply
  10. Lex Koff
    June 29, 2011

    Amazing typography !

    Reply
  11. Lauren
    July 3, 2011

    Great round up, very inspiring. Thanks.

    Reply

Leave a Reply