All About BIG and BOLD Typography: Tips and Inspiration

 Posted in Web Design 367 days ago Written by: Sheena Dosdos
  • Buffer
  • Pin It
  •  12
  • Buffer

There are many ways to attract viewers’ attention when it comes to web design.Flash techniques, awesome photography & catchy color schemes are just some of the many methods used to create visual interest. There is something even simpler that can create a big impact…kick-ass Typography. Specifically, I’m talking about big and bold typography. When used correctly it can stand alone in a layout and still attract a lot of attention.

All About BIG and BOLD Typography: Tips and Inspiration

In this article I will be sharing:

  • Tips
  • Fonts
  • Tutorials
  • Examples

How to Make Typography Stand Out

1. Choose Your Fonts

This is crucial, because you need to match your font to your message and layout. Mismatched fonts can lead to a misleading and confusing message to the viewer if you just carelessly pick any font.

2. Creative Color Schemes

It used to be a big deal if you used mismatched colors. In this new generation, stepping out of the box may be the best thing you’ll ever do. So keep it unique when choosing color schemes for your typography. You may also want to consider the background of your layout. So just put in the right blend on your design.

3. Don’t Over-do it

Just put in the right amount of effects, colors and patterns.Over done Typography may just ruin the concept of your design. If you go for very characterized fonts, you may want to take it easy on using patterns and/or effects.

4. Put in Emphasis

You may want to make certain words pop out and get noticed. This way you convey a message that would really make the whole design memorable. Balance the font size and position in a way that it is not distracting from your “big word”. You can also use quotation marks, apostrophes or other punctuation marks  like (“,! or ?) to place emphasis on words.

5. Harmony

Make every element in your typographic design harmonious. Check if it goes well & looks good with all the other objects on your layout. Sometimes, you may end up having  the typography will be more distracting than pleasing.

Fonts for Good Typography

1. Diavlo

2. Nevis

3. Fertigo Pro

4. Alte Haas Grotesk

5. Honey Script

6. Romeral

7. COM4t

8. Diogene Bold

9. Bleeding Cowboys

10. Riesling

Bold Typography Design Tutorials

1. Photoshop Tutorials: Colorful Light Burst Text

2. The Sugar Bag Effect – Photoshop Typography Tutorial

3. Smashing Your Creative Block – Photoshop Tutorial

4. Create a Steampunk Typography  – Part IPart 2


5.Smoke Type in Photoshop in 10 Steps

6.Trendy Grunge Type – Photoshop Tutorial

7. Create a Cool Wet Ink Typography Effect in Photoshop

8. Horror Style Typography Effect with Dirt and Splatter Texture in Photoshop

9.  Super Easy Neon Style in Photoshop – Screencast


10.Tutorial: Photorealistic Perspective

Inspirational Typography

1. Getfinch

2. N. Design Studio

3. Mohanbalaji

4. Four24

5. Ryan Keiser

6. Carsonified

7. Wearecupcake

8. Kyle Steed

9. Fajne Chlopaki

10. Cool

11. We Shoot Bottles

12. 1md.de

13. Hull Digital

14. Benlind

15. YISY

16.Tiptopland

17. Crowley Webb

18. Stackoverflow Carsonified


19. Maurivan Luiz

20. This by them

21.Alpha Multimedia

22. fl-2 Blog

23. Pallian Creative

24. Gummisig

25. Denise Chandler

26. Wordit

27.Kerplunc

28.Lorem Ipsum

29.Fabriziobalestri

30.Household Design

Big & bold Typography gives a web design that great bang and makes its approach more aggressive. Amazing, how a bunch of over-sized letters can convey a great message to viewers.

 Did you enjoy this article and found it useful?

Free Website
 

 12 Brilliant Comments - Join Discussion Now!

  • thiet ke web dep

    Posted 168 days ago
    12

    Hi, WordPress is very good to create blog . I’ve created blog in wordpress site , but it’s limit to control theme. Who can teach me to edit theme at wordpress.org . Thanks you so much.

    Reply
  • Mohamed Yaseen

    Posted 198 days ago
    11

    how to download these fonts? i cant find the links… please help!!!

    Reply
  • çeviri

    Posted 238 days ago
    10

    I might use in some of my future projects. Thanks for sharing.

    Reply
  • e11world

    Posted 300 days ago
    9

    Pretty creative sites you listed here. I love #9, 13, and 14 very much!
    Good advice about the color scheme and harmony.

    Reply
  • Brett Widmann

    Posted 310 days ago
    8

    These are great fonts. I love Honey Script.

    Reply
  • James Stanislawski

    Posted 347 days ago
    7

    Awesome article. I wish my clients would allow me to design a website that that… Favorite Font to Use… Myriad Pro. The only ones I don’t have from that family are Myriad Pro Condensed Bold, Condensed Regular. I have the light semi extrended family, and the regular pack. If anyone knows where I can get all of them (for free) Please let me know.

    Reply
  • Levi Szekeres

    Posted 356 days ago
    6

    Hello,
    Nice to be noticed, unfortunately the Lorem Ipsum site posted here is a very old one. Great post though.
    Thank you,
    Levi

    Reply
  • Bunnygotblog

    Posted 365 days ago
    5

    Fascinating sources here.I really like the 1md.de site.

    Reply
  • Vladislavs Judins

    Posted 365 days ago
    4

    Love the “COOL”. So simple and fascinating

    Reply
  • Jon Whitbeck

    Posted 366 days ago
    3

    I’m with lemonfresh, Alte Haas Grotest caught my eye. Some of the others might do well in the right context as display type. I like the 3D harmony example as well.

    Thanks for the post!

    Reply
  • cohenass

    Posted 367 days ago
    2

    I’ll Have to say I really liked that one except for the fonts you recommended on using…
    There were some pretty awful fonts up there, all with a good, classic alternative…

    Reply
  • lemonfresh:design

    Posted 367 days ago
    1

    I love the Alte Haas Grotesk font, there is also a Alte Haas Grotesk Next which is amazing at 900! I am having to stop myself from keeping on using it!

    Another great post.

    Reply

 Add Your Own Brilliant Comment:

Tags allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

US