<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
  <head>
    <title>Webjam Design Channel</title>
    <meta name="description" content="A webjam created for the design community, showing art, design, usability, links and portfolio work. Discuss your design ideas with the best in the field." />
    <meta name="keywords" content="internet, design, art, animation, digital, usability, sculpture, 3d, &quot;information architecture&quot;" />
    <meta name="Webjam2.ExecutionTime" content="328" />
    <meta name="Webjam2.SerializationTime" content="219" />
    <meta name="Webjam2.XsltTime" content="0" />
    <link rel="Shortcut Icon" type="image/x-icon" href="http://s3.amazonaws.com/webjam-upload/designlogo___a3b774b261e34338874e721e1dd95690(143x140)(@16x16C)i.gif.ico" />
    <link rel="stylesheet" type="text/css" media="all" href="/css/compiled/all.css?session=d34ed0fb" />
    <link rel="stylesheet" type="text/css" media="print" href="/css/browser/print.css?session=d34ed0fb" />
    <link rel="stylesheet" type="text/css" media="all" id="StyleSheetLink" href="/Actions/Stylesheet.jam?StylesheetId=a5a7352d-e2d7-4a74-acb6-14ebac1cef84" />
    <style type="text/css">
#Top-Bar-1 {
background-color : #000000;
}

#Top-Bar-1 .Center {
background-color : #1e1e1e;
}

#Page-Header .Logo {
background : url("http://www.webjam.com/designers/~Photo?id=b22a9734-2e45-4f23-ae76-cd2386b94022") center center ! important;
}
</style>
    <script type="text/javascript">
//output the current site-controller session-id and URL
var $controllerSessionId = "26409128-9870-418a-ae27-35401e1ebf4a";
var $userId = "673d9425-5894-45d2-8740-fdd75b5e245a";
var $pageId = "66a73b32-46b5-4234-974f-61b27b713eb0";
var $url = "http://www.webjam.com/designers/";
var executionTime = 328;
var xsltTime = 0;
var loginHash = "";
var performLastAction = false;

//start the download timer
startDownLoad = new Date();


var $canEdit = false;
</script>
    <script type="text/javascript" src="http://www.webjam.com/js/compiled/all.js?session=d34ed0fb">
    </script>
  </head>
  <body class="">
    <div id="Lightbox-Overlay">
    </div>
    <div id="Lightbox-Holder">
      <div id="Lightbox">
        <div class="Lightbox-Drag">
        </div>
        <div class="Ajax-Panel" id="Lightbox-Ajax-Panel">
