Lets devise a plan for this:

Two parts:

1. The emotional - tone, voice, characteristics
2. The factual parts, forms, colors, proportions

### Emotional characteristics

We need a foundation of 'personality, voice and tone'. Then we use that to validate and improve the theme as well as determine how new elements should be added in.

### Practical application

Typefaces, sizes, hierarchy, rhythm, colors, spacing…
Form elements

Forms and colours are determined equally by 'brand' and by things like contrast requirements, touch target sizes, visual hierarchy concerns, etc.

Comments

Bojhan’s picture

http://www.d7ux.org/how-does-drupal-talk-on-brand-personality-tone-of-vo...

Comment #12

webchick said at 10:16 pm on March 26th, 2009:
One could actually argue that Drupal’s goal is to impose *no* personality on its users, at least as much as possible. A lot of work has been done since the 5.x release of Drupal to make it fully possible to create a “white label” distribution of Drupal that doesn’t mention Drupal at all in any user-facing text.

If you take a gander through some of the high-profile sites that are using Drupal (http://buytaert.net/tag/drupal-sites), you’ll see a wide mix of sites that are being built with the Drupal platform that only serve to back this up:

http://community.michaeljackson.com/: Fun, social, classic
http://recovery.gov/: Solemn, serious, ambitious
http://www.symantec.com/community: Corporate, sales, support
http://ketnet.be/: Fun, vibrant, kids

Just as Leisa didn’t appreciate Joomla! basically creating an advertisement for itself as the default user experience, so too does someone like Amnesty International not want to have to theme out “Hey, bubba! Why dontcha log in thar now?” when they are focused on highlighting human rights crises.

So I would say it’s probably much better for Drupal to portray a plain, non-descript personality… a “blank canvas” if you will… that site designers can then tweak to add whatever special personality traits that make their site their own.
But to answer your question.

Drupal would be a chameleon/some attractive person whose work you enjoy but can’t ever seem to recall their name/hand-built custom car/carpenter

Comment #61

Is this Drupal the brand including Drupal.org / cultism / cool sites built with it, or the branding of Drupal the thing you download? I don’t think they’re at all the same thing.
Answers are for core specifically since I think that’s what you want:
What it is now:
Animal: owl (hat tip yoroy)
Celebrity: Richard Whitely minus the bad jokes appearing on Just a Minute.
Car: http://fronttoback.org/wp-content/uploads/2008/03/homer_dreamcar.gif crossed with http://bedrock.deadsquid.com/img/group/flintstonecars/fred_wilma_baby_ca...
Profession: librarian
What I’d like it to be:
Animal: flock of starlings (multi-layered)
Celebrity: Nicholas Cage
Car: Prius (minus the annoying Zach Goldsmith-esque driver)
Profession: heart surgeon

Comment #73

So, I’m only going to answer one of the five questions, but I’ll make up for it with an extra-long answer
I noticed that you’re using VW.com as the starting point for some of
your concepting sketches, and as a Jetta owner, it struck me that the Volkswagen brand echoes many of the same values that I think Drupal aspires to.
Volkswagen is literally “the people’s car”, and with its vibrant community and open source mission, Drupal is unquestionably “the people’s CMS”.
Volkswagen cars used to be symbols of the counterculture, but are now accepted as mainstream, just as Drupal started as a hobbyist project, but now runs many enterprise-level sites.
Drupal is also like a Volkswagen in that it’s usually pretty reliable, but when something does go wrong with it, you have to take it to a specialist, because it’s full of strange European-engineered parts
In terms of user experience, I believe that Volkswagen sets a great standard, and is one that Drupal should aspire to.
The thing that I love most about my Jetta is that when I get into it, whether I’m a passenger or a driver, everything feels like it’s in the right place, and I don’t have to guess where individual knobs or
controls are at, or what they do.
On the other hand, the controls on my other car, a Toyota Prius, are sometimes non-intuitive in their placement and operation (have you seen the goofy gear shift they have?), and the car is less enjoyable to drive, even though it’s much newer and has more technological amenities.
Drupal to me feels like it wants to be a Jetta, but is more often a Prius: full of cutting-edge technology, but with a lot of its basic controls in weird places.
If the experience of working with a Drupal site was more like the experience of driving a Jetta, I think we’d have a lot more happy users

Bojhan’s picture

Title: Create a style guide for Seven theme » Define visual tone/brand of the Seven theme

To split of the more factual parts, we can already start inventorizing and thinking about #1862442: Document forms, colors, proportions, typography. This isssue is now scoped only on the tone/brand focus.

yoroy’s picture

Title: Define visual tone/brand of the Seven theme » Create a style guide for Seven theme

Notes from a discussion in IRC with Ry5n, Bojhan and yoroy:

---

# A style guide for Seven theme

Seven is the default admin theme for Drupal 7. It defines the first impression and provides the main environment for site building and content editing tasks. As such, it is an important, even defining part of the Drupal user experience.

## Why a styleguide

As functionality gets added to a Drupal site, the user interface gets extended as well. Additional interaction patterns, more complex workflows and new terminology are added to the existing core interactions.

This creates some issues. Most importantly, visual inconsistencies. At the moment (D8 feature-complete phase) even in core-only itself. Made worse through added contrib

A styleguide helps align both core and contrib by defining the main characteristics for Seven and providing a practical checklist for how to express them consistently and appropriately:

## Topics/parts/sections

Two parts:

1. The emotional - tone, voice, characteristics
2. The factual parts, forms, colors, proportions

### Emotional characteristics

We need a foundation of 'personality, voice and tone'. Then we use that to validate and improve the theme as well as determine how new elements should be added in.

### Practical application

Typefaces, sizes, hierarchy, rhythm, colors, spacing…
Form elements

Forms and colours are determined equally by 'brand' and by things like contrast requirements, touch target sizes, visual hierarchy concerns, etc.

## Scope (Seven + core + contrib?)

- Focus on personality & visual characteristics
- Not duplicate but supplement the HIG guidelines at http://drupal.org/ui-standards

**For core**: tone/brand is likely most important

**For contrib:** contrib can use this when designing a custom ui element to consult the practical guidelines.

yoroy’s picture

Title: Create a style guide for Seven theme » Define visual tone/brand of the Seven theme

fixing title.

yoroy’s picture

Issue summary: View changes

first version of a plan