MaverickCountdownBanner
Size: 6546
Comment:
|
Size: 16996
Comment:
|
Deletions are marked like this. | Additions are marked like this. |
Line 45: | Line 45: |
==== Even darker ==== {{http://countdown.immanuel-peratoner.de/Maverick/dark/dark-filled-3.png}} |
|
Line 105: | Line 108: |
My aim is for the countdown to look similar to a calendar and match the guidelines for Ubuntu's color scheme. | 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 ==== |
Line 109: | Line 113: |
==== coming soon ==== | |
Line 111: | Line 116: |
==== It's here! ==== | |
Line 113: | Line 119: |
[[http://cassidyjames.com/blog/index.php?post=50|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> }}} |
|
Line 116: | Line 126: |
=== David Hamm's Design === | === Wonder Bread === |
Line 120: | Line 130: |
[[https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Panic.xcf.tar.bz2|Download GimpXfc File]] | [[https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=1010.tar.gz|Download GimpXfc Files]] |
Line 142: | Line 152: |
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. | 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 ==== |
Line 152: | Line 165: |
==== 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}} |
|
Line 153: | Line 172: |
=== Callum Saunders's Idea === Pretty similiar idea to Anthony above, with the difference that mine is based on the interface of Ubuntu 10.10, trying to stay close to the theme colours and looks and using the Ubuntu font. An instant idea of what to expect from 10.10. Comments/suggestions/improvements welcome! ==== Draft Images ==== {{http://i38.tinypic.com/sce0i1.png}} {{http://i38.tinypic.com/eq7wg.png}} ==== Draft Images Updated ==== {{http://i35.tinypic.com/zkhnxh.png}} {{http://i37.tinypic.com/2whikg8.png}} {{http://i33.tinypic.com/2uf3ybo.png}} ==== Dark Countdown ==== Keeping it simple and elegant. {{http://i33.tinypic.com/2w21xjt.png}} {{http://i37.tinypic.com/15xppug.png}} {{http://i37.tinypic.com/2egbtb9.png}} ==== Dark Countdown Updated ==== {{http://i34.tinypic.com/53qlvs.png}} {{http://i35.tinypic.com/344bips.png}} {{http://i35.tinypic.com/2eo8mtw.png}} ==== Help! ==== Would really appreciate it if anyone could suggest the best way to turn my images into a countdown. I'm a n00b :( ==== 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 [[http://upinthesky.net/ubuntucounter/|here]], fetch a Package [[http://upinthesky.net/ubuntucounter/ubuntucounter.tar.gz|here]] and see a Screenshot right here: {{http://upinthesky.net/ubuntucounter/screen.png}} ==== Contact ==== cldx3000@gmail.com === Waqas Q's Ideas === Just a few designs I came up with {{http://i34.tinypic.com/200v60z.jpg}} {{http://i38.tinypic.com/ezlh11.jpg}} {{http://i35.tinypic.com/b9ewwh.jpg}} {{http://i36.tinypic.com/2i1mgdc.jpg}} {{http://i38.tinypic.com/f9lg2f.jpg}} ==== Contact ==== wakas88@gmail.com === András Bognár's design === *[[http://ubuntuone.com/p/CzS/|Color variation 1]] *[[http://ubuntuone.com/p/CzT/|Color variation 2]] *[[http://ubuntuone.com/p/CzU/|Color variation 3]] *[[http://ubuntuone.com/p/CzV/|Color variation 4]] *[[http://ubuntuone.com/p/CzW/|Color variation 5]] *[[http://ubuntuone.com/p/CzX/|Color variation 6]] *[[http://ubuntuone.com/p/CzY/|Color variation 7]] *[[http://ubuntuone.com/p/CzZ/|Color variation 8]] *[[http://ubuntuone.com/p/Cza/|Color variation 9]] *[[http://ubuntuone.com/p/Czb/|Color variation 10]] [[https://wiki.ubuntu.com/bognarandras|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: ==== [[http://automatismos2.freehostia.com/CountdownBanner.html|View Banner]] ==== or Embed using this code: ==== {{{ <iframe src="http://automatismos2.freehostia.com/CountdownBanner.html" frameborder="0" width="180" height="150"></iframe> }}} ==== Contact information ==== [[http://internauta2000.deviantart.com|Website]] - [[internauta2000@gmail.com|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%2010.10%20Countdown/maverick-days-count.png}} ==== last day image ==== {{http://dl.dropbox.com/u/125611/Ubuntu%2010.10%20Countdown/maverick-last-day-count.png}} ==== coming soon image ==== {{http://dl.dropbox.com/u/125611/Ubuntu%2010.10%20Countdown/maverick-coming-soon.png}} ==== it's here image ==== {{http://dl.dropbox.com/u/125611/Ubuntu%2010.10%20Countdown/maverick-it%27s-here.png}} [[goce.mitevski@gmail.com|Contact e-mail]] === Thorwil's === [[https://code.launchpad.net/~t-w-/+junk/countdown_10-10|Both designs on Launchpad]] Thorsten Wilms | t_w_@freenet.de | http://thorwil.wordpress.com ==== Circles ==== {{attachment:countdown_10-10_circles_draft.png}} ==== People ==== {{attachment: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. {{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}} another version with rounded corners: {{http://a.imageshack.us/img838/8299/unity19round.png}} ==== The Chain ==== In this design is represented a human chain that leads to final release of Ubuntu 10.10 Maverick Meerkat. {{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}} another version with rounded corners: {{http://a.imageshack.us/img265/1927/chain19round.png}} Contact info: dantelecan@gmail.com === desgua's draft === This is a draft of a psychiatrist from Brazil: {{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) contact: desgua@gmail.com === Koichi Akabe's Design === This is my idea. The meerkat will meet some animals (Heron, Ibex, Jackalope, Koara and Lynx). {{attachment:animals.png}} contact: vbkaisetsu@gmail.com === Martín Césare's Mockup === These are just 3 variations of the same idea. Still needs some work on general padding, typography and weigh distribution. My favorite is the third one, although I'm not sure about not including the Ubuntu isotype for the days countdown. What I don't like about the first set is the elements distribution. And about the second set, I dislike having two Ubuntu isotypes on the "coming soon" and "it's here" banners. {{attachment:ubuntu-banner-mc-1.png}} These are four more ideas. Less orange! :) I like these ones a bit better, but they are still very simple. Edit: I've updated the first set (below) with and "improved" version and I've added two more sets. I specially like the "coming soon" banner (of the last set). {{attachment:ubuntu-banner-mc-3.png}} === Muscovy's Designs === Here's my designs. Like many other banners, an emphasis on social. Source is attached for all designs. {{attachment:muscovy_design1_30.png}} {{attachment:muscovy_design2_30.png}} This one is a redesign of Adam Sawyer's. {{attachment:muscovy_design3_30.png}} {{attachment: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. {{attachment:jBaer_BannerDays.png}} {{attachment:jBaer_BannerToday.png}} {{attachment: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 === 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/ |
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
Darker
Even darker
Draft for the "it's here" image
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.
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
Purple with orange
Orange
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
Coming soon
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
It's Here!
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
coming soon
It's here!
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
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!
and a more simple alt version of the last two...
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
Alternative Designs
Contact information: maroubal2@gmail.com
Callum Saunders's Idea
Pretty similiar idea to Anthony above, with the difference that mine is based on the interface of Ubuntu 10.10, trying to stay close to the theme colours and looks and using the Ubuntu font. An instant idea of what to expect from 10.10. Comments/suggestions/improvements welcome!
Draft Images
Draft Images Updated
Dark Countdown
Keeping it simple and elegant.
Dark Countdown Updated
Help!
Would really appreciate it if anyone could suggest the best way to turn my images into a countdown. I'm a n00b
Contact
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:
Contact
Waqas Q's Ideas
Just a few designs I came up with
Contact
András Bognár's design
internauta2000 Design
This is my simple concept for the Ubuntu 10.10 Countdown.
Coming soon image option 1
or Coming soon image option 2
Days left image
It's here image option 1
or It's here image option 2
View Countdown Banner in action:
or Embed using this code:
<iframe src="http://automatismos2.freehostia.com/CountdownBanner.html" frameborder="0" width="180" height="150"></iframe>
Contact information
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
last day image
coming soon image
it's here image
Thorwil's
Thorsten Wilms | t_w_@freenet.de | http://thorwil.wordpress.com
Circles
People
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.
another version with rounded corners:
The Chain
In this design is represented a human chain that leads to final release of Ubuntu 10.10 Maverick Meerkat.
another version with rounded corners:
Contact info: dantelecan@gmail.com
desgua's draft
This is a draft of a psychiatrist from Brazil:
This is another draft:
Yet another idea:
(30 days left)
(29 days left)
(27 days left)
(24 days left)
(It's here)
contact: desgua@gmail.com
Koichi Akabe's Design
This is my idea. The meerkat will meet some animals (Heron, Ibex, Jackalope, Koara and Lynx).
contact: vbkaisetsu@gmail.com
Martín Césare's Mockup
These are just 3 variations of the same idea. Still needs some work on general padding, typography and weigh distribution. My favorite is the third one, although I'm not sure about not including the Ubuntu isotype for the days countdown.
What I don't like about the first set is the elements distribution. And about the second set, I dislike having two Ubuntu isotypes on the "coming soon" and "it's here" banners.
These are four more ideas. Less orange! I like these ones a bit better, but they are still very simple.
Edit: I've updated the first set (below) with and "improved" version and I've added two more sets. I specially like the "coming soon" banner (of the last set).
Muscovy's Designs
Here's my designs. Like many other banners, an emphasis on social.
Source is attached for all designs.
This one is a redesign of Adam Sawyer's.
Perfect 10 Design
Somewhere I read a comment about Maverick being a "Perfect 10" and that phrase is the slogan of my design.
I'm flexible on the phasing but the phase "available in", "available soon", and "available now" added a consistency I liked.
Quesh's Mockup
I suggest a cartoon bubble type speech-bubble as presented in the guidelines
without button
with button
soon, 125x125 for wordpress widget
contact : https://wiki.ubuntu.com/quesh
Website/MaverickCountdownBanner (last edited 2017-11-23 11:18:58 by eee-0392)