Loading, please wait... 
</div>
      </div>
    </div>
    <div id="Holder">
      <div id="Page-Header">
        <div id="Top-Bar-1">
          <span class="Logo">
            <a title="Webjam" href="http://www.webjam.com">
              <img src="http://www.webjam.com/images/blank.gif" width="40" height="28" alt="Go to: www.webjam.com" />
            </a>
          </span>
          <span class="Left">
            <span class="Site-Title">
              <a onclick="return $lightbox(this);" href="http://www.webjam.com/designers/~SiteInfo?id=66a73b32-46b5-4234-974f-61b27b713eb0">Webjam Design Channel</a>
              <span class="Separator-Grey-Big">|</span>
              <a class="createWJ" onclick="return $lightbox(this);" href="http://www.webjam.com/designers/~Wizard">create new webjam
                        </a>
            </span>
          </span>
          <span class="Center">
            <a style="padding-right:0" onclick="return $lightbox(this);" href="http://www.webjam.com/designers/~LoginForm/">
              <phrase name="sign in 22">Sign in</phrase>
            </a>
            <span class="Separator-Register">|</span>
            <a class="NoActive White" onclick="return $lightbox(this);" href="http://www.webjam.com/designers/~Wizard/?Register=true">
              <phrase name="Register">Register</phrase>
            </a>
          </span>
          <form id="searchForm" onsubmit="return $toggleSearch(true);" action="http://www.webjam.com/webjam/search/?cx=007888517589037463859%3Anmasauu6snu&amp;cof=FORID%3A11&amp;safe=medium&amp;sa.x=0&amp;sa.y=0&amp;q=">
            <div class="haccordion outhaccordion">
              <img src="http://www.webjam.com/images/magnify_search.gif" class="header" onclick="$toggleSearch(true);" />
              <div class="content">
                <input type="text" name="q" id="searchTextbox">
                </input>
              </div>
              <img src="http://www.webjam.com/images/arrow_search.gif" class="header" onclick="$toggleSearch();" id="searchArrowImg" />
            </div>
          </form>
        </div>
        <div id="ViewOptions">
          <ul>
            <li>
              <a class="Option First" href="#" onclick="return ShowModules('Personal');">
                <img src="http://www.webjam.com/images/icon_user.gif" alt="" align="absmiddle" /> Editor view
                      <br /><span class="small">See everything</span></a>
            </li>
            <li>
              <a class="Option" href="#" onclick="return ShowModules('Community');">
                <img src="http://www.webjam.com/images/community.gif" alt="" align="absmiddle" /> Members view
                      <br /><span class="small">See what your members see</span></a>
            </li>
            <li>
              <a class="Option" href="#" onclick="return ShowModules('Public');">
                <img src="http://www.webjam.com/images/world.gif" alt="" align="absmiddle" /> Public view
