Grunge Design Inspiration Showcase

The grunge style is one of the most popular in modern web design. In this post we’ll take a look a variety of inspirational sources and some resources that can help you with your own grunge-style design. We’ll look at websites with a grunge style, grunge icons, tutorials for grunge design, textures, and Photoshop brushes.

1. Grunge-Style Websites

Matt Brett

Grunge Design Showcase

Pain is Good

Grunge Design Showcase

darklight

Grunge Design Showcase

Bart-Jan Verhoef

Grunge Design Showcase

Satsu

Grunge Design Showcase

Biola Undergrad

Grunge Design Showcase

Bridge55

Grunge Design Showcase

Bristol Archive Records

Grunge Design Showcase

The Lippincott

Grunge Design Showcase

Brad Candullo

Grunge Design Showcase

Helmy Bern

Grunge Design Showcase

One Source Marketing

Grunge Design Showcase

{ths}

Grunge Design Showcase

Scouting for Girls

Grunge Design Showcase

Dirty Pretty Things

Grunge Design Showcase

Icons:

Small details in a design, such as icons, can often make huge differences in achieving a certain style. Consider using grunge icons when it’s the look you’re after.

Grunge-Style RSS Icons

Grunge Design Showcase

Gungy Olive Icons

Grunge Design Showcase

Distressed Social Media Icons

Grunge Design Showcase

2. Tutorials:

These are some of the best Photoshop tutorials for designing with a grunge style. A few focus on designing a site layout in Photoshop, and others focus on specific effects and techniques.

Design a Cartoon Grunge Website Layout

Grunge Design Showcase

How to Create a Grunge Web Design in Photoshop

Grunge Design Showcase

Photoshop Paper Texture from Scratch then
Create a Grungy Web Design with it

Grunge Design Showcase

Ultimate Grunge Design Tutorial

Grunge Design Showcase

Creating Grunge Brushes

Grunge Design Showcase

Ten Steps to Making Grunge Brushes with Adobe Photoshop

Grunge Design Showcase

How to Combine Pixel and Vector to Create Striking Artwork

Grunge Design Showcase

Urban City Scene on Grunge Background

Grunge Design Showcase

Create a Cool Music Logo on a Grunge Background

Grunge Design Showcase

Blend If into Textures

Grunge Design Showcase

God of War Text

Grunge Design Showcase

Add Stock Textures to Images for Extra ‘Oomph’

Grunge Design Showcase

Awesome Grunge Text Effect

Grunge Design Showcase

Making a Grungy Business Card

Grunge Design Showcase

Create a Textured Tag for Your Website

Grunge Design Showcase

Dark Grunge Photo Effect

Grunge Design Showcase

Custom Hand Tag

Grunge Design Showcase

Virtual Duct Tape

Grunge Design Showcase

Make it Worn: Parts 1, 2 and 3

Grunge Design Showcase

Create a Wicked-Worn Vintage Pop Art Design

Grunge Design Showcase

3. Textures:

Using textures is one of the best, and quickest ways to achieve a grungy look. Fortunately, there are plenty of free textures available. In this section we’ll feature some of the best sources of grunge textures.

Urban Dirty

Grunge Design Showcase

Best Textures Flickr Group

Grunge Design Showcase

Texture King

Grunge Design Showcase

Grunge Textures from Lost and Taken

Grunge Design Showcase

24 Free High Res Textures: Bittbox

Grunge Design Showcase

GrungeTextures.com

Grunge Design Showcase

Free High Res Grungy Paper Textures: Bittbox

Grunge Design Showcase

300+ Free High-Res Grunge Textures You Haven’t Seen Before

Grunge Design Showcase

5 High Res Grunge Texture

Grunge Design Showcase

Vintage Grunge Textures

Grunge Design Showcase

Hardcore Vintage Grunge Textures

Grunge Design Showcase

Color Grunge Textures

Grunge Design Showcase

