LucidCountdownBanners

Revision 44 as of 2010-03-27 22:48:16

Clear message

Countdown banners for Ubuntu 10.04

Post your ideas for a countdown banner here. Guidelines are:

  • width: 180px
  • height: 150px
  • optimized png, gif or jpg, or
  • iframe containing interactive content (using static html, css, js and images - no PHP)
  • no flash - must work perfectly with only free software

A successful implementation will countdown the days from the Beta to final release. This means 28 images numbered 28 - 1 plus one for day 0 that says "coming soon" and one more that says "it's here" (30 images total).

For reference see the JauntyCountdownBanners

Post your drafts and mock-ups here along with any extra information you feel is useful then send a message to the web presence team mailing list so we can discuss it.

A few of the best will be selected to be syndicated from www.ubuntu.com/getubuntu/countdown and one of the best that harmonizes well with the Ubuntu website colors and look will be shown on the Ubuntu.com homepage.

Submissions

Florian Hubers's Design

I used the new Ubuntu bootscreen logo and "progressdots" for this banners. (Note: Please click the Full Size' link to see the original)

http://neogates.ath.cx/~huwa/ubuntuLucid/overview.png

Full Size (Overview) Banner info page

Andrew Higginson's Design

rugby471_design1.png

Brandon Ferringer's Design

I will have the rest of them ready if anyone likes the design.

ubuntuisherefinal.png ubuntuonedayleft.png ubuntutwodayleft.png ubuntuthirtydaysleft.png ubuntuiscomingsoon.png

Sorry, I feel these designs look cheap, good idea but I don't like the background effect, the colours are also unrelated to ubuntu's new branding Sad :(

Muscovy's Design

I'll make the rest if anyone likes the design. I think the banner should show off the new wallpaper.

muscovy_counter_30.png muscovy_counter_29.png muscovy_counter_1.png muscovy_counter_soon.png muscovy_counter_here.png

muscovy_counter_source.xcf

Silviu Radu's Design

I just wanted to keep it simple and in the same contrast as the new brand graphic. I also can do the rest ;).

lucid_lynx_cd_banner_v1_28d.jpg lucid_lynx_cd_banner_v1_27d.jpg lucid_lynx_cd_banner_v1_26d.jpg lucid_lynx_cd_banner_v1_25d.jpg lucid_lynx_cd_banner_v1_3d.jpg lucid_lynx_cd_banner_v1_2d.jpg lucid_lynx_cd_banner_v1_1d.jpg lucid_lynx_cd_banner_v1.2_ics.jpg lucid_lynx_cd_banner_v1.1_ics.jpg lucid_lynx_cd_banner_v1_ics.jpg lucid_lynx_cd_banner_v1_ih_gb.jpg

MTeck: This is my personal favorite. It mixes into the new design very well. The only thing I'm not sure about is the big IS the day it's coming out.

Silviu-Ionut Radu: I have made some other versions for the Coming soon! label. Thank you for your opinion MTeck

Silviu Radu's Design v2

As my first version, only with a bit of changes Big Grin :) And for this one I have used only a free font (Dejavu).

lucid_lynx_cd_banner_v2_28.jpg lucid_lynx_cd_banner_v2_27.jpg lucid_lynx_cd_banner_v2_26.jpg lucid_lynx_cd_banner_v2_25.jpg lucid_lynx_cd_banner_v2_03.jpg lucid_lynx_cd_banner_v2_02.jpg lucid_lynx_cd_banner_v2_01.jpg lucid_lynx_cd_banner_v2_cs.jpg lucid_lynx_cd_banner_v2_ih.jpg

MrAndrzejak: I really like this. Its in my top faves. If the top 80% background had more purple in it I would like it even more!

Jeff Stone's Design

Building on Muscovy's design, I used the official logo and added a tiny gnome-terminal. I've included the GIMP .XCF for easy changes

ubuntu-countdown-30.jpg ubuntu-countdown-29.jpg ubuntu-countdown-1.jpg

Marc Stewart's design

Also uses the new aubergine/orange/white palette, together with the open font Titillium—to reflect this release's emphasis on light, and for its wonderful legibility—for everything except the new logotype.

lucid_countdown_marc_stewart_28.png lucid_countdown_marc_stewart_15.png lucid_countdown_marc_stewart_03.png lucid_countdown_marc_stewart_01.png lucid_countdown_marc_stewart_coming_soon.png lucid_countdown_marc_stewart_its_here.png

Alternate forms with the URL and aubergine background:

lucid_countdown_marc_stewart_its_here_url.png lucid_countdown_marc_stewart_coming_soon_alternate.png

The .xcf file for GIMP (including all the days and alternate colours) is also attached.

Here's a simple modification I made to use the wallpaper.