<br /><span class="small">See what everyone else sees</span></a>
            </li>
          </ul>
        </div>
      </div>
      <a name="Columns">
      </a>
      <div id="Page-Width">
        <div id="Page-Content">
          <div id="Page-Content-Inner">
            <div id="Columns">
              <div id="Column-0" class=" Column ">
                <div class="Height-Spacer"> </div>
                <div class="Module RichTextModule-Module  AccessLevel-Public" id="3a0a543a-1b71-4b3d-aa04-3c61d20b63b8">
                  <div class="bl">
                    <div class="Block-Dummy"> </div>
                    <div class="Module-Control-Owner">
                      <div class="Panel">
                        <a onclick="return $lightbox(this);" title="Add this module to another webjam" class="     AddToWJ     " href="http://www.webjam.com/designers/$3a0a543a-1b71-4b3d-aa04-3c61d20b63b8/~AddToWJ/">
                          <span>
                            <phrase name="add to wj">Add to my webjam</phrase>
                          </span>
                        </a>
                      </div>
                    </div>
                    <div class="Module-Controls">
                      <div class="Panel">
                        <div class="Module-Controls-Drag"> </div>
                        <div class="Right-Links">
                          <a onclick="return $lightbox(this);" title="Add this module to another webjam" class=" AddToWJ " href="http://www.webjam.com/designers/$3a0a543a-1b71-4b3d-aa04-3c61d20b63b8/~AddToWJ/">
                            <span>
                              <phrase name="add to wj">Add to my webjam</phrase>
                            </span>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="Ajax-Panel Module-Holder">
                      <div>
                        <div class="Content">
                          <p><font size="5"> </font></p><p><font size="5">Webjam Design Channel</font></p><p>The one to watch....&nbsp;</p>
                        </div>
                        <span class="Clear-Left">
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="Module Navigation-Module  AccessLevel-Public" id="449a344c-7e92-4191-adb7-0ffb194c4c71">
                  <div class="bl">
                    <div class="Block-Dummy"> </div>
                    <div class="Module-Control-Owner">
                      <div class="Panel">
                        <a onclick="return $lightbox(this);" title="Add this module to another webjam" class="     AddToWJ     " href="http://www.webjam.com/designers/$449a344c-7e92-4191-adb7-0ffb194c4c71/~AddToWJ/">
                          <span>
                            <phrase name="add to wj">Add to my webjam</phrase>
                          </span>
                        </a>
                      </div>
                    </div>
                    <div class="Module-Controls">
                      <div class="Panel">
                        <div class="Module-Controls-Drag"> </div>
                        <div class="Right-Links">
                          <a onclick="return $lightbox(this);" title="Add this module to another webjam" class=" AddToWJ " href="http://www.webjam.com/designers/$449a344c-7e92-4191-adb7-0ffb194c4c71/~AddToWJ/">
                            <span>
                              <phrase name="add to wj">Add to my webjam</phrase>
                            </span>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="Ajax-Panel Module-Holder">
                      <div class="Navigation">
                        <h1 class="Module-Title">
                          <span>Page navigation</span>
                        </h1>
                        <ul class="Subpages">
                          <li id="                     Page-66a73b32-46b5-4234-974f-61b27b713eb0" class="Selected">
                            <a href="http://www.webjam.com/designers">Design Blog</a>
                          </li>
                          <li id="                     Page-233fc0b9-fd91-4470-b214-7c5470ac9024">
                            <a href="http://www.webjam.com/designers/images">Artwork</a>
                          </li>
                          <li id="                     Page-30275bf0-b0d9-4f31-a736-572e59935e3a">
                            <a href="http://www.webjam.com/designers/forum">Discussion Forum</a>
                          </li>
                          <li id="                     Page-cec55216-07c5-4dab-b4da-f7db2e47836c">
                            <a href="http://www.webjam.com/designers/members">Members</a>
                          </li>
                          <li id="                     Page-d8d120d3-4340-43d1-971a-5384abfeb36b">
                            <a href="http://www.webjam.com/designers/design_20">Design news &amp; links </a>
                          </li>
                          <li id="                     Page-564c49a5-7daa-47b0-b65d-e7bb9d8338ce">
                            <a href="http://www.webjam.com/designers/promoting_design">Promoting Design</a>
                          </li>
                        </ul>
                        <br clear="left" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="Horizontal-Columns">
                <div id="Column-1" class=" Column  ResizableColumn " style="width : 78%;">
                  <div class="Module BlogModule-Module  AccessLevel-Public" id="8d0e8007-2324-404e-9fb3-15aab366337a">
                    <div class="bl">
                      <div class="Block-Dummy"> </div>
                      <div class="Module-Control-Owner">
                        <div class="Panel">
                          <a onclick="return $lightbox(this);" title="Add this module to another webjam" class="     AddToWJ     " href="http://www.webjam.com/designers/$8d0e8007-2324-404e-9fb3-15aab366337a/~AddToWJ/">
                            <span>
                              <phrase name="add to wj">Add to my webjam</phrase>
                            </span>
                          </a>
                        </div>
                      </div>
                      <div class="Module-Controls">
                        <div class="Panel">
                          <div class="Module-Controls-Drag"> </div>
                          <div class="Right-Links">
                            <a onclick="return $lightbox(this);" title="Add this module to another webjam" class=" AddToWJ " href="http://www.webjam.com/designers/$8d0e8007-2324-404e-9fb3-15aab366337a/~AddToWJ/">
                              <span>
                                <phrase name="add to wj">Add to my webjam</phrase>
                              </span>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="Ajax-Panel Module-Holder">
                        <div>
                          <h1 class="Module-Title">
                            <span>
                              <a href="http://www.webjam.com/designers/$art_design__usability_blog/../">
                                <img src="http://www.webjam.com/images/back_button.gif" align="absmiddle" /> Art, Design &amp; Usability blog</a>
»
Design under the spotlight - C'est si bon</span>
                          </h1>
                          <div class="Blog-Post">
                            <div class="Blog-Post-Chrono">
                              <span class="Blog-Post-Comments-Count">
                                <a class="Button-Link" href="http://www.webjam.com/designers/$art_design__usability_blog/2008/08/01/design_under_the_spotlight__cest_si_bon#Comments">
                                  <img src="http://www.webjam.com/images/comments.gif" align="absmiddle" /> <span class="CommentCount">1 Comment</span></a>
                                <a class="Button-Link" href="http://www.webjam.com/designers/$art_design__usability_blog/2008/08/01/design_under_the_spotlight__cest_si_bon#AddComment">  - Add comment  </a>
