Buttons | dConstruct 2008

We have winner!

The winner of the button competition was Kolla Richmond. Congratulations to Kolla who wins a ticket to dConstruct.

Buttons for Your Site

Take the easy route with these ready-made buttons.

White text on green
White text on blue
Green/grey text on light grey

or mashup our buttons with your media!

White text on transparent (use your own background photo!)
Black text on transparent (use your own background photo!)

Green buttons

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:468px;height:60px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-468X60-green.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:120px;height:60px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-120X60-green.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:125px;height:125px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-125X125-green.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:120px;height:240px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-120X240-green.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

Blue buttons

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:468px;height:60px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-468X60-blue.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:120px;height:60px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-120X60-blue.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:125px;height:125px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-125X125-blue.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:120px;height:240px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-120X240-blue.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

Grey buttons

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:468px;height:60px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-468X60-grey.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:120px;height:60px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-120X60-grey.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:125px;height:125px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-125X125-grey.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:120px;height:240px;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-120X240-grey.gif" alt="dConstruct 2008 - Designing the Social Web" /></a>

Customisable buttons(transparent with white foreground)

Replace the background image URL with the link to the photo of your choice. This version works well with dark or highly coloured photos.

Example photo credit: Peasap

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:468px;height:60px;background:url(http://url.to/photo.jpg) 0 0 no-repeat;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-468X60-white.png" alt="dConstruct 2008: Designing the Social Web" style="margin:0;padding:0;width:468px;height:60px;" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:120px;height:60px;background:url(http://url.to/photo.jpg) 0 0 no-repeat;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-120X60-white.png" alt="dConstruct 2008: Designing the Social Web" style="margin:0;padding:0;width:120px;height:60px;" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:125px;height:125px;background:url(http://url.to/photo.jpg) 0 0 no-repeat;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-125X125-white.png" alt="dConstruct 2008: Designing the Social Web" style="margin:0;padding:0;width:125px;height:125px;" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:120px;height:240px;background:url(http://url.to/photo.jpg) 0 0 no-repeat;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-120X240-white.png" alt="dConstruct 2008: Designing the Social Web" style="margin:0;padding:0;width:120px;height:240px;" /></a>

Customisable buttons(transparent with black foreground)

Replace the background image URL with the link to the photo of your choice. This version works well with light coloured photos.

Example photo credit: Peasap

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:468px;height:60px;background:url(http://url.to/photo.jpg) 0 0 no-repeat;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-468X60-black.png" alt="dConstruct 2008: Designing the Social Web" style="margin:0;padding:0;width:468px;height:60px;" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:120px;height:60px;background:url(http://url.to/photo.jpg) 0 0 no-repeat;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-120X60-black.png" alt="dConstruct 2008: Designing the Social Web" style="margin:0;padding:0;width:120px;height:60px;" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:125px;height:125px;background:url(http://url.to/photo.jpg) 0 0 no-repeat;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-125X125-black.png" alt="dConstruct 2008: Designing the Social Web" style="margin:0;padding:0;width:125px;height:125px;" /></a>

<a href="http://2008.dConstruct.org/" style="margin:0;padding:0;display:block;width:120px;height:240px;background:url(http://url.to/photo.jpg) 0 0 no-repeat;"><img src="http://dconstruct.s3.amazonaws.com/buttons/dConstruct08-120X240-black.png" alt="dConstruct 2008: Designing the Social Web" style="margin:0;padding:0;width:120px;height:240px;" /></a>

Sponsorship

Interested in becoming a sponsor?
information pack (4.5Mb PDF)

Premier Sponsors

Executive Sponsors

Associate Sponsors

Media Partners

Clearleft is a user experience design consultancy based in Brighton, UK.

We make websites, and in our spare time we like to give something back to the web design community by running dConstruct. It’s a grass-roots conference that gathers some of the brightest minds in the industry from around the world, and brings them to our little home by the sea for a cup of tea and a slice of cake.

© 2008 Clearleft. All rights reserved.