PSD/PNG Styleguides of Base themes

Posted by waako on February 3, 2012 at 6:02pm

I started putting together Layered PSD files of starter themes styleguide,using the styleguide module http://drupal.org/project/styleguide.

EDIT: All the PSD styleguides are now available on Github https://github.com/waako/Drupal-Themes-Styleguide/ each theme has it's own branch

These PSDs are not organised, they are just everything in the page layered.
I was going to maybe use a PSD cleaning service, but both sites I had bookmarked don't exist anymore (psdcleanup.com and tidypsd.com).

So I can create a PSD or PNG styleguide for any theme, and try and do a basic layer organisation, but it would be up to you to organise it for the designer.

Having one of these to hand to a designer who is not familiar with Drupal seems to be very helpful, as it would help familiarise them with default elements and speed up work for the themer.

What elements do people think are important to include in the file?
I approached having multiple pages, a styleguide page, login/register/resend, homepage with generated content from devel module and navigation.

EDIT: changed urls to zipped versions

Comments

Wow - this is amazing

Posted by kattekrab on February 4, 2012 at 2:02am

Wow - this is amazing work!

I'm not sure yet - but I think I'm trying to do something similar in a sandbox SVG UI Widgets project...
http://drupal.org/sandbox/kattekrab/1263304

Donna Benjamin
Former Board Member Drupal Association (2012-2018)
@kattekrab

Can you zip these files?

Posted by magicspark on February 4, 2012 at 2:15am

for example, tao.psd = 64mb, zipped it is 2.5mb

Good point, I'll zip them

Posted by waako on February 4, 2012 at 2:32am

Good point, I'll zip them up.

Also, I'll create a GitHub repo with everything

Thank you

Posted by alejandro_Kölle on February 4, 2012 at 2:40pm

Wow!!

Thank you very much for your contribution to the community waako!

Github Repository

Posted by waako on February 5, 2012 at 5:44pm

I have pushed everything to Github repository https://github.com/waako/Drupal-Themes-Styleguide/

There is a seperate branch for each Theme, including a jpg preview of the PSD files.

I do feel that the styleguide module could do with some extending, some HTML content elements and maybe include some more form elements like the login page etc, then we would end up with something more like http://www.chapterthree.com/greyboxing

Awesome :)

Posted by sime on February 7, 2012 at 3:01am

It's like being at the top of the Faraway tree when the land of goodies is there.

Zen? Neh, too heavy on the stomach ... Oooh Tao!

waako++ will you accept .xcf

Posted by larowlan on February 7, 2012 at 3:04am

waako++ will you accept .xcf versions for those on gimp? (psd to xcf doesn't always work as expected wrt layer styles).

@larowlan I have no idea how

Posted by waako on February 7, 2012 at 9:18am

@larowlan I have no idea how to create a layered .xcf but if you can, then please, add them to github repo :)

PSD/PNG Styleguides of Base themes

Comments

Wow - this is amazing

Can you zip these files?

Good point, I'll zip them

Thank you

Github Repository

Awesome :)

waako++ will you accept .xcf

@larowlan I have no idea how

Design 4 Drupal

Group organizers

Group categories

d4d forum

New groups

Group notifications

Hot content this week