Grunge Textures Showcase – Flickr Group

Grunge Design Showcase

4. Grunge Fonts:

When it comes to fonts, you can either add grunge effects to an existing font, or you can use one of many grungy fonts that is freely available.

28 Days Later

Grunge Design Showcase

3rd Man

Grunge Design Showcase

A Bite

Grunge Design Showcase

Base 02

Grunge Design Showcase

Birth of a Hero

Grunge Design Showcase

Capture It

Grunge Design Showcase

Hard Rock

Grunge Design Showcase

Marcelle

Grunge Design Showcase

Rough Linen

Grunge Design Showcase

Trashed

Grunge Design Showcase

Turbo Ripped

Grunge Design Showcase

Times New Yorker

Grunge Design Showcase

5. Grunge Brushes:

Like the other resources in this post, brushes are an excellent way to create impress grunge effects.

Grunge Textures Brush Pack

Grunge Design Showcase

Grunge Corners and Edges Brush Pack

Grunge Design Showcase

Grunge Circle Brush Pack

Grunge Design Showcase

High Res Grunge Ink Splatter Brushes

Grunge Design Showcase

Typographic Grunge Brushes

Grunge Design Showcase

0 shares
Stephen Snell is the owner and editor of Vandelay Design, a popular design blog.
  1. December 15, 2008

    Wow huge, i sure love grunge, great collection, thanks for including my texture pack as well

  2. December 15, 2008

    Cool page. I have a kinda acidrock, grunge style to my site, but this stuff is brilliant.
    I need to step up my artworkd game a bit.

  3. Steven Snell
    December 15, 2008

    Max,
    You’re welcome! I’m glad you like the post and thanks for the stumble.

    Coolwhiphoolio,
    Thanks for commenting, glad you like it.

  4. December 16, 2008

    Thank you for putting all these together! Very inspirational

  5. Pingback: Daily Links | AndySowards.com :: Professional Web Design, Development, Programming, Hacks, Downloads, Math and being a Web 2.0 Hipster?

  6. December 17, 2008

    Cool list Steven! Lots of very cool resources, examples and textures. Great stuff!

  7. Pingback: Muestra de sitios con estilo Grunge | Themes para NukeET, Dedalus, TBlog, BrisaTop, WordPress, PhpNuke, Joomla | Xoboi.com

  8. Pingback: Portafolio Juan Pedro Savoie » Grunge web design

  9. Pingback: Web Design Blog Articles Best of Best 2008 | DESIGNwalker max

  10. Stephanie
    January 1, 2009

    I have been looking for something like this!!!

  11. Pingback: Grunge design | Blog om webudvikling

  12. Pingback: Web Design Blog Articles Best of Best 2008 | Cosas sencillas

  13. Pingback: 40 Textured Websites for Design Inspiration

  14. February 20, 2009

    Great list… Hugely inspiring… I especially liked Biola and Darklight…

  15. Pingback: Webitect

  16. Pingback: 40+ Free Dirt and Ground Textures

  17. wow, there is a lot of stuff,thank you

  18. December 10, 2009

    Thanks for featuring GrungeTextures.com in your roundup. We sure appreciate it 😉

  19. August 4, 2010

    One easy way to get texture is to use a photograph. In this post we’ll feature 25 of the best

  20. August 4, 2010

    We sure appreciate it

  21. October 26, 2010

    Here’s how are you recognise this ?

  22. February 24, 2011

    oh my!! i love you so much!!

    Thank you so much.

  23. April 23, 2011

    It’s really great article. I would like to appreciate your work and would like to tell to my friends.

  24. July 8, 2011

    Grunge, grunge, grunge. Why do people love your look? Hmm. It may seem dirty, but it’s art!! I think that grunge is more catchy than any other style. When a person looks at a website that has a grunge design, he or she would probably think that whoever created it has prolific hands. Creativity can really go a long way. 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

50 Excellent Designer Portfolio Sites