SatinRibbon

Revision 27 as of 2008-02-19 15:45:57

Clear message

Navigation(slides) Navigation(siblings,1)

Satin Ribbon

Concept

In general, I prefer minimalism and subtlety. I wanted to think past the contemporary use of glass controls and translucent windows and imagine what would come next after the appearance of OSX had grown as old as System 7.x and Vista users admitted that invisible windows are counter-productive.

The concept provides a nearly flat window interior, bordered on top and bottom by bars with a subtle gradient creating a satiny sheen and a sense of depth. Indeed, the title and bottom bars are like the rolls of a scroll, separated to reveal the flat paper between. The title and bottom bars should appear as two satin ribbons that are slightly closer to the view in the center.

The menu bar is shadowed by the title bar overhead. The idea is not to suggest that the title bar is rounded in any way but to reinforce the flatness of the interior and the dimensional aspect of the title bar. In keeping with the slight depth cue the title bar provides, the selected menu header and attached menu appear above the plane of the window interior, at the same perceived plane of title bar. Thus, the selected menu header is not shadowed by the title bar. The selected menu header and menu appear as one continuous object with a slight sheen propagating towards the lower right-hand corner, as a wide satin ribbon would appear when viewed flat.

To create a softer appearance, borders between elements are formed with drop shadows or brown lines only a few shades darker than the surroundings. To enhance the legibility of the title bar text and window controls without harshness, a darker brown outer glow is used instead of outlines.

Anchor(ConceptArt) Concept Art

attachment:u-theme-satin-1t.png

[attachment:u-theme-satin-1.png Fullsize] Image by aremes

Icons

Icons to match the Satin Ribbon Theme

Anchor(ConceptArt)

attachment:u-icon-satin-folder.png

attachment:u-icon-satin-computer.png

In Progress

Folder

Computer

Trash

Icons by srattan

Implementation

I've not created "themes" since the days of Kaleidoscope 1.01 on Mac System 7.5 - amazingly, still on the web at http://www.kaleidoscope.net/cgi-bin/schemes.cgi?author=ryansmith. (In fact, while flirting with Mandrake and KDE long ago, I discovered my "Khaki" theme, with widgets from my "Althea" series themes, had been ported - no credit was given, though).

I'm still figuring out the architecture of how windows are displayed in linux. The available options for display managers, window theme engines and gtk themes offer great control but also a lot of confusion for newcomers. From what I've learned so far, it seems that this concept could be realized with Emerald. Can it be done with Metacity?

Reference

Contributions

GTK2 Theme

THIS IS PRELIMINARY WORK. It doesn't look that good, yet. This theme (now) uses the pixmap and murrine engines. Metacity theme based on Gilouche. Actually, it's almost the same. :P

(Oh, and I'm still waiting for widget concepts. Big Grin :) -kido)

Known limitations:

  • Can't do statusbar like in mockup. Applications handle them differently, and I can't get the background image to stretch anyway.
  • Drop shadows will have to be composited, i.e. out of the scope of the theme. To make the menus still look correct with shadows on, try moving the shadow's top component down. (e.g. for xcompmgr, try "xcompmgr -cft 0")

Download here: attachment:Satin_Ribbon.tar.gz

Progress

Thank you, kido, for starting work on a GTK theme! I installed it and took a screenshot:

attachment:SatinRibbonGTK01t.png

[attachment:SatinRibbonGTK01.png Fullsize] Image by aremes

Maybe I should work on some concepts for buttons, check boxes, progress bars, etc. -aremes

[wiki:/?action=AttachFile Attach File]

Include(Artwork/Incoming/SubmissionGuidelines/Guidelines)

Comments

I like it -- Jm55 DateTime(2007-11-28T01:18:15Z)Jm

I like it too! -Linducker

Really stands out! -maumac

This is awesome. If you can make it just a tad less 'golden/metallic' it would be perfect. Come to think of it, it is already pretty close to perfect, are you going to be makin a GTK+ theme anytime soon? - PrashantVaibhav

I really like this. It is strikingly different without being overly complex. Best of all it is not just trying to copy Windows or Apple, it is forging new ground. Please keep working on this concept! -Lee Sharp

Very good gtk theme mockup! Make more contrast between the active menuitem and menu. I don't care if it's looks like metallic bronze, it's nice.

Attachment List

AttachList


CategoryArtwork