|
<a class="Button-Link" href="http://www.webjam.com/designers/$art_design__usability_blog/../"><img src="http://www.webjam.com/images/back_button.gif" align="absmiddle" />
Back to Design Blog</a></span>

Written on 01-Aug-2008 by 
<a onclick="return $lightbox(this);" href="http://www.webjam.com/designers/~UserProfile?id=9b85578f-85d0-4aa2-b11b-c6d12b1a04fa">webjamdesigners</a></div>
                            <div class="Blog-Post-Content">
                              <p>The new Design under the spotlight is an absolute stunner. Showing us the versatility of what can be done with the style editor, Bonny's webjam &quot;<a href="/bonny" target="_blank">C'est si Bon!</a>&quot; is a great pice of creative work.<br /> </p><p>I think the designs are now coming in thick and fast, and this is the standard we need more of on Webjam! Congratulations to you Bonny and the rest of you design gurus who are constantly stretching the performance of Webjam's design capabilities. Keep it going!</p><p><a href="/bonny" target="_blank">View &quot;C'est si bon!&quot;</a> &nbsp;</p><p>Remember to leave us a message if you see a design that is deserves a mention! We're eagerly awaiting the next style to be mentioned here... </p>
                            </div>
                            <div class="Blog-Post-Utility">
                              <a title="Post to Facebook" onclick="return $popup(this);" href="http://www.facebook.com/login.php?popup&amp;next=http%253A%252F%252Fwww.facebook.com%252Fsharer.php%253Fu%253Dhttp%253a%252f%252fwww.webjam.com%252fdesigners%252f%2524art_design__usability_blog%252f2008%252f08%252f01%252fdesign_under_the_spotlight__cest_si_bon">
                                <img src="http://www.webjam.com/images/facebook.gif" align="absmiddle" />Post to Facebook</a>
                              <a onclick="return $lightbox(this);" title="Send to a friend" href="http://www.webjam.com/designers/$art_design__usability_blog/../~ShowSendPageLink?inviteUrl=http://www.webjam.com/designers/$art_design__usability_blog/2008/08/01/design_under_the_spotlight__cest_si_bon&amp;title=Design+under+the+spotlight+-+C'est+si+bon&amp;module=blog">
                                <img src="http://www.webjam.com/images/email.gif" align="absmiddle" />Send to a friend</a>
                            </div>
                            <div class="Blog-Post-Tags">Tags:
<a href="http://www.webjam.com/designers/$art_design__usability_blog/~Tag?name=design of the week">design of the week</a>, <a href="http://www.webjam.com/designers/$art_design__usability_blog/~Tag?name=design under the spotlight">design under the spotlight</a></div>
                            <div class="Module-Navigation-Controls">
                              <span class="Left">
                                <a id="Blog-Post-Navigation-Previous" href="http://www.webjam.com/designers/$art_design__usability_blog/2008/08/01/metro_logos">&lt;&lt; Metro logos</a>
                              </span>
                              <span class="Right">
                                <a id="Blog-Post-Navigation-Next" href="http://www.webjam.com/designers/$art_design__usability_blog/2008/08/06/design_under_the_spotlight__poppycockney">Design under the spotlight - Poppycockney &gt;&gt;</a>
                              </span>
                              <br clear="both" />
                            </div>
                            <div class="Blog-Post-Comments-Container">
                              <h2 id="Comments">Comments</h2>
                              <ul>
                                <li class="Ajax-Panel" id="4595313e-3b76-4cba-9798-a531e608f30b">
                                  <a name="LastComment">
                                  </a>
                                  <div class="Photo-Frame">
                                    <a href="http://www.webjam.com/designers/$art_design__usability_blog/../~UserProfile?id=85d70e2f-e1e8-461e-8bb5-2763734a6117" onclick="return $lightbox(this);">
                                      <img class="S3" width="64" height="64" src="http://s3.amazonaws.com/webjam-upload/cristian3___66f82767833e4b5696ff356a3dcc191d(183x183)(@64x64C).jpg" />
                                    </a>
                                  </div>
                                  <p class="Right">
                                    <em>written on 01-Aug-2008</em>
                                  </p>
                                  <p class="Comment-Info">
                                    <a href="http://www.webjam.com/designers/$art_design__usability_blog/../~UserProfile?id=85d70e2f-e1e8-461e-8bb5-2763734a6117" onclick="return $lightbox(this);">cristian.saracco</a>
