Last updated by chirag1990 on Tue, 2011-11-22 05:02
I would like to introduce the official Drupal 7 marketing assets, approved by the Drupal Association - banners and badges.
Typography: Helvetica Neue
The colors used (blue shades - #55b2eb and #0779bf and green #8ebd45) and dimensions match the Drupal.org website and the Drupal style guide to make these marketing materials consistent with the Drupal branding.
Use them to promote Drupal 7, the release party that you plan, post them on your blog, website...
Please share this resources so that we all are consistent with the marketing materials that we use.
There are 3 different versions of banners:
- Get Started with Drupal7
- Drupal 7 Release Party
- Countdown to Drupal 7 (5 days - 1 day)
Download the zip with all images
UPDATE: Download the PSD source for both party and get started banners
A few instructions for using the source files:
- Please do not use ANY other font then Helvetica Neue Light and Helvetica Neue Heavy (for bold)
- Please do not change the position of the logo/wordmark
- Please do not add any other design element
- Please do not change anything else than text
- Download Party banners PSD
- Download Get started banners PSD
Thank you
Get Started
Please link to http://drupal.org/start, not the tarball directly. We want new users to get the resources they need to be successful.
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/88x31.jpg" alt="Get started with Drupal 7" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/120x600.jpg" alt="Get started with Drupal 7" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/125x125.jpg" alt="Get started with Drupal 7" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/140x52.jpg" alt="Get started with Drupal 7" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/160x600.jpg" alt="Get started with Drupal 7" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/220x82.jpg" alt="Get started with Drupal 7" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/250x250.jpg" alt="Get started with Drupal 7" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/300x100.jpg" alt="Get started with Drupal 7" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/300x250.jpg" alt="Get started with Drupal 7" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/468x60.jpg" alt="Get started with Drupal 7" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/620x230.jpg" alt="Get started with Drupal 7" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/728x90.jpg" alt="Get started with Drupal 7" />
</a>
Release Party
<a href="http://drupal7releaseparty.org">
<img src="http://groups.drupal.org/files/88x31_0.jpg" alt="Drupal 7 - Time to party!" />
</a>
<a href="http://drupal7releaseparty.org">
<img src="http://groups.drupal.org/files/125x125_0.jpg" alt="Drupal 7 - Time to party!" />
</a>
<a href="http://drupal7releaseparty.org">
<img src="http://groups.drupal.org/files/120x600_0.jpg" alt="Drupal 7 - Time to party!" />
</a>
<a href="http://drupal7releaseparty.org">
<img src="http://groups.drupal.org/files/160x600_0.jpg" alt="Drupal 7 - Time to party!" />
</a>
<a href="http://drupal7releaseparty.org">
<img src="http://groups.drupal.org/files/220x82_0.jpg" alt="Drupal 7 - Time to party!" />
</a>
<a href="http://drupal7releaseparty.org">
<img src="http://groups.drupal.org/files/250x250_0.jpg" alt="Drupal 7 - Time to party!" />
</a>
<a href="http://drupal7releaseparty.org">
<img src="http://groups.drupal.org/files/300x100_0.jpg" alt="Drupal 7 - Time to party!" />
</a>
<a href="http://drupal7releaseparty.org">
<img src="http://groups.drupal.org/files/300x250_0.jpg" alt="Drupal 7 - Time to party!" />
</a>
<a href="http://drupal7releaseparty.org">
<img src="http://groups.drupal.org/files/468x60_0.jpg" alt="Drupal 7 - Time to party!" />
</a>
<a href="http://drupal7releaseparty.org">
<img src="http://groups.drupal.org/files/620x230_0.jpg" alt="Drupal 7 - Time to party!" />
</a>
<a href="http://drupal7releaseparty.org">
<img src="http://groups.drupal.org/files/728x90_0.jpg" alt="Drupal 7 - Time to party!" />
</a>
Countdown
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/1day.jpg" alt="Drupal 7 - Available in 1 day" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/2days.jpg" alt="Drupal 7 - Available in 2 days" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/3days.jpg" alt="Drupal 7 - Available in 3 days" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/4days.jpg" alt="Drupal 7 - Available in 4 days" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/5days.jpg" alt="Drupal 7 - Available in 5 days" />
</a>
<a href="http://drupal.org/start">
<img src="http://groups.drupal.org/files/tomorrow.jpg" alt="Drupal 7 - Available tomorrow" />
</a>
Attachment | Size |
---|---|
88x31.jpg | 1.28 KB |
120x600.jpg | 7.6 KB |
125x125.jpg | 3.67 KB |
140x52.jpg | 3.12 KB |
160x600.jpg | 10.61 KB |
220x82.jpg | 5.07 KB |
250x250.jpg | 8.31 KB |
300x100.jpg | 7.17 KB |
300x250.jpg | 10.29 KB |
468x60.jpg | 6.62 KB |
620x230.jpg | 18.51 KB |
728x90.jpg | 15.28 KB |
125x125.jpg | 5.27 KB |
160x600.jpg | 10.38 KB |
220x82.jpg | 5.65 KB |
250x250.jpg | 9.69 KB |
300x100.jpg | 8.19 KB |
300x250.jpg | 11.23 KB |
468x60.jpg | 6.99 KB |
728x90.jpg | 13.81 KB |
620x230.jpg | 26.25 KB |
88x31.jpg | 1008 bytes |
drupal7assets_jpg.zip | 235.27 KB |
5days.jpg | 7.46 KB |
4days.jpg | 7.41 KB |
3days.jpg | 7.46 KB |
2days.jpg | 7.46 KB |
1day.jpg | 6.98 KB |
tomorrow.jpg | 8.3 KB |
120x600.jpg | 9.16 KB |
pngs-rename-me-to-tar-gz.txt | 406.01 KB |
jpegs_100-rename-me-to-tar-gz.txt | 308.54 KB |
Comments
Reminds me of those bendy
Reminds me of those bendy straws I drank through as a kid. Very pretty.
Downloading! and thanks for
Downloading!
and thanks for the design specs.
Silence is golden.
warning : some banners NOT display with AdBlock Plus !
THANKS for these wonderful banners :-D
But, very strange : some banners are missing, not display, when AdBlock Plus is enable (Vista + Firefox 3.6.2 + AdBlock Plus (french))
example : 300x250_0.jpg and 728x90_0.jpg (and other) are NOT display with Ad Block ...
If I disable Ad Block Plus, all banners are display.
I try on my web site : same problem : I cannot see some banners when AdBlock Plus is enable ...
AdBlock Plus seem to flag these banners as ads ?
Thanks for all the work for Drupal 7 ;-)
--
Didier Misson
http://didier.misson.net/blog/
Turn it off :-)
I'll guess that AdBlock is blocking them because they're standard ad sizes.
-= Jeff Robbins | Lullabot | Drupalize.me =-
Turn it off :-)
Of course I can turn my AdBlock Plus off...
I was only thinking about visitors who don't know this, and don't see Drupal banners due to their AdBlock Plus :p
(same problem on Ubuntu + Google Chromium + AdBlock)
But ok, we have the source. I can modify size to make that AdBlock will not block this Drupal banners.
Thanks and happy new year.
--
Didier Misson
http://didier.misson.net/blog/
These remind me a bit of the
These remind me a bit of the backgrounds used in Windows 7/MSDN marketing... is that intentional? Nevertheless I like them :)
/Robin
should prolly add JPEGs that
should prolly add JPEGs that aren't riddled with artifacts, or say... PNGs?
Willing to help convert to PNGs?
Hi, if we gave you the source, could you do the conversions? We've been putting in a lot of hours over the holidays and could do with some help to get these polished off.
We are also working on some final branding other Drupal stuff so we are a little busy with that.
Kieran
I could convert all the
I could convert all the banners to a few formats. The only questions is the original vector or bitmap? If it's bitmap then we'll have to miss AI/EPS/SVG etc.
Cheers,
Andrey
Free and Premium Drupal Themes | Drupal Sites Showcase. Add yours! | My Blog
no problem, I'm sure I got 10
no problem, I'm sure I got 10 mins to spare tomorrow
That can quite easily be scripted
with ImageMagick for example. No problemo.
Also translations please
Thank you but you need to make these available in an editable format, be it: SVG, .ai or PSD. How are people going to translate to several languages? In our case it's portuguese.
Good point
Working on it!
Kieran
Cool banners. Did you manage
Cool banners.
Did you manage to make them in PSD, AI or SVG?
Found them ;-)
If you don't want to manually
If you don't want to manually change the countdown images every day, I made a simple script that will redirect to a correct image:
<a href="http://drupal.org/start">
<img src="http://d7.dh-te.com/days.php" alt="Drupal 7 - Available in 5 days" />
</a>
If the date is less than 31th Dec, it will return Get started banner. If the date is higher than 5th Jan and less than 7th Jan, it will return a release party banner. If the date is higher than 7th Jan, it will return Get started.
Feel free to use at your sites.
(you can test by using ?override=20110103 argument to days.php script.
I hate to be captain obvious
I hate to be captain obvious here, but then the alt text won't match the image, blind ppl (and any1 else relying on alt text) will have to wait an eternal 5 days :P
Broken.
Broken. It pointed me to a 5 days image. (Its 12/30/10)
I go by Josh The Geek.
Drupal.org
GitHub
Your comment was posted 31th
Your comment was posted 31th 01:44? :) But I think I get it - timezone difference?
Ugh. I always forget about
Ugh. I always forget about that. I'm in America/NewYork
I go by Josh The Geek.
Drupal.org
GitHub
thanks ...
Thanks @Meba ...
Sree
A drush script and a cron job will do
If you don't want to use something like Rules or Job Scheduler.
Create a tiny drush script that renames, or creates a symlink, from the image that is referenced in the
src
attribute of theimg
element and just create a cron job that runs the script at 00h00 of the configured time zone.Let's do it the drupal way (tm).
Or we could simply offer a
Or we could simply offer a file location where the image will be changed each day, so not everyone in the world who wants to use this has to update their code each day :-/
PSD sources of banners
I have updated this page with the PSD source so that you can edit the text. Few instructions:
- Please do not use ANY other font then Helvetica Neue Light and Helvetica Neue Heavy (for bold)
- Please do not change the position of the logo/wordmark
- Please do not add any other design element
- Please do not change anything else than text
Thank you
twitter: @jojototh
drupal.org user: mogdesign
CEO http://mogdesign.eu
Thanks
Thanks for these banners. I like.
Thanks for the PSD sources and Happy New Year.
--
Didier Misson
http://didier.misson.net/blog/
Drupal 7 wallpaper calendar
also there is a PSD source of wallpaper calendar we made that is 1920x1200 here: http://mogdesign.eu/blog/drupal-7-wallpaper-calendar-psd-source/
twitter: @jojototh
drupal.org user: mogdesign
CEO http://mogdesign.eu
I haz a sad
Added tarballs for 100% JPEG and 24-bit PNG versions, both also contain an empty "available in...", idea is to set the image as a background and use actual text with @font-face, removing the need for alt-text and all that crap. Had to chug it up and rename tarballs to .txt :(
Get Started? With what?
I'm really missing a slogan in the "Get Started" banners. People have to be familiar with Drupal to have an incentive to click the banner. What is Drupal? Why is Drupal 7 important to me? I think these are important points which should be answered by the banner. A simple clarification will do. Like "Open Source Content Management" or "Open Source CMS for 2011". Anything will do and is better than "Get Started" alone.
Get started!
Good point.
"Get Started" is just not spicy. Something like: "Open Source Content Management RELOADED" may do its effect on new comers (like me :-) ).
Ubuntu, Drupal, Inkscape, Totoro.
Slogan reloaded
Good point george@dynapres.nl
Psd Source
PSD source, is that a joke? Is Drupal the only libre software we are supposed to use?
Gimp works fine with PSD...
Lots of apps read and write Photoshop-compatible files these days. And a lot of us who work with graphics still use Adobe products, too, so PSD should be an all-around win-win for an "original" source file to work from.
About me:
Plain version
I have made another version of the banner. This is less a banner, but a Drupal 7 logo.
I noticed it was missing for writing news and blog articles when there is no additional information but Drupal 7.
Jojo: beat me hard and beat me quick if you don't like it :) Or make a better one...
Life is a journey, not a destination
Very Nice
Less is more.
Ray
This might have been asked
This might have been asked already, but is there an EPS or even PDF version of the new Drupal logo available anywhere? And yes, I've tried googling for it already.
Could we get these (or at
Could we get these (or at least a couple) added to the Marketing Resources page? http://drupal.org/marketing-resources
Has anyone made a slide
Love these!! BTW has anyone made a slide template with this as a background? I'm putting together slides for the NYC release party and would love to slot in a branded background!
==================================
http://about.me/lisarex
Yes, I did
Check out http://groups.drupal.org/node/115799
Kind regards, Baris Wanschers
Seven
If anyone is curious, the "7" comes from the free font Dekar by Fontfabric (http://fontfabric.com/dekar-free-font)
D7 Full Vector Logo's
I spent a good hour looking and made this in about 10 minutes so here you go; full vector .AI and .EPS versions of the D7 Logo.
http://www.leveltendesign.com/file/d7-vector-ai-eps-logo
Thanks for the vector version
Thanks for the vector version, you're the king! Also, this is super nit-picky, but does it annoy you that the "7" is right-aligned with the TM symbol instead of the "L" in Drupal?
Yes it Did!
Aaron,
Didn't even notice that yesterday, I've updated the file to align both the "7" and the left and right sides of the Drupal TM.
No worries
No worries Chris, I know it's not your design. Unfortunately it's probably too late to fix it for all of the materials that have already been distributed.
If these items will eventually will be treated as the official marketing materials, I would like to vote that the alignment be fixed in the final versions.
Agreed
Yea, and there needs to be full vector versions of all the artwork especially the backgrounds designs especially; otherwise there not going to scale, which was the main problem I was dealing with.
Awesome!
You're the man!
Flickr
Would be great to browse these somewhere! Some might have a too slow connection downloading a big zip-file (as me)
Thanks!
Best,
M
Sociala Medier | Föreläsare | Sökoptimering
drupal sri lanka going to rock drupal 7
In our little island country I am going to celebrate and sending e-flyers to all sri lankans. hoping to make an impact to future drupal lovers !
~~~ DRUPAL EXPERIMENTAL USER SINCE 2006 ~~~
Available in vector?
Hi - are any of the Drupal 7 logos available in vector format? I am specifically looking to use the "7" for some artwork.
thanks.
Sorry - just saw above post
Looks like someone beat me to it :)
The inner page sidebar should display subpages of current page
Hello,
I am new with Drupal.
I wnat the inner page sidebar left should display sub pages of the current page.
If u have any reference or any example or any help about it then,Please provide an example or link of this.
--
Thanks & regards,
Satish.
Newer banners available?
Sorry to resurrect an old group post, but is anyone aware a centralized location for banners promoting Drupal? I run a content management news site and occasionally when I don't have a sponsor for a spot I'd like to use those spots to promote open source projects (with Drupal being my favorite).
Thanks,
Bryan
Bryan Ruby
socPub