Following #1854730: Define visual tone/brand of the Seven theme, we should build up a handbook that documents our standards around the "stylistic" parts of Seven.

This is not to document any UI Patterns, but rather the important elements we identify Drupal with.

Feel free to inventorize useful resources around this, and add possible standards.

CommentFileSizeAuthor
#2 seven-elements-v3.png90.32 KByoroy
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Bojhan’s picture

Bojhan CreditAttribution: Bojhan commented

A quote from The Definitive Guide to Drupal 7, I wrote a small piece:

Drupal’s administrative interface (Seven) has limited usage of color. This is primarily a branding
and usability decision, as we tried to minimize the distraction to the interactions on the page. Another
consideration is accessibility, because a good part of our society has a form of color vision deficiency.
We make use of the following (neutral) colors:

#a6a7a2 (light gray) Column heading
#e1e2dc (light gray) Tabs, selected table column header
#e1e2dc (light gray) Table header backgrounds
#0074bd(blue) All links
#008800 (green) Success messages, enabled modules
#b14400(orange) Warnings
#8c2e0b (dark red) Errors
#b4d7f0 (light blue) Demonstrate blocks back background
yoroy’s picture

yoroy CreditAttribution: yoroy commented
FileSize
seven-elements-v3.png90.32 KB

A quick update. Ry5n is doing amazing work defining an updated look and feel for Seven. Bojhan and I are reviewing. Still needs an iteration or two, but here's a sample of what's in the works:

down-scaled screenshot of style guide as a large photoshop doc

Bojhan’s picture

Bojhan CreditAttribution: Bojhan commented

FYI, we are not discussing the design here - we are posting on g.d.o/usability in a few days.