MaverickCountdownBanner

Countdown banners for Ubuntu 10.10

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 38 images numbered 38 - 1 plus one for day 0 that says "coming soon" and one more that says "it's here" (40 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.

Extra ideas

Last time we featured a Facebook block. If you have ideas for seeing this enhanced, please discuss them on the mailing list.

We've also produced animated iframe countdowns in the past - I think this would be awesome to do again.

And if you want, we can get really innovative - how about an Android widget? What other cool stuff can we do?

Submissions

Post your mock-ups and ideas here. Make sure there's enough detail so that we can contact you!

Immanuel Peratoner's Design

Mark Shuttleworth announced that Ubuntu 10.10 will be "social from the start". I thought this can be very well represented by speech bubbles. Here are some versions with different shades. My personal favorite is the darkest variant.

Dark

http://countdown.immanuel-peratoner.de/Maverick/dark/dark-shadowed-1.png http://countdown.immanuel-peratoner.de/Maverick/dark/dark-filled-1.png

Darker

http://countdown.immanuel-peratoner.de/Maverick/dark/dark-shadowed-2.png http://countdown.immanuel-peratoner.de/Maverick/dark/dark-filled-2.png

Even darker

http://countdown.immanuel-peratoner.de/Maverick/dark/dark-filled-3.png

Draft for the "it's here" image

http://countdown.immanuel-peratoner.de/Maverick/itshere-draft.png

Contact information: Website

David Laurell's simple design

This design aims to be as simple and like the Ubuntu site's design as possible. Feel free to change it to your liking. It is rendered in a HTML5 canvas element so Javascript and a modern browser is needed to view it.

Because the banner is rendered by javascript, it works with any date before and after the release.

http://daverix.net/maverickcountdown/canvas.png

View it in action or embed it using this code:

<iframe src="http://daverix.net/maverickcountdown/iframe.html" frameborder="0" width="180" height="150"></iframe>

Contact information: david@laurell.nu

Tom Marshall's Design

Inspired by Immanuel Peratoner's design, a circle of friends say the time remaining until release. I have made three variations:

Purple

http://img198.imageshack.us/img198/5062/purplebanner.png

Purple with orange

http://img251.imageshack.us/img251/643/purpleorangebanner.png

Orange

http://img696.imageshack.us/img696/6404/orangebannerr.png

Contact information: Tom.ME.Marshall@gmail.com

Adam Sawyers' Design

Created using some official graphics from the website and GIMP. I though it went very nicely with the official website's color scheme. I also have a .xcf file which I will upload if there is enough interest.

X days left

http://img230.imageshack.us/img230/6085/countdowng.png

Coming soon

http://img840.imageshack.us/img840/1272/countdowncomingsoon.png

Contact information: pacarama@gmail.com

Alejandro Rojas' Design

The purpose of this design is to be concrete, just to show exactly what people want to know about the new release.

X days left

http://i.imgur.com/sIb0m.png

It's (Almost) Here!

http://i.imgur.com/8UPSi.jpg http://i.imgur.com/gtLmJ.jpg

Contact info: Blvr.81@gmail.com

Cassidy James' 10.10 Calendar Design

My aim is for the countdown to look similar to a calendar and match the guidelines for Ubuntu's color scheme. Since I have it live now, it displays "Coming Soon" until the 38 day mark.

x days until 10.10

http://cassidyjames.com/downloads/maverick-countdown-cassidyjames-22.png

coming soon

http://cassidyjames.com/downloads/maverick-countdown-cassidyjames-soon.png

It's here!

http://cassidyjames.com/downloads/maverick-countdown-cassidyjames-here.png

View it in action or embed it using this code:

<iframe src="http://cassidyjames.com/downloads/maverick-iframe.html" frameborder="0" width="180" height="150"></iframe>

Contact information: email@cassidyjames.com

Wonder Bread

1010.png

Download GimpXfc Files

MrAndrejak's 10.10 Countdown Idea

From my 4+ years now of using Ubuntu as my only OS, one thing Ive come to the conclusion of is this... Ubuntu is fun! and I wanted to express that in my design idea. Hope everyone likes it!

http://www.iheartubuntu.com/1010meerkat301.png

http://www.iheartubuntu.com/1010meerkat151.png

http://www.iheartubuntu.com/1010meerkatsocial1.png

http://www.iheartubuntu.com/1010meerkatitshere1.png

and a more simple alt version of the last two...

http://www.iheartubuntu.com/1010meerkatcome1.png

Contact information: mrandrzejak [at] gmail [dot] com

Anthony Scarth's Design Idea

This is my concept for the Ubuntu 10.10 Countdown. It has a simple orange and white theme to integrate well with the main website. It is only an idea and can be adjusted if necessary. Feel free to comment on the designs, all feedback is much appreciated.

Draft

  • https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Ubuntu+Countdown+Banner+32.png https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Ubuntu+Countdown+Banner+4.png https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Ubuntu+Countdown+Banner+Coming.png

Alternative Designs

  • https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Ubuntu+Countdown+Banner+32+Alt.png

    https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Ubuntu+Countdown+Banner+4+Alt.png

View It

Kyle Baker has very kindly made a script on his blog for the last two banners. Go check them out here!

Contact

maroubal2 [at] gmail [dot] com

Callum Saunders's Design

All images available in a tarball @ https://docs.google.com/uc?id=0B_2rRVQ8ce_kZmJiYzk2OTUtN2Y4YS00MmVlLTg5MjEtYjcyZDVmOWZjZTcy&export=download&authkey=CLanu6MC&hl=en

Dark Countdown

Keeping it simple and elegant. _

...days to go:

  • http://i35.tinypic.com/2n1z9uf.png http://i35.tinypic.com/voxvno.png

  • out now:
    • http://i33.tinypic.com/280jczs.png or http://i38.tinypic.com/2vio2ee.png

View It Now!

http://infected-studios.com/meep/ubuntucountdown.html

Embed Code

<iframe src="http://infected-studios.com/meep/ubuntucountdown.html" frameborder="0" width="180" height="150"></iframe>

Contact

dancemeep@gmail.com

Comments

* It's the best!

Joern Konopka's Entry

One more can't hurt i think. The Banner received some eye-candy CSS Treatment which should be downgrading gracefully according to the Browser, please tell me if you see any Problems. You can check out a live demo right here here, fetch a Package here and see a Screenshot right here:

http://upinthesky.net/ubuntucounter/screen.png

Contact

cldx3000@gmail.com

András Bognár's design

Contact

internauta2000 Design

This is my simple concept for the Ubuntu 10.10 Countdown.

Coming soon image option 1

https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-2.png

or Coming soon image option 2

https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-3.png

Days left image

https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-1.png

It's here image option 1

https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-4.png

or It's here image option 2

https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-5.png

View Countdown Banner in action:

View Banner

or Embed using this code:

<iframe src="http://automatismos2.freehostia.com/CountdownBanner.html" frameborder="0" width="180" height="150"></iframe>

Contact information

Website - email

Goce Mitevski's Design

This concept promotes the latest Ubuntu release as an album release called "Maverick Meerkat" by Ubuntu as the artist.

days left image

http://dl.dropbox.com/u/125611/Ubuntu 10.10 Countdown/maverick-days-count.png

last day image

http://dl.dropbox.com/u/125611/Ubuntu 10.10 Countdown/maverick-last-day-count.png

coming soon image

http://dl.dropbox.com/u/125611/Ubuntu 10.10 Countdown/maverick-coming-soon.png

it's here image

http://dl.dropbox.com/u/125611/Ubuntu 10.10 Countdown/maverick-it's-here.png

Contact e-mail

Thorwil's

Both designs on Launchpad

Thorsten Wilms | t_w_@freenet.de | http://thorwil.wordpress.com

Circles

countdown_10-10_circles_draft.png

People

countdown_10-10_people_draft.png

Will need some work to get the clone-trooper feel out.

Telecan Dan's Design

Unity

This design is inspired by the fact that Ubuntu gather people together. Every day people get together to form an Ubuntu logo. Finally all community get together to make possible the release of Ubuntu 10.10 Maverick Meerkat.

Images are available here: https://docs.google.com/uc?id=0B6pN9rIjM1HPMzUyNjIwNTItNmM4NS00ZjJjLWIyNWEtMmZjNWFkYzQwOTI3&export=download&authkey=COaOlIcI&hl=en

http://a.imageshack.us/img6/668/unity38.png http://a.imageshack.us/img824/1237/unity19.png

http://a.imageshack.us/img691/405/unity18.png http://a.imageshack.us/img810/3725/unity17.png

http://a.imageshack.us/img442/2936/unity00.png http://a.imageshack.us/img834/2236/unity001010.png

The Chain

In this design is represented a human chain that leads to final release of Ubuntu 10.10 Maverick Meerkat.

Images are available here: https://docs.google.com/uc?id=0B6pN9rIjM1HPN2UyOTExMzEtMmFlNy00MzE3LTgzMDItYzQxNjM4M2U5NzU1&export=download&authkey=CJyGxYkO&hl=en

http://a.imageshack.us/img295/707/chian38.png http://a.imageshack.us/img227/649/chian19.png

http://a.imageshack.us/img580/5281/chian18.png http://a.imageshack.us/img197/1157/chian17.png

http://a.imageshack.us/img693/1298/chian00.png http://a.imageshack.us/img710/8690/chian001010png.png

Contact info: dantelecan@gmail.com

desgua's draft

My first idea:

http://dl.dropbox.com/u/4098082/final2.png

This is another draft:

http://dl.dropbox.com/u/4098082/a.png

http://dl.dropbox.com/u/4098082/b.png

http://dl.dropbox.com/u/4098082/c.png

Yet another idea:

http://dl.dropbox.com/u/4098082/1.png (30 days left)

http://dl.dropbox.com/u/4098082/2.png (29 days left)

http://dl.dropbox.com/u/4098082/3.png (27 days left)

http://dl.dropbox.com/u/4098082/4.png (24 days left)

http://dl.dropbox.com/u/4098082/5.png (It's here)

The Perfect 10:

This is the year of the World Cup. Pelé is the greatest footballer of all time: http://en.wikipedia.org/wiki/Pelé and he is the number 10 shirt.

http://dl.dropbox.com/u/4098082/1a.png

http://dl.dropbox.com/u/4098082/2a.png

contact: desgua@gmail.com

Koichi Akabe's Design

This is my idea. The meerkat will meet some animals (Heron, Ibex, Jackalope, Koara and Lynx).

animals.png

contact: vbkaisetsu@gmail.com

Martín Césare's Mockups

I've replaced my previous uploads with these 4 sets.

The first one has two color variations. I prefer the second one, but i know the colors are not so Ubuntu.

ubuntu-banner-mc-4.png

The second and third set are very orange! Both of them have a "progress bar" that changes as the days go by. Probably, my least favorites sets.

ubuntu-banner-mc-5.png

And my fourth mockup is based on the new Ubuntu Wallpaper. The idea behind this design was to replace the Ubuntu logo for the countdown, so I've chosen the official wallpaper for 10.10 and created a mini look-a-like for the banner. It shows a few problems with the lower "orange dot" (on the last two banners). This set was somehow inspired by the amazing set created by Alejandro Rojas (on this wiki, as well).

EDIT: it seems that this isn't the offical wallpaper for 10.10... yet? Smile :)

ubuntu-banner-mc-6.png

Contact Info: Website - Email

PS: didn't mention this before but everything was created using Inkscape.

Muscovy's Designs

Here's my designs. Like many other banners, an emphasis on social.

Source is attached for all designs.

muscovy_design1_30.png

muscovy_design2_30.png This one is a redesign of Adam Sawyer's.

muscovy_design3_30.png muscovy_design3_here.png

Perfect 10 Design

Somewhere I read a comment about Maverick being a "Perfect 10" and that phrase is the slogan of my design.

jBaer_BannerDays.png

jBaer_BannerToday.png

jBaer_BannerHere.png

I'm flexible on the phasing but the phase "available in", "available soon", and "available now" added a consistency I liked.

JohnBaer

Border-less Design

This design is targeted to a web site or blog with a white background and is based on a text-message concept featuring no borders.

jBaer_WhiteBannerDays.png

jBaer_WhiteBannerToday.png

jBaer_WhiteBannerHere.png

Again, I'm flexible on the phasing. Smile :)

JohnBaer

Quesh's Mockup

I suggest a cartoon bubble type speech-bubble as presented in the guidelines

without button

http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_sans_42.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_sans_07.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_sans_soon.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_sans_here.png

with button

http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_avec_42.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_avec_07.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_avec_soon.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_avec_here.png

soon, 125x125 for wordpress widget

contact : https://wiki.ubuntu.com/quesh

blog : http://blog.quesh.fr/2010/08/compteurs-maverick/

Star Wars Mockup by daqwid2727

33 days left

http://a.yfrog.com/img831/3553/33days.png

coming soon

http://a.yfrog.com/img96/9091/comingsoondo.png

it's here

http://a.yfrog.com/img197/5918/sherepng.png

by daqwid2727

Contact: dawid.dubanosow@gmail.com (best if I could speak Polish or alternatively in English)

Waqas Q's Ideas

Replaced the previous entries I made.

http://i34.tinypic.com/21mdrp5.jpg http://i36.tinypic.com/2evvpdw.jpg http://i37.tinypic.com/v8lfnb.jpg

Or

http://i35.tinypic.com/2573nlu.jpg http://i37.tinypic.com/9q8co8.jpg http://i33.tinypic.com/2zfpbio.jpg

http://img251.imageshack.us/img251/4171/purplet.jpg http://img266.imageshack.us/img266/7420/purple2b.jpg http://img823.imageshack.us/img823/682/purple3m.jpg

http://img90.imageshack.us/img90/1842/days2.jpg http://img440.imageshack.us/img440/3615/soon2.jpg http://img641.imageshack.us/img641/3054/here2v.jpg

Contact

wakas88@gmail.com

Ireneusz Imiolek's Ideas

http://i981.photobucket.com/albums/ae295/eri83pl/counter/d23.png http://i981.photobucket.com/albums/ae295/eri83pl/counter/dcs.png http://i981.photobucket.com/albums/ae295/eri83pl/counter/ih.png

Contact

imiolek.i@googlemail.com

Website/MaverickCountdownBanner (last edited 2010-09-18 14:17:53 by maroubal2)