Design a new 7.x theme for goofy.

CommentFileSizeAuthor
#1 goofy-7.x-dev-1.jpg105.83 KBdgoutam
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

dgoutam’s picture

FileSize
105.83 KB

New design attached for community feedback.
New design proposal

fgm’s picture

The image on that page is indeed good looking, but I'm not sure I understand what it is about: what does this have to do with the goofy theme ?

Is it supposed to be how a page built with that updated theme would look, or is it something else entirely ? Goofy is a historical core theme with a rather strong identity, with at least these characteristics:

- yellow/orange (main-color) + light gray theme on white background
- two matching logos in different colors on top, answering each other visually, and with the mission (or slogan ?) attached on the first side
- a site_title in a fantasy font
- main-color top sections on "headers" (table header, block title...),
- lot of visual artefacts put in boxes with rounded corners and shadows
- matching colors for header and footer,
- header and footer not differentiated from main artefacts (round corners, shadow)

If we consider a refreshed version, I think these elements should at least remain by default, but this does not appear in your new design: maybe it accomodates them, but this is unclear yet. If we try to match these characteristics with your design:

- the new main-color appears to be some purple vs the original yellow orange. main-color should be user-defined, possibly to using color.module or a set of predefined colors, so using purple as an alternative should be possible, but the default color should remain
- the new logo is single, on the left, no right logo. primary and secondary logos should be able to be turned off as theme settings, but should appear by default, either identical except for color, or symmetric across the page vertical in case of "oriented visuals"
- the default logo is not a druplicon. As with all themes, the logo must be changeable, but this being a historical core theme, it should use some form of druplicon by default
- the site_title font is discreet. It should be a user setting, allowing the one you chose, but by default use something strongly different from the main theme fonts, probably still some fantasy font
- the site_slogan / site_mission has disappeared. It is optional, but should be supported
- primary_links are on the top row with the logos instead of being full width below the logos/mission/slogan
- header and footer use different colors instead of matching each other.
- header and footer use a flat look instead of matching other artefacts.
- new style shadows and square corners. There is no denying that the new shadows look way better than the original, but the rounded corners seem to be part of the theme's identify.
- ".more_link a" matches ".block h2" instead of being visually aligned with other "a" elements.
- the new design include three parts blocks: super-title with icon (conept, design...), title, and content. How do you envision providing this in Drupal since blocks only have two parts, title and content ?

All in all, your proposal is (much) more better looking than Goofy, but completely loses its identity - although it might be possible to approach it at some level using settings, which should default to the original Goofy colors - but this really asks one question : why propose this as a Goofy update instead of one more brand new theme where you would not have to carry such historical visual baggage ?

dgoutam’s picture

@fgm
Thanks a lot for your details comments, I should appreciate your effort and time in the review process firstly.
My comments are as follows:
- The design proposal (The image) is one of the possible final implementation of the new revamp design (which I am not sure whether you are reallt looking for or not)

- ".. carry such historical visual baggage ? ", yes it is a really valid point to be answered. My point here is change should be welcomed, question is how much ?

- ".. yellow/orange (main-color) + light gray .." , color, we can have default color pallet with option to change

- ".. the default logo is not a druplicon .." I personally believe goofy as theme should carry it's own logo (default with normal core options to change it)

- ".. the site_title font is discreet. .." - font could be changed via webfont module and thus user should have the options to change it.

- ".. the site_slogan / site_mission .." -- need to revisit good point , should be incorporated

- " ..primary_links are on the top row .." - need rework to accommodate the idea/ feature

- ".. header and footer use different colors .." - aesthetically appealing colors are needed with customization options (my personal choice though)

- ".. header and footer use a flat look .. " - aesthetically appealing colors are needed with customization options (my personal choice though)

- ".. new style shadows and square corners... " - need to have answered this ..

- ".. .more_link a" matches ".block h2" .." - aesthetically appealing colors are needed with customization options (my personal choice though)

- ".. the new design include three parts blocks: .." - you are very right, but this is a design proposal where you can over ride css.

- " .. but completely loses its identity - .." - we need to work out here and need to be answered first..

