The unity is one of the important rules that you have to consider when creating new design for website, interface or application. However, when you plan for website design, there should be a good library in hand or you can reach to make the website design unified to one style.

When you design grunge style website, you will need some resources that can help you achieve the total unity of the site such as grunge textures, grunge icons, grunge brushes , grunge effects and grunge fonts.

Grunge Site Planning

After preparing your content, you have to put your ideas as a plan for your design. For instance, you have to plan which resources is the best to use and works fine with other resource. If you need, you may put on yout design and time plan the possibility that you may need to create a resource from scratch.

This second step is to put your ideas on a paper and start selecting the suitable resources that meet with your idea need and requirements.

Start to Play

First, things may not go like you plan in your mind and some resources may not fit well in the real computer design, so it is a good idea to spend some time playing with different resources to set the best combination of resources to use. Use these resources to build a mock-up for your design as a whole and then have another look to see if things really fit with each other in the design.

Finalize Your Design

Share the mock-up with your client or friends to get other ideas about how the website is user friendly. Also, you may need to ask people to see if the design really support the content not covering it, this is the common problem when designer care much about the design without considering the content, this make the site lose its main idea.

Here Are the 1000+ Resources for Your Library

Now, I would like to share with you more than 1000 high quality grunge resources that you can use for your site such as grunge textures, icons, brushes and fonts that I hope you enjoy it. And if you are one of the fans of the grunge style, I think you may like to have a look at:

• 5000 High Quality Free Photoshop Brushes
• Eye Catching Photoshop Textures and Backgrounds
• Another Free Photoshop Brushes Collection for Your Library

Lets start with those amazing grunge icons that can be used to promote your site in social networking for with grunge style that fit with you grunge site design.

Social grunge icons (6 icons)

108 Free Retro Grunge Stripes Social Media Icons (108 icons)

108 Retro Grunge Stripes Social Media Icons
PNG format.Free for personal and commercial use – no attribution nec.

Black Ink Grunge Stamps Textures Icons Social Media Logos (154 icons)

154 Black Ink Grunge Stamp Texture Social Networking Icons.

Deviantart, Devmarks, Drupal, Friendster, Gtalk, Izeby, Joomla, Meneame, PF Buzz, Script and Style, Skype, Soundcloud,and  more .

Grunge Warning Stripes Social Networking Icons (154 icons)

154 Grunge Warning Stripes social networking icons.

Amazing collection of the Grunge Warning Stripes social networking icons.

Set of social grunge icons (14 icons)

14 high quality social grunge icons.
format: PNG
Size: 16 x 16 | 32 x 32 | 64 x 64

Free Grunge Style Social Bookmarking Icons (6 icons)

6 high quality web icons .Old grunge icon set modified by Outlaw Design. Composed of grungy looking social bookmarking icons.

High Quality Free Grunge Textures

Textures are important in the grunge style design, it gives you the old style effect. Here are some high quality textures that will help you create your design easily and fast.

The Dead Marshes

This texture was created using different photographs and different layer blending modes in Photoshop.

TEXTURES 69

Nargothrond

This texture was created using different photographs and different layer blending modes in Photoshop.

Grungy Watercolor Textures (4 Textures)

Grungy Watercolor Textures and a Layered PSD.

Season of Winter

Use This 296

Grunge Background Textures (5 Textures)

5 x background textures of the grunge variety.

Grunge Texture 1

Luminous Grunge Textures (4 Textures)

4 LUMINOUS GRUNGY TEXTURES- JPG Format
SIZE 1200×1200
Nice scratchy, grungy textures- but with a luminous wash of pearly, opalescent colors- creating an interesting contrast between the distressed, grungy quality of the texture & the whimsical colors.

3 Grunge Textures from FreeStockTextures.com

3 hi-res grunge textures: concentrate, wall, rust, peeling, wood… Hope you find them useful.

File Type: JPG
Size: 4752 px by 3168 px
License: Free for Personal and Commercial Use

Grunge Fonts

Along with the grunge texture and icons, fonts can help getting a real grunge effect on your site by choosing the suitable font for this purpose. Here are a collection of grunge friendly fonts.

Grunge or not

Bleeding Cowboys

SMUDGERS

Hacjiuza Dirty – Free Font

A grunged old ugly gothic font, with originally handwritten letters. Inspired simply from old blackletter writing, Meant to look off and sort of wacked out.

Chic Decay

The Last Soundtrack

Incinerator

bobsmade font

A Bite

Cheap Stealer

Grunge Serifia Font OTF

28 Days Later

Loserboi Grunge

Hawaii Lover

Grunge

here are some free grunge brushes

Grunge Brushes

The brush .abr file is in a .zip file. Use 7zip of Winrar, or other extracting application to extract the files and upload them into Photoshop. They were made in Photoshop 7.

Light Grunge PS Brushes (15 Brushe)

14 Hi-Resolution (2500×2500) Light Grunge Texture Brushes. Made from Concrete, Wood and Fabric Textures.
Free to use in personal and commercial projects.

Brushes for PS: GRUNGE

7 Assorted Grunge-Rust Brushes

seven (7) assorted grunge/rust brushes made in Photoshop 7.

Grunge brushes 9

60 Brushes in this set
sizes from 316px to 724px
those brushes have been made using Ps7, as usual

grunge brushes (36 grunge brushes)

Urban Grunge Brushes

Grunge brushes

24 brushes

Grunge Brushes , Cracks

Grunge , Gracks and Burning Edges Brushes

ocTanes Motion Grunge Brushes

Works for PS 8.0 and up!

Grunge brushes

10 backgrounds grunge brushes…dust, dirt…

Grunge Brushes

18 high quality grunge brushes, made with photoshop CS2

Grunge Wreath Brushes

Ewanism Brushes- Grunge

65 Grunge Brushes (medium-large).ZIP includes .ABR and image pack of .PNGs

gRUNg BRUSHEs

50 Grunge brushes made using Ps7 .