New GANDR Style Guide
Created on July 15, 2010 by Garrett Winder
A few weeks ago I started obsessing over visual hierarchy, which, admittedly, is something I think our work is sometimes lacking in.
We design sites, code them, and then the second a page isn't laid out exactly how we mocked it up everything looks weird. I wouldn't admit this unless I was 99% positive that 99% of you have the exact same problem.
So, here's my challenge: Style every single HTML tag on your next project without giving them any classes or ids. Style a crap load of width-less, height-less widgets that can be reused in almost every situation. Test it out, see how it works. Does it work? If not, revise it. We need to make websites like that *could* last forever and we need to assume that the person in charge of them is going to screw something up. If they do, will it look good? Hopefully.
Last night I went ahead and accepted my challenge. It's definitely not done, but it's a start: https://gandrweb.com/docs/styleguide
Like what you see here? Share the love!
If you liked this article, feel free to share it. We won't stop you.
You can also stay up to date by follow us on or subscribing to our newsletter.