hope my answers can clarify my thoughts but it could help a lot if could can really chat or talk over skype/hangout etc.

skype:dgoutam18
google:dgoutam

Outi’s picture

Hi dgoutam,
I think you should keep the modern touch but change it from serious business look to something more fun (but still stylish). Now it doesn't recall neither the original design neither something "goofy". I think the important elements are the rounded corners and the yellow colour, to create some kind of goofy spirit. Also some of the placements as logo or slogan should perhaps be maintained. Otherwise it should definitely be modernised.

dgoutam’s picture

@Outi I am not quite sure what should be done.
My idea was to revamp the theme with a complete overhaul, but I kind a convinced by @fgm that it could go for a new one.

Taxoman’s picture

Title: New design for goofy 7.x version » New design for goofy 7.x version ?

I personally like the original design, and would not mind if it was released with support for the Drupal color module so that it was possible to make some basic and easy color changes from within Drupal.

It would be confusing if changing the layout of an existing theme this drastically, so I am in favor of making the proposed, nice/interesting changes in a new namespace (as a new theme with its own name, not as goofy.)

fgm’s picture

Color module support would be nice to have, but it is not really simple to implement. So if you want to suggest a patch, you are most welcome to do so.

From his previous comment, dgoutam seems to have been convinced too that his interesting efforts were better placed in a new theme, not goofy.

itapplication’s picture

Priority: Normal » Major

@dgoutam actually theme identity is it's look and feel. If you change entire look and feel or you are going to apply major changes then why you don't create entire new theme instead of hacking original design.
I see on project description page, that you are maintainer of theme since 2011-12-04 for developing 7.x version but yet it didn't come out.

Webmaster or web builder/developer want to upgrade website's code/version not design if they want to change design then they have option to choose new theme so I think it is not wise to make major changes into design.

@fgm I like theme design, but I see it is not actively maintain and I couldn't see any new development for next versions. It will be better if theme will be live for Drupal communally.
I want to port theme for next versions of Drupal(Drupal 7 & Drupal 8) with same design. If you are too busy or not interested to maintain theme then I am interested take over project for future development. I will be take care of the project.

Shivcharan Patil (Shiv)
itapplication

fgm’s picture

Category: feature » task

Hi @itapplication: do you mean "same design" as the original goofy, or same design as @dgoutam suggested.

In the first case, I'm all for it: it would be fun to have it live on Twig :-)

In the second case, I do not think this is a good idea.

itapplication’s picture

Hi Frederic,

Thanks for the reply. I mean "same design" as the original goofy. I can put some fresh, trendy ideas for design but totally/completely change is death of theme.

No one can stop dgoutam to create new theme. dgoutam want to hack just name of theme(and project) for his new design. I don't know why dgoutam not going to create new theme with his new design?

Design is identity of theme. Yes we can change it to make it more trendy, more fresh.
If you are interested them I will provide you my contribution for Drupal 7 version with more trendy, more fresh look but without loosing it own face/identity.

fgm’s picture

Fine with me. As I see it, what defines Goofy visually is:

  • the two icons on either side of the screen, defaulting to the two blue and yellow/orange Druplicons
  • the default color set of burgundy text, yellow/orange highlights, gray block backgrounds and white page background, all of which should probably be configurable these days (color.module ?)
  • title and slogan that can go between the two icons (but should probably be optional and placed on either side or in the middle these days)
  • the contrasting headers defaulting to match the dominant color of the logos
  • rounded corners
  • the colorable backgrounds on all block elements including tables,
  • fillets around entity content, currently double between author info and content, single between content and links

Beyond that, I think anything goes: tables and slides images should probably go away, rounded corners should use CSS, some block-shadows are probably in order, the design could be made responsive, and so on.

If this is what you have in mind, I suggest you create another issue to submit either directly a patch building the new version on D8 if you have already prepared the theme or, possibly more cautiously, an image of how you think it should look, like dgoutam did, to avoid spending too much time. Since D8 APIs are now frozen, and all new changes must first go on the current dev version, you can then prepare it on D8, and if time permits and you want it, backport to D7.