Grunge Design Inspiration Showcase

By Steven Snell | Published December 15th, 2008 in Inspiration

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

Bristol Archive Records

The Lippincott

Brad Candullo

Helmy Bern

One Source Marketing

{ths}

Scouting for Girls

Dirty Pretty Things

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

Gungy Olive Icons

Distressed Social Media Icons

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

How to Create a Grunge Web Design in Photoshop

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

Ultimate Grunge Design Tutorial

Creating Grunge Brushes

Ten Steps to Making Grunge Brushes with Adobe Photoshop

How to Combine Pixel and Vector to Create Striking Artwork

Urban City Scene on Grunge Background

Create a Cool Music Logo on a Grunge Background

Blend If into Textures

God of War Text

Add Stock Textures to Images for Extra ‘Oomph’

Awesome Grunge Text Effect

Making a Grungy Business Card

Create a Textured Tag for Your Website

Dark Grunge Photo Effect

Custom Hand Tag

Virtual Duct Tape

Make it Worn: Parts 1, 2 and 3

Create a Wicked-Worn Vintage Pop Art Design

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