sanfrancisco http://design.org/tags/sanfrancisco en Sightglass Coffee Identity and Video Brewing Guides http://design.org/blog/sightglass-coffee-identity-and-video-brewing-guides <p><a href="https://www.sightglasscoffee.com" target="Sightglass">Sightglass</a> is an independent coffee roasting company located in San Francisco. The sibling owners and founders pride themselves on providing carefully roasted beans and crafted coffee libations, and their brand reflects that mentality. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="413" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_03.jpg?1384968239" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_07.jpg?1384968496" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_09.jpg?1384968496" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_08.jpg?1384968496" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_11.jpg?1384968496" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_01.jpg?1384968496" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_02.jpg?1384968496" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="400" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_15.jpg?1384968497" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="620" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_14.jpg?1384968496" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="394" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_13.jpg?1384968497" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_06.jpg?1384968497" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_10.jpg?1384968497" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_12.jpg?1384968497" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="346" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/v60_brewing_intro.gif?1384968497" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="346" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/aeropress_brewing_intro.gif?1384968573" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="348" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/chemex_brewing_intro.gif?1384968585" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, sightglass, coffee" alt="" src="http://design.org/sites/default/files/blog/2013/11/20/sightglass_coffee_00.jpg?1384969742" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/sightglass-coffee-identity-and-video-brewing-guides" target="_blank">read more</a></p> http://design.org/blog/sightglass-coffee-identity-and-video-brewing-guides#comments brand design drink graphic instructions sanfrancisco video Wed, 20 Nov 2013 17:49:28 +0000 jessicapatterson 4407 at http://design.org Choices: Which CANdidate is for you? http://design.org/blog/choices-which-candidate-you <p>Tis the season for election statements, both biased an un-. Maybe you've see the <a href="http://www.huffingtonpost.com/2012/10/28/vote-with-your-gum-new-york-election-posters-picture_n_2034904.html?utm_hp_ref=elections-2012" target="Vote with Your Gum">Vote with Your Gum</a> poster campaign or the <a href="http://www.7-eleven.com/7-Election/NationalResults.aspx" target="7-11 Cup Vote">7-11 Cup Vote</a>, prodding citizens to make a choice and show the world. San Francisco-based fine artist and designer <a href="http://www.iamsomeguy.com/" target="Someguy">Someguy</a>, a.k.a.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="480" title="Design, choices, obama-romney" alt="" src="http://design.org/sites/default/files/blog/2012/11/01/choices_can_obama-romney_03.jpg?1351811867" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, choices, obama-romney" alt="" src="http://design.org/sites/default/files/blog/2012/11/01/choices_can_obama-romney_02.jpg?1351811974" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="443" title="Design, choices, obama-romney" alt="" src="http://design.org/sites/default/files/blog/2012/11/01/choices_can_obama-romney_04.jpg?1351811974" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="370" title="Design, choices, obama-romney" alt="" src="http://design.org/sites/default/files/blog/2012/11/01/choices_can_obama-romney_01.jpg?1351811974" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/choices-which-candidate-you" target="_blank">read more</a></p> http://design.org/blog/choices-which-candidate-you#comments art campaign design drink graphic politics sanfrancisco Sat, 03 Nov 2012 01:18:18 +0000 wardandrews 4335 at http://design.org The Film Interfaces of Mark Coleran: A Portfolio Show Reel http://design.org/blog/film-interfaces-mark-coleran-portfolio-show-reel <p>What do alternate versions of present and future user interface look like? What do the interfaces of your dreams — of great fiction you have read — conjure up? This is the world of modern motion picture user interface design.</p> <p>This showreel highlights the work of San Francisco-based <a href="http://coleran.com/category/work/" target="Mark Coleran">Mark Coleran</a>, a once-print designer who now creates at the intersection of movies, interface design and motion graphics. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="512" title="Design, coleran, interface" alt="" src="http://design.org/sites/default/files/blog/2012/07/27/coleran_07.jpg?1343431884" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="273" title="Design, coleran, interface" alt="" src="http://design.org/sites/default/files/blog/2012/07/27/coleran_01.jpg?1343431977" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="226" title="Design, coleran, interface" alt="" src="http://design.org/sites/default/files/blog/2012/07/27/coleran_02.jpg?1343431978" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="384" title="Design, coleran, interface" alt="" src="http://design.org/sites/default/files/blog/2012/07/27/coleran_06.jpg?1343431978" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="295" title="Design, coleran, interface" alt="" src="http://design.org/sites/default/files/blog/2012/07/27/coleran_03.jpg?1343431978" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/film-interfaces-mark-coleran-portfolio-show-reel" target="_blank">read more</a></p> http://design.org/blog/film-interfaces-mark-coleran-portfolio-show-reel#comments design interface Movie sanfrancisco Fri, 27 Jul 2012 23:48:30 +0000 wardandrews 4287 at http://design.org The Forty Story of Pentagram: A Narrative Portfolio Reel http://design.org/blog/forty-story-pentagram-narrative-portfolio-reel <p>This video cleverly celebrates <a href="http://www.pentagram.com/" target="Pentagram's">Pentagram's</a> 40th anniversary and also functions as a unique—no to mention impressive—portfolio reel. Told as the story of boy born and maturing (rather quickly) over the corse of the <a href="http://design.org/graphic-design" target="design">design</a> consultancy's existence, it shows "how his life has been tracked (and kerned) by forty years of Pentagram design," typography and branding.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="291" title="Design, pentagram, 40" alt="" src="http://design.org/sites/default/files/blog/2012/06/18/pentagram_40_02.jpg?1340085283" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="292" title="Design, pentagram, 40" alt="" src="http://design.org/sites/default/files/blog/2012/06/18/pentagram_40_03.jpg?1340085368" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="292" title="Design, pentagram, 40" alt="" src="http://design.org/sites/default/files/blog/2012/06/18/pentagram_40_04.jpg?1340085368" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="293" title="Design, pentagram, 40" alt="" src="http://design.org/sites/default/files/blog/2012/06/18/pentagram_40_01.jpg?1340085368" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="430" title="Design, pentagram, 40" alt="" src="http://design.org/sites/default/files/blog/2012/06/18/pentagram_40_07.jpg?1340085368" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="430" title="Design, pentagram, 40" alt="" src="http://design.org/sites/default/files/blog/2012/06/18/pentagram_40_05.jpg?1340085368" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="430" title="Design, pentagram, 40" alt="" src="http://design.org/sites/default/files/blog/2012/06/18/pentagram_40_10.jpg?1340085368" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="430" title="Design, pentagram, 40" alt="" src="http://design.org/sites/default/files/blog/2012/06/18/pentagram_40_08.jpg?1340085368" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="430" title="Design, pentagram, 40" alt="" src="http://design.org/sites/default/files/blog/2012/06/18/pentagram_40_06.jpg?1340085368" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="430" title="Design, pentagram, 40" alt="" src="http://design.org/sites/default/files/blog/2012/06/18/pentagram_40_11.jpg?1340085368" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/forty-story-pentagram-narrative-portfolio-reel" target="_blank">read more</a></p> http://design.org/blog/forty-story-pentagram-narrative-portfolio-reel#comments agency austin berlin brand design graphic identity london newyork sanfrancisco video Tue, 19 Jun 2012 05:51:34 +0000 jessicapatterson 4257 at http://design.org Typography Work by Brent Couchman http://design.org/blog/typography-work-brent-couchman <p>San Francisco-based designer and illustrator <a href="http://www.brentcouchman.com/" target="Brent Couchman">Brent Couchman</a> has a portfolio packed with beautiful work, including a hearty collection of designs done for Fossil. Here I'd like to share some of his <a href="http://design.org/typography" target="typography">typography</a> work, both experimental studies and samples done for <a href="http://friendsoftype.com/" target="Friends of Type">Friends of Type</a>. What I love most about his type pieces is the variety in style and the care in their execution.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="620" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_02.jpg?1338276248" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="585" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_03.jpg?1338276473" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="323" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_01.jpg?1338276474" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="479" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_04.jpg?1338276474" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="912" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_05.jpg?1338276474" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="296" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_15.jpg?1338276474" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="148" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_13.jpg?1338276474" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="427" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_06.jpg?1338276474" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="315" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_07.jpg?1338276474" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="396" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_08.jpg?1338276474" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="794" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_11.jpg?1338276491" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="333" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_14.jpg?1338276499" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="331" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_12.jpg?1338276491" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="308" title="Design, typography, brentcouchman" alt="" src="http://design.org/sites/default/files/blog/2012/05/29/brentcouchman_type_09.jpg?1338276474" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/typography-work-brent-couchman" target="_blank">read more</a></p> http://design.org/blog/typography-work-brent-couchman#comments design hand-lettering personal portfolio sanfrancisco typography Tue, 29 May 2012 07:40:13 +0000 jessicapatterson 4249 at http://design.org An Interview with DoubleTwist Alarm UI Designer Sebastiaan de With http://design.org/blog/interview-doubletwist-alarm-ui-designer-sebastiaan-de <p>Like most Design.org readers, Sebastiaan de With is "a lover of well-designed things." The self-proclaimed "hard to deal with" designer has a difficult time stomaching or appeasing mediocrity or crumminess. But this proclivity toward critical-perfection drives him to be the change he wants to see in the world. He works to make "electronics better and easier to use through product, visual and user interface design."</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="413" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/25/alarm_doubletwist_07.jpg?1335383751" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="483" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/25/alarm_doubletwist_01.jpg?1335383816" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/24/alarm_doubletwist_05.jpg?1335331834" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="339" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/24/alarm_doubletwist_03.jpg?1335331833" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="1177" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/24/alarm_doubletwist_02.jpg?1335331833" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="483" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/24/alarm_doubletwist_04.jpg?1335331833" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/24/alarm_doubletwist_06.jpg?1335331834" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/interview-doubletwist-alarm-ui-designer-sebastiaan-de" target="_blank">read more</a></p> http://design.org/blog/interview-doubletwist-alarm-ui-designer-sebastiaan-de#comments design interface interview netherlands sanfrancisco UI Wed, 25 Apr 2012 16:45:05 +0000 wardandrews 4213 at http://design.org Basis: A Wellness Monitor and UI Design by Postmammal http://design.org/blog/basis-wellness-monitor-and-ui-design-postmammal <p>With the advent of smartphones, personal gps and mass social-media integration, life-tracking habits and devices are becoming more and more common, if not the norm. Much like the <a href="http://design.org/blog/nike-fuelband-not-your-mamas-pedometer" target="Nike Fuelband">Nike Fuelband</a> or the Jawbone UP, the wrist-worn <a href="https://mybasis.com/" target="Basis">Basis</a> is a device that tracks wellness through heart rate and activity level.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_00.jpg?1335089789" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_01.jpg?1335090282" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_02.jpg?1335090418" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_11.jpg?1335090419" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_08.jpg?1335090418" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_09.jpg?1335090419" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_10.jpg?1335090419" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_07.jpg?1335090418" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_05.jpg?1335090418" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_03.jpg?1335090418" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_06.jpg?1335090418" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/basis-wellness-monitor-and-ui-design-postmammal" target="_blank">read more</a></p> http://design.org/blog/basis-wellness-monitor-and-ui-design-postmammal#comments design interface sanfrancisco sports UI watch Sun, 22 Apr 2012 10:31:03 +0000 jessicapatterson 4209 at http://design.org Shipping Container Office and Guest Bedroom in an Industrial Loft http://design.org/blog/shipping-container-office-and-guest-bedroom-industrial-loft <p><a href="http://www.dwell.com/people/Jeff-Wardell.html?summary=expanded" target="Jeff Wardell">Jeff Wardell</a> and Claudia Sagan are a pair of travel-loving art collectors who needed a bigger space to show off their massive 120+ piece art collection.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="484" title="Design, container, interior" alt="" src="http://design.org/sites/default/files/blog/2012/01/31/container_rooms_02.jpg?1328055557" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="931" title="Design, container, interior" alt="" src="http://design.org/sites/default/files/blog/2012/01/31/container_rooms_09.jpg?1328055938" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="931" title="Design, container, interior" alt="" src="http://design.org/sites/default/files/blog/2012/01/31/container_rooms_04.jpg?1328055938" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="931" title="Design, container, interior" alt="" src="http://design.org/sites/default/files/blog/2012/01/31/container_rooms_05.jpg?1328055938" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="931" title="Design, container, interior" alt="" src="http://design.org/sites/default/files/blog/2012/01/31/container_rooms_03.jpg?1328055938" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, container, interior" alt="" src="http://design.org/sites/default/files/blog/2012/01/31/container_rooms_11.jpg?1328055939" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="931" title="Design, container, interior" alt="" src="http://design.org/sites/default/files/blog/2012/01/31/container_rooms_10.jpg?1328055939" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="931" title="Design, container, interior" alt="" src="http://design.org/sites/default/files/blog/2012/01/31/container_rooms_06.jpg?1328055939" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="412" title="Design, container, interior" alt="" src="http://design.org/sites/default/files/blog/2012/01/31/container_rooms_08.jpg?1328055939" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/shipping-container-office-and-guest-bedroom-industrial-loft" target="_blank">read more</a></p> http://design.org/blog/shipping-container-office-and-guest-bedroom-industrial-loft#comments apartment design home interior recycle sanfrancisco Wed, 01 Feb 2012 00:18:11 +0000 jessicapatterson 4060 at http://design.org Roommate Reminders by Nathan Godding http://design.org/blog/roommate-reminders-nathan-godding <p>I would be kind of excited for the cable bill to come if I were roommates with San Francisco-based designer <a href="http://www.nathangodding.com/" target="Nathan Godding">Nathan Godding</a>. He creates these <a href="http://design.org/typography" target="typography">typography</a>-based posters as a reminder for his fellow cable-watchers to contribute their share each month.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="774" title="Design, NathanGodding, comcast" alt="" src="http://design.org/sites/default/files/blog/2011/11/29/nathangodding_comcast_01.jpg?1322622693" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="927" title="Design, NathanGodding, comcast" alt="" src="http://design.org/sites/default/files/blog/2011/11/29/nathangodding_comcast_04.jpg?1322622859" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="816" title="Design, NathanGodding, comcast" alt="" src="http://design.org/sites/default/files/blog/2011/11/29/nathangodding_comcast_02.jpg?1322622858" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="400" title="Design, NathanGodding, comcast" alt="" src="http://design.org/sites/default/files/blog/2011/11/29/nathangodding_comcast_05.jpg?1322622859" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="823" title="Design, NathanGodding, comcast" alt="" src="http://design.org/sites/default/files/blog/2011/11/29/nathangodding_comcast_03.jpg?1322622859" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="731" title="Design, NathanGodding, comcast" alt="" src="http://design.org/sites/default/files/blog/2011/11/29/nathangodding_comcast_06.jpg?1322622859" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="821" title="Design, NathanGodding, comcast" alt="" src="http://design.org/sites/default/files/blog/2011/11/29/nathangodding_comcast_08.jpg?1322622860" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="958" title="Design, NathanGodding, comcast" alt="" src="http://design.org/sites/default/files/blog/2011/11/29/nathangodding_comcast_09.jpg?1322622860" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="837" title="Design, NathanGodding, comcast" alt="" src="http://design.org/sites/default/files/blog/2011/11/29/nathangodding_comcast_07.jpg?1322622859" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/roommate-reminders-nathan-godding" target="_blank">read more</a></p> http://design.org/blog/roommate-reminders-nathan-godding#comments design graphic personal poster sanfrancisco typography Wed, 30 Nov 2011 03:18:20 +0000 jessicapatterson 3879 at http://design.org The Asian Art Museum Identity Rebrand http://design.org/blog/asian-art-museum-identity-rebrand <p>I saw this rebrand of the San Francisco <a href="http://www.asianart.org/" target="Asian Art Museum">Asian Art Museum</a> over at <a href="http://www.underconsideration.com/brandnew/archives/asian_art_museum_turned_on_its_head.php" target="Brand New">Brand New</a>. It's an interesting concept with some well-executed collateral, and I'm curious to hear your thoughts. </p> <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2011/10/04/asian_art_museum_00.jpg" alt="Design, logo, asian" title="Design, logo, asian" class="imagecache-blog-full-scale" /></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="620" title="Design, logo, asian" alt="" src="http://design.org/sites/default/files/blog/2011/10/04/asian_art_museum_05.jpg?1317794502" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/asian-art-museum-identity-rebrand" target="_blank">read more</a></p> http://design.org/blog/asian-art-museum-identity-rebrand#comments brand design graphic identity museum sanfrancisco Wed, 05 Oct 2011 05:42:41 +0000 jessicapatterson 3397 at http://design.org The City: San Francisco Time Lapse by RTK Photography http://design.org/blog/city-san-francisco-time-lapse-rtk-photography <p>One year ago Wesley Townsend Kitten of <a href="http://wtkphotography.com/" target="WTK Photography">WTK Photography</a> started filming bits of time lapse to document The City of San Francisco a little differently than the average photographer. </p> <p>About 250-300 hours, 28,000 frames and 85 shots later he compiled this video. I've never been to San Francisco, but after watching this I feel like I know her a little better. You can almost see the city breathing with the patterns and bustle of traffic.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="346" title="Design, wtkphotography, thecity" alt="" src="http://design.org/sites/default/files/blog/2011/10/04/thecity_wtkphoto.jpg?1317794393" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/city-san-francisco-time-lapse-rtk-photography" target="_blank">read more</a></p> http://design.org/blog/city-san-francisco-time-lapse-rtk-photography#comments design photography sanfrancisco timelapse Tue, 04 Oct 2011 06:35:11 +0000 jessicapatterson 3396 at http://design.org Custom City Bikes from Mission Bicycle Company http://design.org/blog/custom-city-bikes-mission-bicycle-company <p><a href="https://www.missionbicycle.com" target="Mission Bicycle Company">Mission Bicycle Company</a> in San Francisco builds custom and quality bikes for city riding, and they promise to build the bike of your dreams. </p> <p>Their steel bikes weigh less than twenty pounds, and are custom built, part by part, to last a lifetime. Like a Cold Stone Creamery or Build a Bear for bicycles, their workshop and website displays custom elements, from frames, to handlebars, to wheel walls, you can pick and choose, colors, styles, finishes and more. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="443" title="Design, mission, bicycle" alt="" src="http://design.org/sites/default/files/blog/2011/08/23/mission_bicycle_04_0.jpg?1314106793" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/custom-city-bikes-mission-bicycle-company" target="_blank">read more</a></p> http://design.org/blog/custom-city-bikes-mission-bicycle-company#comments Bicycle customize design industrial sanfrancisco Mon, 22 Aug 2011 19:09:28 +0000 wardandrews 3269 at http://design.org Designer and Student Interview: Tim Belonax http://design.org/blog/designer-and-student-interview-tim-belonax <p><a href="http://gradschool.timbelonax.com/" target="Tim Belonax">Time Belonax</a> is a once design student, professional designer, again student with a beautiful and impressive portfolio. He gathered up his design expertise and experiences and went back to hit the books for his MFA in graphic design at the California Institute of the Arts. He was kind enough to take some time to answer a few questions, and even provided some bonus design resources and recommendations. Read his insights and see works from his portfolio below.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="733" title="Design, belonax, interview" alt="" src="http://design.org/sites/default/files/blog/2011/07/19/sanding-belonax.jpg?1311101799" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/designer-and-student-interview-tim-belonax" target="_blank">read more</a></p> http://design.org/blog/designer-and-student-interview-tim-belonax#comments california design graphic interview sanfrancisco school students Tue, 19 Jul 2011 18:57:40 +0000 jessicapatterson 3091 at http://design.org New Sony PIIQ Web Design by Odopod: Look Ma, No Flash! http://design.org/blog/new-sony-piiq-web-design-odopod-look-ma-no-flash <p>Is it possible to design moveable and interactive web content without the use of flash? Of course, but some do better than others, and San Francisco-based <a href="http://www.odopod.com/" target="Odopod">Odopod</a> is one such over-achiever (obviously a good thing). They are the masters behind the Sony <a href="http://discover.sonystyle.com/" target="PIIQ">PIIQ</a> headphones site, and their web design follows web standards, in a clean, attractive and grid-based system.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="541" alt="" src="http://design.org/sites/default/files/blog/2011/07/01/piiq_webdesign_7.jpg?1309565168" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/new-sony-piiq-web-design-odopod-look-ma-no-flash" target="_blank">read more</a></p> http://design.org/blog/new-sony-piiq-web-design-odopod-look-ma-no-flash#comments design headphones music odopod sanfrancisco sony web Fri, 01 Jul 2011 17:04:43 +0000 wardandrews 2962 at http://design.org Smartphone Folio for Sketchers and Writers http://design.org/blog/smartphone-folio-sketchers-and-writers <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2011/04/14/rickshaw_moleskine_folio_5.jpg" alt="Design, folio, rickshaw" title="Design, folio, rickshaw" class="imagecache-blog-full-scale" /></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="600" title="Design, folio, rickshaw" alt="Design, folio, rickshaw" src="http://design.org/sites/default/files/blog/2011/04/14/rickshaw_moleskine_folio_5.jpg?1302801394" /> </div> </div> </div> <p><a href="http://design.org/blog/smartphone-folio-sketchers-and-writers" target="_blank">read more</a></p> http://design.org/blog/smartphone-folio-sketchers-and-writers#comments Accessories design industrial iphone office supplies sanfrancisco Thu, 14 Apr 2011 17:15:34 +0000 jessicapatterson 2787 at http://design.org