[<a target="_new" href="http://www.webjam.com/brand30">http://www.webjam.com/brand30</a>]


says:</p>
                                  <p class="Comment-Content">
                                    Looks fantastic!... Great & congratulations!
                                  </p>
                                </li>
                                <li>
                                </li>
                              </ul>
                              <a name="AddComment">
                              </a>
                              <h2>Leave a Comment</h2>
                              <div class="Ajax-Panel Form-Response Error-Message" id="Blog-Post-Comments-Form-Response">
                              </div>
                              <form id="Blog-Post-Comments-Form" class="Blog-Post-Comments-Form" onsubmit="$('.Error-Message', this.parentNode).empty(); return $ajax(this);" action="http://www.webjam.com/designers/$art_design__usability_blog/~PostComment">
                                <label for="name">Name:</label>
                                <input id="name" name="name">
                                </input>
                                <br />
                                <span>
                                  <label for="email">Email (will not be published):</label>
                                  <input id="email" name="email">
                                  </input>
                                  <br />
                                </span>
                                <label for="url">Website URL:</label>
                                <input id="url" name="url" value="">
                                </input>
                                <br />
                                <label for="text">Comment:</label>
                                <textarea id="text" name="text"></textarea>
                                <br clear="left" />
                                <label for="subscribe">Subscribe to comments?</label>
                                <input type="checkbox" class="Checkbox" id="subscribe" name="subscribe" checked="checked">
                                </input>
                                <br clear="left" />
                                <input id="postId" name="postId" type="hidden" style="display: none;" value="a662d5b1-7cd1-491c-a033-967e2c06aeb0">
                                </input>
                                <span>
                                  <label for="securityCode">Security code:</label>
                                  <img width="70" height="20" id="securityCodeImage" src="http://www.webjam.com/designers/~Captcha/?width=70&amp;height=20&amp;ViewState=26409128-9870-418a-ae27-35401e1ebf4a&amp;AJAX=1" />
                                  <input type="text" id="securityCode" name="securityCode">
                                  </input>
                                </span>
                                <br clear="left" />
                                <br />
                                <div class="InputButtons">
                                  <button class="InputButton" type="submit">Add comment</button>
                                </div>
                                <br clear="both" />
                              </form>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="Column-2" class=" Column  ResizableColumn " style="width : 22%;">
                  <div class="Module Advertisements-Module  AccessLevel-Public" id="69f961dc-2a4f-4916-a686-ab84bfda14b9">
                    <div class="bl">
                      <div class="Block-Dummy"> </div>
                      <div class="Module-Control-Owner">
                        <div class="Panel">
                          <a onclick="return $lightbox(this);" title="Add this module to another webjam" class="     AddToWJ     " href="http://www.webjam.com/designers/$69f961dc-2a4f-4916-a686-ab84bfda14b9/~AddToWJ/">
                            <span>
                              <phrase name="add to wj">Add to my webjam</phrase>
                            </span>
                          </a>
                        </div>
                      </div>
                      <div class="Module-Controls">
                        <div class="Panel">
                          <div class="Module-Controls-Drag"> </div>
                          <div class="Right-Links">
                            <a onclick="return $lightbox(this);" title="Add this module to another webjam" class=" AddToWJ " href="http://www.webjam.com/designers/$69f961dc-2a4f-4916-a686-ab84bfda14b9/~AddToWJ/">
                              <span>
                                <phrase name="add to wj">Add to my webjam</phrase>
                              </span>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="Ajax-Panel Module-Holder">
                        <div>
                          <h1 class="Module-Title">
                            <span>Advertisements</span>
                          </h1>
                          <div class="Google-Ad" id="69f961dc-2a4f-4916-a686-ab84bfda14b9_ads">
                            <a href="http://www.webjam.com/designers/$advertisements_u8qfkmmhqu/~YouCanNeverClick">
                            </a>
                          </div>
                          <div class="Google-Ad">
                            <script type="text/javascript">
//code to get the CSS colors from the actual site rather than having to hard-code them to get round google's horrible adsense implementation
//this doesn't work in IE
//google_a = $('#69f961dc-2a4f-4916-a686-ab84bfda14b9_ads a')[0];
//google_el = $('#69f961dc-2a4f-4916-a686-ab84bfda14b9_ads')[0];
google_ad_client = "pub-0367973028485462";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600";
google_ad_type = "text_image";
google_ad_channel = "1817303268";
google_color_border = "2d2d2d";
google_color_bg = "2d2d2d";
google_hints = "";
google_kw = "";
google_color_link = "e70d64";
google_color_text = "FFFFFF";

if(!document.all) {
var oldFunc = document.write;
document.write = function(html) {
document.getElementById('69f961dc-2a4f-4916-a686-ab84bfda14b9_ads').innerHTML += html;
}
}

</script>
                            <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js" id="Remove_">
                            </script>
                            <script type="text/javascript">
if(!document.all) document.write = oldFunc;

//remove the script div - lame IE fix
$(document).ready(function() {
$("#Remove_").remove();
});
</script>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="page-footer">
            <h4 style="color: #cfcfcf;">© 2008, Webjam Ltd. and trademark owners</h4>
          </div>
        </div>
        <div id="Loading">
          <span>Loading ...</span>
        </div>
        <div id="Ajax-Panel-Dummy" class="Ajax-Panel">
        </div>
        <div id="Debug-Info">
          <ul>
            <li id="Debug-Text">
            </li>
            <li>Active sessions: 0</li>
            <li>Total queries: 2</li>
            <li>Serialization time: 219ms</li>
            <li>Execution time: 328ms</li>
            <li>XSLT time: 0ms</li>
          </ul>
        </div>
      </div>
    </div>
    <div id="Super-Footer-Premium">
      <div id="Super-Footer-Content">
        <img class="Premium-Logo-Footer" width="28" height="28" alt="Webjam" src="http://static.webjam.com/images/small_logo.gif" />
        <span class="Footer-Title">Powered by <strong>Webjam</strong></span>
        <ul id="Footer-List">
          <li>
            <a href="http://www.webjam.com/webjam/home">Webjam Home</a>
          </li>
          <li>|</li>
          <li>
            <a href="http://www.webjam.com/webjam/aboutus/">About</a>
          </li>
          <li>|</li>
          <li>
            <a href="http://www.webjam.com/webjam/aboutus/contactus">Contact</a>
          </li>
          <li>|</li>
          <li>
            <a onclick="return $lightbox(this);" href="http://www.webjam.com/designers/~ReportBug">Report a bug</a>
          </li>
          <li>|</li>
          <li>
            <a href="http://www.webjam.com/webjam/termsandconditions">Terms of Service</a>
          </li>
          <li>|</li>
          <li>
            <a href="http://help.webjam.com/webjam/help/">Help</a>
          </li>
        </ul>
      </div>
    </div>
    <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
    <script type="text/javascript">
var pageTracker = _gat._getTracker("UA-742770-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
  </body>
</html>