Resources: fonts, tutorials, icons, textures and templates for a fantastic grunge style

It’s dirty, unorganized, and wrinkled-up. Still, it continues to please. If someone thought that grunge was a style destined to fade away, they were wrong by a long shot. Grunge continues to live on without any sign of fading away in the galleries.
Grunge was first embraced by artists leaning towards the creative and eccentric style. Nowadays, grunge has been incorporated seamlessly into various projects and websites such as: e-commerce, hotel and restaurant websites, and personal blogs.
It seems that this trend will stay-on throughout 2010, as well as the other stylish watercolors and doodles.

In this article we will present you with a list of grunge features that we have gathered: fonts, brushes, textures, templates, icons…getting curious? Let’s take a look at them.

Inspiration

If you’re not familiar with this style, you might run into some problems at the very beginning. Grunge design is a bit like working with different colors and palettes so you should let your creativity run wild and see what happens. And, if you still need some inspiration, you could take a look at this list of websites.

garynock

tokotouka

haya

madfrog

aspire

nocturne

syc

vondutch

ali

bristol

xp

soma

Textures & Background

A great website is created beginning with the background: this is one of the first graphic items we will need to address. Effects such as metallic ones, wooden, fabric-like, brushes: here you can find a collection of textures and patterns en vogue right now with the grunge style. Also, you can check out many others by going here.

texture1
texture2
texture3
texture4
texture5

texture6

texture7

Brushes

Brushes play a fundamental role in our graphic project: without them it would be impossible to create great looking effects. So, here’s a small collection of brushes that can embellish all of your grunge projects.

brush1

brush2

brush3

brush5

brush4

brush6

brush7

brush8

brush9

brush10

brush11

brush12

Fonts

We have mentioned before that a good typography is essential in every graphic project. Using grunge we can adopt and put to use some of the more picturesque and original fonts available online. There’s only one rule we need to follow: grunge begets grunge, so there’s no place for modern fonts or even worse, fonts that are elegant and calligraphic.

You can find a myriad of free grunge fonts, but the ones below are, in our opinion, truly unique. And, they help make your work unique.

Bleeding Cowboys

bleedingMarcelle

marcelleNeo Print

neoprintTrashed

trashedTrashco

trashcoGreat Thunder

greatthunder

Heroin07

heroin07Frakturika

frakturikaBroken Ghost

broken

Desperado

desperadoHawaii Lover

hawaiiGasmask

gasmask

You still want more? Here you can find another 100 of them!

Icons

Icons enrich our blogs and they are a must in modern-looking layouts that are characterized by a web 2.0 graphic style: one just can’t say no to icons. Nowadays one can find icons of every shape and form: these are in our case modeled after the grunge style.

Social Grunge Icons

socialgrungeicons2

Distortion

distortion

Grungy asphalt

asphalt

Old icons

oldicons

Litho System

litho

Scratch Icons

scratch

Tutorials

Do you need to create a website that literally “oozes grunge” from all sides, but you have no idea how to manage the various graphic elements? Take a look at these tutorials which will help you become familiar with this style and to learn a trick or two in the meanwhile.

Header in stile grunge

headergrunge

Layout grunge cartoon

grungecartoon

Ultimate grunge design

ultimategrungedesign

Grunge web design

grungewebsite

Grunge blog design

grungeblogdesign

…you want to measure yourself even more? Check this out and have fun!

Free Templates

Did you try to create a website but didn’t obtain the desired results? Or do you have no time to tinker with this, but still want to have a grunge-style website? Online you can find some great-looking free templates.

….if you have a static website:

Grunge Superstar

grungesuperstar

Grunge template

grungetemplate

….or if you’re using wordpress:

Creative Art Theme

creativearttheme

Blak Magic

blakmagic

Mystic Grunge

mysticgrunge

Cellar Heat

cellarheat

Color Paper

colorpaper

…..this is all for now! What about yourself? Are you a fan of the urban grunge style, or do you prefer trends that are a bit more minimalist and organized? Tells us what you think!

Master per Web Designer Freelance
In tutti questi anni abbiamo ricevuto centinaia di richieste di approfondimento sulle numerose tematiche del web design vissuto da freelance. Le abbiamo affrontate volta per volta. Ma ci siamo resi conto che era necessario fare qualcosa di più. Ecco perché è nato One Year Together, un vero e proprio master per web designer freelance che apre finalmente le porte al mondo del lavoro.
Scopri One Year Together »
[pdf]Scarica articolo in PDF[/pdf]
Tags: , ,

The Author

Web designer, has been working in the field of graphics and web development for six years and at the moment besides collaborating with a web agency successfully manages her freelance activity under the name of mascara design. Like many freelancers she is used to handling more roles, ranging from paper graphics to the development of html and css codes; nonetheless this passion of hers remains, always and however, web graphics.

Author's web site | Other articles written by

Related Posts

You may be interested in the following articles:

11 comments

Trackback e pingback

  1. Webmaster Crap » Blog Archive » Resources: fonts, tutorials, icons, textures and templates for a …
    [...] Here is the original:  Resources: fonts, tutorials, icons, textures and templates for a … [...]
  2. Descubrimientos del 17 Febrero 2010 | Blog de unique3w
    [...] Fuentes, tutoriales, inspiración, texturas, plantillas e íconos para crear un estilo grunge. – Resources: fonts, tutorials, icons, textures and …
  3. PEDRO GOICO. New Media Developer´s Blog. » GRUNGE STYLE.
    [...] Fonts, tutorials, icons, textures and templates for a fantastic grunge style. Share var button = document.getElementById('facebook_share_link_6681') || document.getElementById('facebook_share_icon_6681') …
  4. uberVU - social comments
    Social comments and analytics for this post... This post was mentioned on Twitter by SergioArantes: Resources: fonts, tutorials, icons, textures and …

Leave a Reply

Current day month ye@r *