Visual Design :: Extensions

Visual Design | UI | Templates

OpenOffice.org Template Repository Design

Colors for web :: Color palette

Graphical elements :: Boxes | Images | Promo banner

Further Information :: OOoWiki

Final URL: http://templates.openoffice.org/

Design proposal – Category View

See the full page...

Design proposal – Search Results

See the full page...

Template preview: Saved area for small view

Design proposal – Detail View

See the full page...

Template preview: Saved area for detail view

Design proposal – Intro for Homepage

Design proposal: "My Favorites "


My Favorite on the side bar...


Add "My Favorite" in template box... (with on-mouse-over and select effect)

Design proposal – Feedback

Current situation:

Draft #01:

Final images for box composing

Color palette

3262A6

Introduction text:		#333333
Head line:		#0b377e
Tag text color:		#3262A6
(Alternative1 text color:)		#709EE4
(Alternative2 text color:)		#9BC0F5
Body text:		#000000
Links:		#E76700

Graphics for template site design: Boxes

The "Navi-Box" to composing...

The result:


navibox_left-top2.png	navibox_middle-top2.png	navibox_right-top2.png


navibox_left2.png		navibox_right2.png


navibox_left-bottom2.png	navibox_middle-bottom2.png	navibox_right-bottom2.png

The "Small size Navi-Box" to composing...

The result:


NaviTempBox_small_left-top.gif	NaviTempBox_small_mid-top.gif	NaviTempBox_small_right-top.gif


NaviTempBox_small_left.gif		NaviTempBox_small_right.gif


NaviTempBox_small_left-bot.gif	NaviTempBox_small_mid-bot.gif	NaviTempBox_small_right-bot.gif

The "IntroBox-" to composing...

The result:


IntroBox_left-top.gif	IntroBox_middle-top.gif	IntroBox_right-top.gif

The "Light Box-" to composing...

The result:


LightBox_left-top.gif	LightBox_middle-top.gif	LightBox_right-top.gif


LightBox_left.gif		LightBox_right.gif


LightBox_left-bottom.gif	LightBox_middle-bottom.gif	LightBox_right-bottom.gif

The "Header-Box" to composing...

The result:


HeadBox_left-top.gif	HeadBox_middle-top.gif	HeadBox_right-top.gif


HeadBox_left.gif		HeadBox_right.gif


HeadBox_left-bottom.gif	HeadBox_middle-bottom.gif	HeadBox_right-bottom.gif

The "Header-Box active" to composing...

The result:


HeadBox-a_left-top.gif	HeadBox-a_middle-top.gif	HeadBox-a_right-top.gif


HeadBox-a_left.gif	HeadBox-a_middle.gif	HeadBox-a_right.gif


HeadBox-a_left-bottom.gif	HeadBox-a_middle-bottom.gif	HeadBox-a_right-bottom.gif

The "Template List Box" to composing...

The result:


ListBox_left.gif	ListBox_middle.gif	ListBox_right.gif

Note:
The "new template" bitmap (Icon) should be replaced automatically with the "normal template" bitmap (Icon) a month after.

The "Template-Box" to composing...

The result:


TemplateBox_left-top.gif	TemplateBox_top.gif	TemplateBox_right-top.gif


TemplateBox_left.gif		TemplateBox_right.gif


TemplateBox_left-bottom.gif	TemplateBox_bottom.gif	TemplateBox_right-bottom.gif

The "Preview-Frame" to composing...

The result:


Preview_left-top.gif	Preview_top.gif	Preview_right-top.gif


Preview_left.gif		Preview_right.gif


Preview_left-bottom.gif	Preview_bottom.gif	Preview_right-bottom.gif

"Thank You" Feedback to composing...


ThankYouBox_left-top.gif	ThankYouBox_top.gif	ThankYouBox_right-top.gif


ThankYouBox_left.gif		ThankYouBox_right.gif


ThankYouBox_left-bottom.gif	ThankYouBox_bottom.gif	ThankYouBox_right-bottom.gif

The result:

Graphics for site design: Images

		... without alpha channel (.gif)
Fav Iocn for URL
	template_fav.ico	template_fav.gif
Head
	header.png
Head bar
	headerbar.png

Bullet
	bullet_new.gif

Writer Template		Note: The "new template" bitmap should be replaced automatically with the "normal template" bitmap a month after.
	WriterTemplate-new.gif

	WriterTemplate.gif

Calc Template		Note: The "new template" bitmap should be replaced automatically with the "normal template" bitmap a month after.
	CalcTemplate-new.gif

	CalcTemplate.gif

Impress Template		Note: The "new template" bitmap should be replaced automatically with the "normal template" bitmap a month after.
	ImpressTemplate-new.gif

	ImpressTemplate.gif

Draw Template		Note: The "new template" bitmap should be replaced automatically with the "normal template" bitmap a month after.
	DrawTemplate-new.gif

	DrawTemplate.gif

Upload Button
	upload.gif

My Favorites
	favorites.gif

Download Button
	get_it.gif	use_it.gif

Abuse Button
	abuse.gif

Tell a Friend
	mail.gif

Rating
	rating0.png

Rating
	rating1.png

Rating
	rating2.png

Rating
	rating3.png

Rating
	rating4.png

Rating
	rating5.png

Rating star
	ratingstar_white.png

Rating star
	ratingstar_red.png

Rating stars
	ratingstars.png	ratingstars.gif

My Favorite
	myfavorite_2ad.gif

My Favorite
	myfavorite.gif

Preview placeholder
	placeholder_small.png	placeholder_large.png

Preview Temporary Placeholder
	PreviewPlaceholder_small.png	PreviewPlaceholder_large.png
Preview Temporary Placeholder with "automatically border"
	PreviewPlaceholder_small_no.png	PreviewPlaceholder_large_no.png

Last change: 03/04/2009 by sts