lucid_countdown_marc_stewart_1g_muscovymod-example.png lucid_countdown_marc_stewart_1g_muscovymod.xcf

  Thanks, Muscovy. That's definitely a way to add to the aubergine version. To make it more consistent with the light source being at the top left (with 'ubuntu'), I've flipped and slightly cropped the wallpaper:

lucid_countdown_marc_stewart_29h.png lucid_countdown_marc_stewart_1h.xcf

MTeck: This is my second favorite. I think the link when it's out is out of place and the numbers seem very narrow and out of place. I think wider numbers would look much nicer.

Inspired by the new site mockups

Having looked again at the brand wiki pages, I've created these based on the post-it images used for the fridge The "10.04" is copied from the same mockup ("Announcing Ubuntu 10.04 LTS: The Lucid Lynx") for type matching.

lucid_countdown_marc_stewart_3k_26.png lucid_countdown_marc_stewart_3k_17.png lucid_countdown_marc_stewart_3k_04.png lucid_countdown_marc_stewart_3k_01.png lucid_countdown_marc_stewart_3k_00b_coming_soon.png lucid_countdown_marc_stewart_3k_00a_its_here.png

A mockup of this countdown banner in use on the new-look fridge is attached, along with the .xcf for GIMP.

lucid_countdown_marc_stewart_3k_fridge_mockup.png lucid_countdown_marc_stewart_3k.xcf

Ty VandeZande's Design

I have the rest of them ready and can upload them if anyone likes them. I was not sure which "it's here" to use so i uploaded them both and you can pick which one looks better.

ty_lucid_countdown_1.png ty_lucid_countdown_28.png ty_lucid_countdown_comingsoon.png ty_lucid_countdown_itshere.png or ty_lucid_countdown_itsherealternate.png

MrAndrzejak's Design

Hi all! Ubuntu user for 3+ years and looking for more ways to contribute to the community. Here is my first banner set, and working on one more.

ubuntu-banner30.png ubuntu-banner29.png ubuntu-banner28.png ubuntu-banner27.png ubuntu-banner26.png ubuntu-banner25.png ubuntu-banner24.png ubuntu-banner-soon.png ubuntu-banner-here.png

ALT version with orange "Ubuntu"... ubuntu-banner26ALTT.png

I have used several of the new pictograms which could be presented each day as I did above, or change every 4 days from one to the next. My overall idea was to: 1) keep it simple, 2) use the key colors of orange and purple, 3) use a white background to promote the new theme of light.

I'll finish up with my mostly orange theme idea...

orange-banner30.png orange-banner-soon.png orange-banner-here.png

The "coming soon" banner has a spice of purple in it, but I think I prefer the all orange look of the "it's here" banner.


Another idea...

light-banner-30.png light-banner-24.png light-banner-soon.png light-banner-here.png

The lighter orange and purple are easy on the eyes. Could always mix and match the best of my ideas for a final design.


Using the new install designs in the background....

install-banner30.png install-banner24.png install-banner-soon.png install-banner-here.png

Lucid Colors

This submission celebrates the new Lucid pallet. The first mockup is the "day" countdown. The phrase is from the ubuntu home page and is meant to bring consistency to the messages being delivered from the community. The second mockup is the day-of-release and the third is post release. All three mockups have the ubuntu URL. Arguably this is redundant as clicking the image will transfer the user to ubuntu.com but if the page is printed or captured in a screen shot adding it to image makes it a good reference to someone new to ubuntu.

jb_banner-29.png

jb_banner-00.png

jb_banner.png

JohnBaer

Leogg's design

Aubergine 1.0

ubu_A_28.png ubu_A_15.png ubu_A_01.png ubu_A_coming.png ubu_A_here.png

Aubergine 2.0

ubu_B_28.png ubu_B_15.png ubu_B_01.png ubu_A_coming.png ubu_A_here.png

Black 1.0

ubu_C_28.png ubu_C_15.png ubu_C_01.png ubu_C_coming.png ubu_C_here.png

Light Lynx

Going for light

http://lh6.ggpht.com/_DU7aNXlpKww/S64xFXjWc_I/AAAAAAAAAEI/_ty4Op2Xi5s/lucid_countdown_28.png http://lh4.ggpht.com/_DU7aNXlpKww/S64xFrp72gI/AAAAAAAAAEM/btKNlkWFKhM/lucid_countdown_9.png http://lh6.ggpht.com/_DU7aNXlpKww/S640aGyjd3I/AAAAAAAAAEk/N09-mqiyRpw/lucid_countdown_1.png http://lh6.ggpht.com/_DU7aNXlpKww/S64xFwBkMyI/AAAAAAAAAEU/w1yJResk2Z8/lucid_countdown_coming.png http://lh3.ggpht.com/_DU7aNXlpKww/S64xF2NNFkI/AAAAAAAAAEY/TOCUPbxiRZM/lucid_countdown_ishere.png