<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WebUrbanist  web design | Web Urbanist</title>
	<atom:link href="https://weburbanist.com/tags/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://weburbanist.com</link>
	<description>Urban Art, Architecture, Design &#38; Built Environments</description>
	<lastBuildDate>Thu, 15 Jan 2026 02:15:38 +0000</lastBuildDate>
	<generator>https://wordpress.org/?v=7.1</generator>
	<language></language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://weburbanist.com/wp-content/uploads/2016/05/cropped-urbanisticon-32x32.png</url>
	<title>  web design | Web Urbanist</title>
	<link>https://weburbanist.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">74409875</site>	
	<item>
        <title>Text, Translated: 11 Nifty Lorem Ipsum Generators</title>
        <link>https://weburbanist.com/2011/11/16/text-translated-11-nifty-lorem-ipsum-generators/</link>
		<comments>https://weburbanist.com/2011/11/16/text-translated-11-nifty-lorem-ipsum-generators/#comments</comments>
		<pubDate>Wed, 16 Nov 2011 16:00:52 +0000</pubDate>
		<dc:creator>Delana</dc:creator>
				<category><![CDATA[Gaming & Computing]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">https://weburbanist.com/?p=30087</guid>
		<description><![CDATA[Whether you are a designer in need of dummy text or just a bored Web citizen, these 11 random text generators will keep you occupied and amused.]]></description>
			<content:encoded><![CDATA[
    <!-- custom per item content begin -->
    
    [ By <a href='http://weburbanist.com/delana/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-author'>Delana</a> in <a href="https://weburbanist.com/category/technology/gaming-computing/" rel="category tag">Gaming &amp; Computing</a> &amp; <a href="https://weburbanist.com/category/technology/" rel="category tag">Technology</a>. ]

    <p><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-31855" title="lorem-ipsum-generators" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/lorem-ipsum-generators.jpg" width="468" height="400" /></p>
<p>If you&#8217;ve ever seen a mockup of a website, magazine, book or marketing pamphlet, you have undoubtedly encountered Lorem Ipsum. Meant to keep a viewer from getting distracted by reading the text on a page (which designers and publishers know we all do), the passage of garbled Latin words shows how a page will look with real words once completed. But far from being just a boring industry tool, Lorem Ipsum has somehow found its way into popular culture. Even people with no ties to publishing or designing can have fun playing around with dummy text. These generators give you certifiably nonsensical words to use however you please.</p>
<p><span id="more-30087"></span></p>
<p><img decoding="async" class="alignnone size-full wp-image-31844" title="gangsta-lorem-ipsum" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/gangsta-lorem-ipsum.jpg" width="468" height="308" /></p>
<p>Not surprisingly, a number of Lorem Ipsum generators have popped up on the Internet. While they serve a rational purpose for web designers and other internet professionals, they&#8217;re also a lot of fun to play around with. The <a href="http://www.lorizzle.nl/?feed=1">Gangsta Lorem Ipsum Generator</a> is one of the wackiest examples. You can&#8217;t control the text or the length of the passages, but when you hit the &#8220;generate gangsta loremizzle my ippzle dummy text&#8221; button you&#8217;ll be treated to gems like &#8220;Lorizzle sheezy dolizzle boom shackalack amet, funky fresh yippiyo you son of a bizzle.&#8221;</p>
<p><img decoding="async" class="alignnone size-full wp-image-31845" title="blippity-fling-flang" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/blippity-fling-flang.jpg" width="468" height="408" /></p>
<p><a href="http://bff.orangehairedboy.com/">Blippity Fling-Flang</a> is, believe it or not, even more nonsensical than Gangsta Lorem Ipsum. This generator (designed by <a href="http://www.orangehairedboy.com/">orange haired boy</a>) lets you choose the number of paragraphs, the number of sentences in each and whether you want any of the words capitalized. As a bonus, you can also &#8220;Flangitize&#8221; any web page, turning the existing text into a mishmash of funny nonsense words.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-31846" title="corporate-ipsum" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/corporate-ipsum.jpg" width="468" height="483" /></p>
<p><a href="http://doubleforte.net/widgets/corporate/">Corporate Ipsum</a> requires a download and is only available for Macs&#8230;but it generates the type of amusing corporate babble you would expect to see in a real corporate report. Useful for designers who create a lot of serious-looking projects for very serious companies, this generator actually makes just enough sense that you would be encouraged to read the whole text, thus defeating the whole purpose of dummy text.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-31847" title="fillerati" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/fillerati.jpg" width="468" height="420" /></p>
<p><a href="http://www.fillerati.com/">Fillerati</a> likewise steps outside the normal usage of dummy text by using actual paragraphs from classic books. Choose from a selection of seven authors and eight books, enter the format and number of paragraphs to generate, and the website gives you a block of text that you can&#8217;t help but read.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-31848" title="bacon-ipsum" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/bacon-ipsum.jpg" width="468" height="306" /></p>
<p>When your project requires a good amount of meat on its bones, the <a href="http://baconipsum.com/">Bacon Ipsum</a> generator has just what you&#8217;re looking for. The text it generates has everything to do with meat, meat, and more meat.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-31849" title="vegan-ipsum" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/vegan-ipsum.jpg" width="468" height="349" /></p>
<p>&#8230;But the <a href="http://veganipsum.com/">Vegan Ipsum</a> generator gives you nothing but the names of vegetables. Created as a meat-free alternative to Bacon Ipsum (by the creators of Bacon Ipsum), the veggie version takes a non-violent approach to odd nonsense text.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-31850" title="html-ipsum" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/html-ipsum.jpg" width="468" height="192" /></p>
<p>For web designers who want to test out their layouts without having to type a bunch of nonsense on their own, the <a href="http://html-ipsum.com/">HTML Ipsum Generator</a> gives the code and the text to fill up a webpage instantly. Tables, lists, and even a &#8220;kitchen sink&#8221; block of code + text let you try out just about every aspect of your page&#8217;s appearance.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-31851" title="lorem-ipsum-2" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/lorem-ipsum-2.jpg" width="468" height="331" /></p>
<p>If traditional Lorem Ipsum just isn&#8217;t doing it for you but you aren&#8217;t ready to go for the meat-flavored variety just yet, <a href="http://lipsum.ahyeah.nl/">Lorem Ipsum 2.0</a> gives you a novel change of pace. Enter any phrase and it will parse your chosen social networking site for related words. The resulting text is a rather interesting jumble of recent mentions and whatever words are found near those mentions.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-31852" title="adhesiontext" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/adhesiontext.jpg" width="468" height="460" /></p>
<p>Another example of normal-ish text generators is <a href="http://www.adhesiontext.com/">AdhesionText</a>, a tool that gives you lots of choices to play around with. You can choose the characters you want to appear in your block of text along with plenty of other options, resulting in a totally customized set of &#8220;words.&#8221;</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-31853" title="lorempixel" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/lorempixel.jpg" width="468" height="353" /></p>
<p>What if it isn&#8217;t dummy text you&#8217;re after, but dummy images? <a href="http://lorempixel.com/">Lorempixel</a> has you covered there with a free random image generator. You can choose the size, color/greyscale and theme of your placeholder images. Use them to figure out the layout of your webpage, then use one of the text generators here to give you some random text to go along with your random pictures&#8230;et voila, you&#8217;ve got a completely nonsensical website!</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-31854" title="lorem-ipsum" alt="" src="https://weburbanist.com/wp-content/uploads/2011/11/lorem-ipsum.jpg" width="468" height="365" /></p>
<p>And finally, when you really need just the basics, this <a href="http://www.lipsum.com/">Lorem Ipsum generator</a> gives you the vanilla version of the classic dummy text along with some very interesting Lorem Ipsum history. We love this tool for its simplicity and for its accurate English translation of the text on which Lorem Ipsum is based.</p>
<h2></h2>
   
  <span id="fb_share" style="margin-left: 5px;"><a name="fb_share" type="button"  href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fweburbanist.com%2F2011%2F11%2F16%2Ftext-translated-11-nifty-lorem-ipsum-generators%2F&t=Text%2C+Translated%3A+11+Nifty+Lorem+Ipsum+Generators"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-share.png" width="60" height="19" alt="Share on Facebook"/></a></span>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like-mini.png" width="66px" height="19px" /></a>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like.png" width="220px" height="19px" /></a>

<hr width="375px" align="left" />
  <a style="margin-left: 5px;" href="http://www.stumbleupon.com/submit?url=https%3A%2F%2Fweburbanist.com%2F2011%2F11%2F16%2Ftext-translated-11-nifty-lorem-ipsum-generators%2F&title=Text%2C+Translated%3A+11+Nifty+Lorem+Ipsum+Generators"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-SU.png" width="74px" height="19px" /></a>
  <a style="margin-left: 9px;" href="http://twitter.com/home?status=%40weburbanist+https%3A%2F%2Fweburbanist.com%2F2011%2F11%2F16%2Ftext-translated-11-nifty-lorem-ipsum-generators%2F+Text%2C+Translated%3A+11+Nifty+Lorem+Ipsum+Gen"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-retweet.png" height="19" width="48" /></a>
  <a style="margin-left: 5px;" href="http://twitter.com/weburbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-twitter.png" width="220px" height="19px" /></a>
<div style="clear: both;"></div>

    <hr width="375px" align="left" />

        <span style="float:left; margin-left: 10px;">[ By <a href='http://weburbanist.com/delana/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-author-footer'>Delana</a> in <a href="https://weburbanist.com/category/technology/gaming-computing/" rel="category tag">Gaming &amp; Computing</a> &amp; <a href="https://weburbanist.com/category/technology/" rel="category tag">Technology</a>. ]</span>

<br /><br />
  <span style="color: #ddd; float:left; margin-left: 10px;">[ <a style="color: #ddd;" href="http://weburbanist.com/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-footer-title">WebUrbanist</a> | <a style="color: #ddd;" href="http://weburbanist.com/archives/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-archives">Archives</a> | <a style="color: #ddd;" href="http://weburbanist.com/galleries/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-galleries">Galleries</a> | <a style="color: #ddd;" href="http://weburbanist.com/privacy/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-privacy">Privacy</a> | <a style="color: #ddd;" href="http://weburbanist.com/terms/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-tos">TOS</a> ]</span>
<div style="clear: both;"></div>
<br />

<div style="clear: both;"></div>
<br />
    <!-- custom per item content end -->
    ]]>
    </content:encoded>
			<wfw:commentRss>https://weburbanist.com/2011/11/16/text-translated-11-nifty-lorem-ipsum-generators/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">30087</post-id>	</item>
	
	<item>
        <title>On the Way Out? 21 Flash Sites Still Standing Strong</title>
        <link>https://weburbanist.com/2011/06/14/flash-on-the-way-out-21-flash-sites-that-are-staying-strong/</link>
		<comments>https://weburbanist.com/2011/06/14/flash-on-the-way-out-21-flash-sites-that-are-staying-strong/#comments</comments>
		<pubDate>Tue, 14 Jun 2011 17:00:04 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphics & Branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[flash sites]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[virtual]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">https://weburbanist.com/?p=29422</guid>
		<description><![CDATA[Flash is anything but over, as these 21 entertaining, beautiful, and sometimes silly Flash-based websites prove.]]></description>
			<content:encoded><![CDATA[
    <!-- custom per item content begin -->
    
    [ By <a href='http://weburbanist.com/marc/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-author'>Marc</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/graphics-branding/" rel="category tag">Graphics &amp; Branding</a>. ]

    <p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-29430" alt="" src="https://weburbanist.com/wp-content/uploads/2011/06/Montage1.gif" width="468" height="600" /></p>
<p><!--wsa:gooold-->Flash sites were once the epitome of technology and creativity, and despite being much maligned by Apple in recent years, there is still plenty of life left in a high quality flash site. Whether they were created to entertain, educate, or promote a product, classic examples of flash sites can still steal hours from one&#8217;s day.</p>
<p><span id="more-29422"></span></p>
<h3>Music</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-29431" alt="" src="https://weburbanist.com/wp-content/uploads/2011/06/Music-Flash-Sites.gif" width="468" height="533" /></p>
<h6>(Images via <a href="http://burn-studios.audiotool.com/">burn-studios</a>, <a href="http://www.incredibox.fr/">incredibox</a>)</h6>
<p>Hardcore musicians will love <a href="http://burn-studios.audiotool.com/">Burn Studios</a>, a site that allows one to have their own digital recording studio. The beautifully rendered buttons and dials lend a highly realistic feel to the entire process. For a more laid back and fun music-making session, it&#8217;s fun to try out <a href="http://www.incredibox.fr/">Incredibox</a>, a beat boxing simulator full of French charicatures.</p>
<h3>For the Kids!</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-29429" alt="" src="https://weburbanist.com/wp-content/uploads/2011/06/Kids-Flash-Sites.gif" width="468" height="647" /></p>
<h6>(Images via <a href="http://www.hasbro.com/clue/content/virtual-mansion">hasbro</a>, <a href="http://www.buildyourwildself.com/">buildyourwildself</a>)</h6>
<p>Most sites are not incredibly kid friendly, but <a href="http://www.hasbro.com/clue/content/virtual-mansion">Hasbro</a> and <a href="http://www.buildyourwildself.com/">Build Your Wild Self</a> are exceptions. The first site lets one play classic board games on the computer, while the second allows a kid to express their creativity while learning about animals at the zoo.</p>
<h3>Games</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-29428" alt="" src="https://weburbanist.com/wp-content/uploads/2011/06/Game-Flash-Sites.gif" width="468" height="570" /></p>
<h6>(Images via <a href="http://cdx-thegame.com/">cdx-thegame</a>, gettheglass)</h6>
<p>Flash games aren&#8217;t all shooting spaceships and racing cars. <a href="http://cdx-thegame.com/">CDX</a> is a dark point and click that starts one out in a room with no apparent exit&#8230; while Get the Glass is a thinly veiled sponsorship for milk that has some surprisingly quality art.</p>
<h3>Making Faces</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-29427" alt="" src="https://weburbanist.com/wp-content/uploads/2011/06/Face-Flash-Sites.gif" width="468" height="599" /></p>
<h6>(Images via <a href="http://flashface.ctapt.de/">flashface</a>, <a href="http://www.mono-1.com/monoface/main.html">mono-1</a>)</h6>
<p>If one fancies themselves a great portrait artist, these may be the sites for you. <a href="http://flashface.ctapt.de/">Flash Face</a> is an incredibly robust face creation tool that allows one to come up with a funny portrait within minutes, or an eerily realistic one over a longer time period. <a href="http://www.mono-1.com/monoface/main.html">Monoface</a> is just plain fun. Created by an agency, this face shuffle mixes different parts of the agency&#8217;s employees faces into a million hilarious combinations.</p>
<h3>Educational</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-29426" alt="" src="https://weburbanist.com/wp-content/uploads/2011/06/Educational-Flash-Sites.gif" width="468" height="556" /></p>
<h6>(Images via <a href="http://www.wechoosethemoon.org/">wechoosethemoon</a>, <a href="http://www.history.com/interactives/civil-war-150#/home">history</a>)</h6>
<p>Want a little more substance while browsing the internet at work? <a href="http://www.wechoosethemoon.org/">We Choose the Moon</a> is an immersive experience that carries one through the entire moon launch process from lift off to landing. <a href="http://www.history.com/interactives/civil-war-150#/home">Civil War 150</a> celebrates the 150th anniversary of the Civil War with clean style and interestingly interactive infographics.</p>
<h3>Decorating Help</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-29425" alt="" src="https://weburbanist.com/wp-content/uploads/2011/06/Decorate-Flash-Sites.gif" width="468" height="584" /></p>
<h6>(Images via <a href="http://colorschemedesigner.com/">colorschemedesigner</a>, <a href="http://www.idecorabili.com/">idecorabili</a>)</h6>
<p>Not many people know their way around a color wheel anymore, and now there&#8217;s no need! With the help of <a href="http://colorschemedesigner.com/">Color Scheme Designer</a>, one can simply pick a color they like, and they&#8217;re presented with an entire color scheme that is perfectly complimentary. <a href="http://www.idecorabili.com/">Idecorabili</a> is a fun way to choose the color of one&#8217;s cabinet from home, before ordering it from the company. If only every online retailer made choosing colors this much fun!</p>
<h3>Color Fun</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-29424" alt="" src="https://weburbanist.com/wp-content/uploads/2011/06/Color-Flash-Sites.gif" width="468" height="622" /></p>
<h6>(Images via <a href="http://weavesilk.com/">weavesilk</a>, <a href="http://flashmonkey.co.uk/flash/colorwall/">flashmonkey</a>, <a href="http://wonderfl.net/c/4mly/fullscreen">wonderfl</a>, <a href="http://koalastothemax.com/">koalastothemax</a>)</h6>
<p>Bored for a moment, and want to add some color to the day? Try out <a href="http://weavesilk.com/">Weave Silk</a>, a pretty and easy way to fool around with beautiful light. Flash Monkey&#8217;s <a href="http://flashmonkey.co.uk/flash/colorwall/">Colorwall</a> is of an equal bent, while <a href="http://wonderfl.net/c/4mly/fullscreen">Wonderfl</a> allows one to swirl colors into beautiful formations, and <a href="http://koalastothemax.com/">Koalas to the Max</a> creates an oddly enjoyable experience that involves hovering over different circles and watching them split into a million more.</p>
<h3>Artistic Tendencies?</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-29423" alt="" src="https://weburbanist.com/wp-content/uploads/2011/06/Art-Flash-Sites.gif" width="468" height="666" /></p>
<h6>(Images via <a href="http://www.jacksonpollock.org/">jacksonpollock</a>, <a href="http://www.zefrank.com/scribbler/gallery/index_ran.html">zefrank</a>, <a href="http://www.sketchswap.com/">sketchswap</a>)</h6>
<p>In the mood to share art with the world? If one wants to splash paint around without the mess, <a href="http://www.jacksonpollock.org/">Jackson Pollock</a> is a great destination. In the mood to draw, but don&#8217;t have the time or the talent? Ze Frank&#8217;s <a href="http://www.zefrank.com/scribbler/gallery/index_ran.html">Scribbler</a> has the hook up. <a href="http://www.sketchswap.com/">Sketchswap</a> is a really fun idea &#8211; make a sketch and click submit, and someone else will receive your image, as you receive one from another random stranger.</p>
<h3>Virtual Travel</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-29436" alt="" src="https://weburbanist.com/wp-content/uploads/2011/06/Travel-Flash-Sites1.gif" width="468" height="541" /></p>
<h6>(Images via <a href="http://pixelcase.com.au/vr/2009/newyork/ny.html">pixelcase</a>, <a href="http://www.theircircularlife.it/frameset.htm">theircircularlife</a>)</h6>
<p>Want to explore a European city without leaving the cubicle? <a href="http://www.theircircularlife.it/frameset.htm">Their Circular Life</a> is the site for you. It allows one to watch the day go by in several spots throughout the world. If one would prefer staying in the US, take a high flying tour of New York City with the help of <a href="http://pixelcase.com.au/vr/2009/newyork/ny.html">Pixelcase</a>.</p>
<h2></h2>
   
  <span id="fb_share" style="margin-left: 5px;"><a name="fb_share" type="button"  href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fweburbanist.com%2F2011%2F06%2F14%2Fflash-on-the-way-out-21-flash-sites-that-are-staying-strong%2F&t=On+the+Way+Out%3F+21+Flash+Sites+Still+Standing+Strong"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-share.png" width="60" height="19" alt="Share on Facebook"/></a></span>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like-mini.png" width="66px" height="19px" /></a>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like.png" width="220px" height="19px" /></a>

<hr width="375px" align="left" />
  <a style="margin-left: 5px;" href="http://www.stumbleupon.com/submit?url=https%3A%2F%2Fweburbanist.com%2F2011%2F06%2F14%2Fflash-on-the-way-out-21-flash-sites-that-are-staying-strong%2F&title=On+the+Way+Out%3F+21+Flash+Sites+Still+Standing+Strong"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-SU.png" width="74px" height="19px" /></a>
  <a style="margin-left: 9px;" href="http://twitter.com/home?status=%40weburbanist+https%3A%2F%2Fweburbanist.com%2F2011%2F06%2F14%2Fflash-on-the-way-out-21-flash-sites-that-are-staying-strong%2F+On+the+Way+Out%3F+21+Flash+Sites"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-retweet.png" height="19" width="48" /></a>
  <a style="margin-left: 5px;" href="http://twitter.com/weburbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-twitter.png" width="220px" height="19px" /></a>
<div style="clear: both;"></div>

    <hr width="375px" align="left" />

        <span style="float:left; margin-left: 10px;">[ By <a href='http://weburbanist.com/marc/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-author-footer'>Marc</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/graphics-branding/" rel="category tag">Graphics &amp; Branding</a>. ]</span>

<br /><br />
  <span style="color: #ddd; float:left; margin-left: 10px;">[ <a style="color: #ddd;" href="http://weburbanist.com/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-footer-title">WebUrbanist</a> | <a style="color: #ddd;" href="http://weburbanist.com/archives/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-archives">Archives</a> | <a style="color: #ddd;" href="http://weburbanist.com/galleries/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-galleries">Galleries</a> | <a style="color: #ddd;" href="http://weburbanist.com/privacy/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-privacy">Privacy</a> | <a style="color: #ddd;" href="http://weburbanist.com/terms/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-tos">TOS</a> ]</span>
<div style="clear: both;"></div>
<br />

<div style="clear: both;"></div>
<br />
    <!-- custom per item content end -->
    ]]>
    </content:encoded>
			<wfw:commentRss>https://weburbanist.com/2011/06/14/flash-on-the-way-out-21-flash-sites-that-are-staying-strong/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">29422</post-id>	</item>
	
	<item>
        <title>So Retro: 15 Vintage Style Inspired Website Designs</title>
        <link>https://weburbanist.com/2010/08/16/so-retro-15-vintage-inspired-website-designs/</link>
		<comments>https://weburbanist.com/2010/08/16/so-retro-15-vintage-inspired-website-designs/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 17:00:09 +0000</pubDate>
		<dc:creator>SA Rogers</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphics & Branding]]></category>
		<category><![CDATA[custom web design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[retro]]></category>
		<category><![CDATA[retro web design]]></category>
		<category><![CDATA[vintage]]></category>
		<category><![CDATA[vintage art]]></category>
		<category><![CDATA[vintage web design]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web designers]]></category>
		<category><![CDATA[website design]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">https://weburbanist.com/?p=23322</guid>
		<description><![CDATA[Who says websites have to be as modern as the medium itself? These 15 sites feature boldly retro typography, illustrations, photos and textures.]]></description>
			<content:encoded><![CDATA[
    <!-- custom per item content begin -->
    
    [ By <a href='http://weburbanist.com/steph/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-author'>SA Rogers</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/graphics-branding/" rel="category tag">Graphics &amp; Branding</a>. ]

    <p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23323" title="vintage-websites-main" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-main.jpg" width="468" height="340" /></p>
<p><!--wsa:gooold-->You might think web designers would strive for the most cutting-edge, up-to-the-moment look possible considering the 21st-century nature of the medium. But websites don&#8217;t all have to be sleek and modern – sometimes, a theme featuring old-fashioned signs, retro typography and photographs, vintage products and illustrations straight off World War II propaganda posters can be surprisingly fresh. These 15 websites take us back to another age in a manner that&#8217;s appropriate for each site&#8217;s subject matter.<br />
<span id="more-23322"></span></p>
<h4>Hipstery</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23324" title="vintage-websites-hipstery" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-hipstery.jpg" width="468" height="328" /></p>
<p>A concept that&#8217;s a bit zany needs a zany website, and <a href="http://hipstery.com/">Hipstery</a> certainly has that with its psychedelic Leave it to Beaver vibe. The site allows users to take a quiz about their likes and dislikes and then receive a mystery t-shirt in the mail.</p>
<h4>Dollar Dreadful</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23325" title="vintage-websites-dollar-dreadful" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-dollar-dreadful.jpg" width="468" height="359" /></p>
<p>With an engraved-style header image including two portraits of the site&#8217;s founders, <a href="http://www.dollardreadful.com/">Dollar Dreadful</a> could easily be a newspaper from 1882 – down to the row of old-fashioned ads for things like “Muccatypo, fine letter forms &amp; moustache twirling.” Hawking short stories “for the distinguished reader or the particularly wealthy dunder-head”, Dollar Dreadful gets a lot less antique-looking once you click on the<a href="http://www.thebazaarium.com/ "> storefront</a>.</p>
<h4>MediaBOOM</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23326" title="vintage-websites-media-boom" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-media-boom.jpg" width="468" height="274" /></p>
<p><a href="http://mediaboom.com/index.htm">MediaBOOM</a> isn&#8217;t trying to convince anyone that they provide “modern design for a modern word”, or any such nonsense. But they do use cutting-edge technology to provide interactive websites for clients like Jim Beam and Yale University. The layered, scrapbook-style design of their own site even comes with a vintage radio soundtrack.</p>
<h4>The New York Moon</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23327" title="vintage-websites-new-york-moon" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-new-york-moon.jpg" width="468" height="287" /></p>
<p>The way that <a href="http://radio.nymoon.com/ ">The New York Moon&#8217;s</a> “radio feed” is delivered to its website is anything but vintage: it&#8217;s a direct stream from Twitter. But that doesn&#8217;t mean they can&#8217;t cleave to the same aesthetics that they have loved since they first began transmission a century ago. And, somehow, it works. As they say themselves: “the internet is the dream of ham radio fulfilled. It&#8217;s a place for individuals to connect and broadcast with little obstruction.”</p>
<h4>Small Stone Recordings</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23328" title="vintage-websites-small-stone-recordings" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-small-stone-recordings.jpg" width="468" height="291" /></p>
<p>Like those who yearn for the days when families gathered around radios, many musicians aren&#8217;t thrilled about the transition from analog to digital and how it has affected sound. Perhaps that sentiment is behind the rock n&#8217; roll throwback look of the <a href="http://www.smallstone.com/index.php ">Small Stones Recordings website</a>.</p>
<h4>Style 4U</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23329" title="vintage-websites-style4u" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-style4u.jpg" width="468" height="289" /></p>
<p>Pairing vintage-looking photos and details like gloves, old television sets and film strip image borders with a fresh color scheme, Italian site <a href="http://www.style4you.it/">Style 4U</a> marries an aged aesthetic with the latest in fashion.</p>
<h4>CSS Tinderbox</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23330" title="vintage-websites-css-tinderbox" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-css-tinderbox.jpg" width="468" height="258" /></p>
<p>With a look that&#8217;s more Soviet propaganda than 21st century web template source, <a href="http://csstinderbox.raykonline.com/">CSS Tinderbox</a> certainly stands out from all the other websites offering similar products, though their “frameworks for the web design proletariat” are more run-of-the-mill.</p>
<h4>Island Photobooth</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23331" title="vintage-websites-island-photobooth" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-island-photobooth.jpg" width="468" height="274" /></p>
<p>Photo booths were all the rage back in the &#8217;60s, but they&#8217;ve gotten big updates for modern times – like digital touch screens and personalized custom graphics. <a href="http://islandphotobooth.com/ ">Island Photobooth</a>, a Vancouver company that rents out photo booths for events, illustrates their tagline “vintage style meets digital technology”.</p>
<h4>Target Scope</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23332" title="vintage-websites-target-scope" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-target-scope.jpg" width="468" height="340" /></p>
<p>How do you get command of your brand? Hire some WWII-era troops, apparently. Dallas advertising agency <a href="http://www.targetscope.com/">Target Scope</a> has an engaging military-themed interactive website that features plane shadows flying by on occasion, bullet holes and, yes, a scope that you use to browse the top navigation bar.</p>
<h4>Custom Design</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23333" title="vintage-websites-custom-design" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-custom-design.jpg" width="468" height="355" /></p>
<p>The buzzing, pixelated static of an analog television isn&#8217;t the only thing on the <a href="http://www.custom-design.ch/custom08/index.php">Custom Design website</a> that will take you back in time. Check out the script font, the vintage furniture, and even the rolodex on the table which stands in for a “contact” button.</p>
<h4>Font Diner</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23334" title="vintage-websites-font-diner" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-font-diner.jpg" width="468" height="321" /></p>
<p>What are you craving – a chicken basket? A milkshake? Perhaps something from the country store, or the diner&#8217;s secret recipe? <a href="http://www.fontdiner.com/main.html ">Font Diner</a> has it all, packed with all-you-can-eat retro fonts on a very dineriffic website.</p>
<h4>Charlies Loan</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23335" title="vintage-websites-charlies-loan" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-charlies-loan.jpg" width="468" height="356" /></p>
<p>Most loan websites are all business, seeking to look as professional as possible. The British Check Cashers Association decided to do something a little different with<a href="http://charliesloan.com/"> the &#8216;Charlies Loan&#8217; website</a>, which oddly – or not – prominently features a photo of Charlie Chaplin on the home page.</p>
<h4>Ernest Hemingway Collection</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23336" title="vintage-websites-ernest-hemingway" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-ernest-hemingway.jpg" width="468" height="316" /></p>
<p>If <a href="http://www.ernesthemingwaycollection.com/ ">Ernest Hemingway</a> were around today, would he have anything to do with websites? Fans and scholars could debate that question, but in any case, the late author&#8217;s website pays fitting tribute to a man from another time. The site is designed to look like a desktop scattered with change, photos, a passport and a cup of coffee.</p>
<h4>Level 2D</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23337" title="vintage-websites-level-2d" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-level-2d.jpg" width="468" height="268" /></p>
<p>Interactive and scenic,<a href="http://www.level2d.com/"> the Level 2D website</a> has the look of a vintage full-service garage complete with a flickering sign and garage bays for web design and hosting.</p>
<h4>Visit Cascadia</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23338" title="vintage-websites-explore-cascadia" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/vintage-websites-explore-cascadia.jpg" width="468" height="268" /></p>
<p>Truck drivers get to see a lot of American landscapes, including those that have remained relatively unchanged over the decades. But imagine if they had an idyllic all-American town of their very own, with attractions like a truck-only drive-thru, the World&#8217;s Largest Cupholder and a beef jerky tasting room. <a href="http://www.visitcascadia.com/ ">The &#8216;Visit Cascadia&#8217; website</a> brings this imaginary town to life with nostalgic imagery.</p>
<h2></h2>
   
  <span id="fb_share" style="margin-left: 5px;"><a name="fb_share" type="button"  href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fweburbanist.com%2F2010%2F08%2F16%2Fso-retro-15-vintage-inspired-website-designs%2F&t=So+Retro%3A+15+Vintage+Style+Inspired+Website+Designs"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-share.png" width="60" height="19" alt="Share on Facebook"/></a></span>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like-mini.png" width="66px" height="19px" /></a>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like.png" width="220px" height="19px" /></a>

<hr width="375px" align="left" />
  <a style="margin-left: 5px;" href="http://www.stumbleupon.com/submit?url=https%3A%2F%2Fweburbanist.com%2F2010%2F08%2F16%2Fso-retro-15-vintage-inspired-website-designs%2F&title=So+Retro%3A+15+Vintage+Style+Inspired+Website+Designs"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-SU.png" width="74px" height="19px" /></a>
  <a style="margin-left: 9px;" href="http://twitter.com/home?status=%40weburbanist+https%3A%2F%2Fweburbanist.com%2F2010%2F08%2F16%2Fso-retro-15-vintage-inspired-website-designs%2F+So+Retro%3A+15+Vintage+Style+Inspired+Website+D"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-retweet.png" height="19" width="48" /></a>
  <a style="margin-left: 5px;" href="http://twitter.com/weburbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-twitter.png" width="220px" height="19px" /></a>
<div style="clear: both;"></div>

    <hr width="375px" align="left" />

        <span style="float:left; margin-left: 10px;">[ By <a href='http://weburbanist.com/steph/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-author-footer'>SA Rogers</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/graphics-branding/" rel="category tag">Graphics &amp; Branding</a>. ]</span>

<br /><br />
  <span style="color: #ddd; float:left; margin-left: 10px;">[ <a style="color: #ddd;" href="http://weburbanist.com/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-footer-title">WebUrbanist</a> | <a style="color: #ddd;" href="http://weburbanist.com/archives/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-archives">Archives</a> | <a style="color: #ddd;" href="http://weburbanist.com/galleries/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-galleries">Galleries</a> | <a style="color: #ddd;" href="http://weburbanist.com/privacy/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-privacy">Privacy</a> | <a style="color: #ddd;" href="http://weburbanist.com/terms/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-tos">TOS</a> ]</span>
<div style="clear: both;"></div>
<br />

<div style="clear: both;"></div>
<br />
    <!-- custom per item content end -->
    ]]>
    </content:encoded>
			<wfw:commentRss>https://weburbanist.com/2010/08/16/so-retro-15-vintage-inspired-website-designs/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">23322</post-id>	</item>
	
	<item>
        <title>Naturally Tactile Tech: 15 Beautifully Textured Websites</title>
        <link>https://weburbanist.com/2010/08/09/tactile-tech-15-beautifully-textured-websites/</link>
		<comments>https://weburbanist.com/2010/08/09/tactile-tech-15-beautifully-textured-websites/#comments</comments>
		<pubDate>Mon, 09 Aug 2010 17:00:02 +0000</pubDate>
		<dc:creator>SA Rogers</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphics & Branding]]></category>
		<category><![CDATA[artistic websites]]></category>
		<category><![CDATA[cities]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[graphic-arts]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[textured websites]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website design]]></category>
		<category><![CDATA[website designer]]></category>
		<category><![CDATA[website graphics]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">https://weburbanist.com/?p=23185</guid>
		<description><![CDATA[Not-so-touchable textures bring both visual interest and a touch of the real world into the world wide web, from paper and moss to knits and brick.]]></description>
			<content:encoded><![CDATA[
    <!-- custom per item content begin -->
    
    [ By <a href='http://weburbanist.com/steph/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-author'>SA Rogers</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/graphics-branding/" rel="category tag">Graphics &amp; Branding</a>. ]

    <p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23186" title="textured-websites-main" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-main.jpg" width="468" height="305" /></p>
<p>When the world wide web first came into popular use in the &#8217;90s, it wasn&#8217;t pretty. Cold, visually uninteresting and – well – ugly, websites put functionality far before form and were anything but inviting. So for everyone who loves to run their hands along a pleasing texture, from fine linen canvas to a big soft sweater, textured images in modern web design are a warm and comforting reminder of the three-dimensional, sensual real world.<br />
<span id="more-23185"></span></p>
<h4>Big Sweater Design</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23187" title="textured-websites-big-sweater" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-big-sweater.jpg" width="468" height="283" /></p>
<p>Vincent Maglione&#8217;s last name translates roughly from Italian as “big sweater”. So not only did Maglione name his web design company “<a href="http://bigsweaterdesign.com/ ">Big Sweater Design</a>”, he tied the reference in to his portfolio website in the most memorable way possible, using a knit sweater texture for the background.</p>
<h4>Real Visuals</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23188" title="textured-websites-real-visuals" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-real-visuals.jpg" width="468" height="380" /></p>
<p>For a company that calls itself “<a href="http://www.real-visuals.com/">Real Visuals</a>”, this architectural rendering, 3D interior design and 3D architecture firm certainly illustrates the concept well on its own website with a realistic wood plank background as well as fabric, paper and other textured images.</p>
<h4>Rock Point</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23189" title="textured-websites-rock-point" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-rock-point.jpg" width="468" height="286" /></p>
<p>Outdoor equipment company <a href="http://www.rockpoint.cz/">Rock Point</a> outfitted its website with a highly appropriate – both for its name and its business – rough rock textured background. The background serves as a nicely contrasting backdrop for all the slick modern merchandise, pulling in a reference to the great outdoors.</p>
<h4>Przeznaczenie.eu</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23190" title="textured-websites-przeznacz" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-przeznacz.jpg" width="468" height="275" /></p>
<p>With blood spatters on cracked dirty pavement,<a href="http://www.przeznaczenie.eu/ "> this website</a> is nothing if not gritty, perfectly suited for an interactive “serial mystery-crime” game.</p>
<h4>Made to Kill</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23191" title="textured-websites-made-to-kill" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-made-to-kill.jpg" width="468" height="278" /></p>
<p>Not all web background textures have to be literal and attention-grabbing. The subtlety of the chalky black paper on the website for <a href="http://www.madetokill.com/ ">Made to Kill</a>, a web design firm, keeps the focus on the company&#8217;s portfolio.</p>
<h4>The Brown Corporation</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23192" title="textured-websites-brown-corporation" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-brown-corporation.jpg" width="468" height="307" /></p>
<p>What else would you expect from &#8216;<a href="http://www.thebrowncorporation.com/ ">The Brown Corporation</a>&#8216;, a company that makes lightweight portable cardboard toilets with a fecal mascot named &#8216;Jack&#8217;, but a brown cardboard background on their website? Hey, it works.</p>
<h4>Texture Lovers</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23193" title="textured-websites-texture-lovers" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-texture-lovers.jpg" width="468" height="302" /></p>
<p>Something tells us the folks at &#8216;<a href="http://www.texturelovers.com/ ">Texture Lovers</a>&#8216; love texture. Just a hunch. But for all their affection for tactile surfaces, they kept the leathery background of their own website low-key, making sure that the texture samples they produce are the center of attention.</p>
<h4>Alpine Meadows</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23194" title="textured-websites-alpine-meadows" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-alpine-meadows.jpg" width="468" height="304" /></p>
<p>Simple and yet much more visually interesting than a flat color, the plaid fabric background and fraying ribbon nav bar on the <a href="http://www.skialpine.com/">Alpine Meadows</a> website are nicely done.</p>
<h4>Bern Unlimited</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23195" title="textured-websites-bern" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-bern.jpg" width="468" height="332" /></p>
<p>Would the <a href="http://www.helmy-bern.cz/ ">Bern Unlimited</a> website be anywhere near as eye-catching without the torn cardboard header and side bar backgrounds? Clearly scanned from real boxes, this texture is one-of-a-kind.</p>
<h4>Carbonica</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23196" title="textured-websites-carbonica" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-carbonica.jpg" width="468" height="320" /></p>
<p>What does brown kraft paper and linen fabric say to you? Organic, natural, earth-friendly? Perfect, because that&#8217;s exactly what <a href="http://www.carbonica.org/ ">Carbonica</a>, a carbon offsetting service, is all about.</p>
<h4>The Darling Tree</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23197" title="textured-websites-the-darling-tree" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-the-darling-tree.jpg" width="468" height="309" /></p>
<p>Another case of supreme subtlety, <a href="http://www.thedarlingtree.com/">Susannah Conway&#8217;s website</a> has a barely discernible fabric-textured background that plays up the illustrative quality of the graphics.</p>
<h4>Bridge 55</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23198" title="textured-websites-bridge55" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-bridge55.jpg" width="468" height="316" /></p>
<p>A store for urban men should have an urban-looking website. <a href="http://www.bridge55.com/ ">Bridge 55 clothing </a>pulls it off well with a cracking plaster wall, revealing bricks beneath.</p>
<h4>Narfstuff</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23199" title="textured-websites-narfstuff" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-narfstuff.jpg" width="468" height="242" /></p>
<p>With a combination of watercolor web design, paper textures and even polaroid borders on images, the<a href="http://www.narfstuff.co.uk/"> Narfstuff website</a> is a visual buffet of beautiful textures.</p>
<h4>The Organic Supermarket</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23200" title="textured-websites-the-organic-supermarket" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-the-organic-supermarket.jpg" width="468" height="319" /></p>
<p>There&#8217;s something about moss that just makes you want to reach out and touch it. Perhaps Ireland&#8217;s <a href="http://www.organicsupermarket.ie/">Organic Supermarket</a> is hoping that this earthy, green background will make you reach right through your screen and pick up a few bags of groceries while you&#8217;re at it.</p>
<h4>Wall Swaps</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23201" title="textured-websites-wall-swaps" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-wall-swaps.jpg" width="468" height="345" /></p>
<p>Any analog types that bemoan the loss of physicality in the computer age, especially those who love to pin inspiration and ideas on the wall, will love the cork board design of &#8216;<a href="http://www.wallswaps.com/ ">Wall Swaps</a>&#8216;, which basically creates a digital version of a bulletin board.</p>
<h2></h2>
   
  <span id="fb_share" style="margin-left: 5px;"><a name="fb_share" type="button"  href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fweburbanist.com%2F2010%2F08%2F09%2Ftactile-tech-15-beautifully-textured-websites%2F&t=Naturally+Tactile+Tech%3A+15+Beautifully+Textured+Websites"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-share.png" width="60" height="19" alt="Share on Facebook"/></a></span>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like-mini.png" width="66px" height="19px" /></a>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like.png" width="220px" height="19px" /></a>

<hr width="375px" align="left" />
  <a style="margin-left: 5px;" href="http://www.stumbleupon.com/submit?url=https%3A%2F%2Fweburbanist.com%2F2010%2F08%2F09%2Ftactile-tech-15-beautifully-textured-websites%2F&title=Naturally+Tactile+Tech%3A+15+Beautifully+Textured+Websites"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-SU.png" width="74px" height="19px" /></a>
  <a style="margin-left: 9px;" href="http://twitter.com/home?status=%40weburbanist+https%3A%2F%2Fweburbanist.com%2F2010%2F08%2F09%2Ftactile-tech-15-beautifully-textured-websites%2F+Naturally+Tactile+Tech%3A+15+Beautifully+Textu"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-retweet.png" height="19" width="48" /></a>
  <a style="margin-left: 5px;" href="http://twitter.com/weburbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-twitter.png" width="220px" height="19px" /></a>
<div style="clear: both;"></div>

    <hr width="375px" align="left" />

        <span style="float:left; margin-left: 10px;">[ By <a href='http://weburbanist.com/steph/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-author-footer'>SA Rogers</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/graphics-branding/" rel="category tag">Graphics &amp; Branding</a>. ]</span>

<br /><br />
  <span style="color: #ddd; float:left; margin-left: 10px;">[ <a style="color: #ddd;" href="http://weburbanist.com/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-footer-title">WebUrbanist</a> | <a style="color: #ddd;" href="http://weburbanist.com/archives/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-archives">Archives</a> | <a style="color: #ddd;" href="http://weburbanist.com/galleries/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-galleries">Galleries</a> | <a style="color: #ddd;" href="http://weburbanist.com/privacy/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-privacy">Privacy</a> | <a style="color: #ddd;" href="http://weburbanist.com/terms/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-tos">TOS</a> ]</span>
<div style="clear: both;"></div>
<br />

<div style="clear: both;"></div>
<br />
    <!-- custom per item content end -->
    ]]>
    </content:encoded>
			<wfw:commentRss>https://weburbanist.com/2010/08/09/tactile-tech-15-beautifully-textured-websites/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">23185</post-id>	</item>
	
	<item>
        <title>Workflow: 14 Artistic Examples of Watercolor in Web Design</title>
        <link>https://weburbanist.com/2010/07/26/14-artistic-examples-of-watercolor-in-web-design/</link>
		<comments>https://weburbanist.com/2010/07/26/14-artistic-examples-of-watercolor-in-web-design/#respond</comments>
		<pubDate>Mon, 26 Jul 2010 17:00:42 +0000</pubDate>
		<dc:creator>SA Rogers</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphics & Branding]]></category>
		<category><![CDATA[artistic web design]]></category>
		<category><![CDATA[arts]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[painting]]></category>
		<category><![CDATA[painting web design]]></category>
		<category><![CDATA[unusual web design]]></category>
		<category><![CDATA[watercolor]]></category>
		<category><![CDATA[watercolor web design]]></category>
		<category><![CDATA[watercolor websites]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">https://weburbanist.com/?p=22783</guid>
		<description><![CDATA[Watercolor infuses a carefree sense of the organic to what can otherwise be cold and impersonal websites, whether used as an accent or for the entire design.]]></description>
			<content:encoded><![CDATA[
    <!-- custom per item content begin -->
    
    [ By <a href='http://weburbanist.com/steph/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-author'>SA Rogers</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/graphics-branding/" rel="category tag">Graphics &amp; Branding</a>. ]

    <p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22784" title="watercolor-websites-main" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-main.jpg" width="468" height="400" /><br />
<!--wsa:gooold-->Nothing softens the harshness of the world wide web like a little watercolor. Whether used as a sheer splash of color on an otherwise minimalist website or as the basis of an entire web design, watercolor can be understated or bold, ethereal or grungy. These 14 websites are a showcase of artistic flair, with watercolor effects created both digitally and the old-fashioned way.<br />
<span id="more-22783"></span></p>
<h4>Electric Pulp</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22785" title="watercolor-websites-electric-pulp" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-electric-pulp.jpg" width="468" height="288" /></p>
<p>This <a href="http://electricpulp.com/">web design firm</a> advertises its services well with an eye-catching, visually dynamic and organic wood background and just a hint of watercolor effect at the very top and in a few details further down the page. A great example of beautiful balance in watercolor web design.</p>
<h4>Agami Creative</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22786" title="watercolor-website-agami" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-website-agami.jpg" width="468" height="308" /></p>
<p>Appropriately enough for a firm with &#8216;creative&#8217; in its very name, <a href="http://www.agamicreative.com">this website</a> is bold and colorful, using watercolor as one of the main visual elements on the page. But even as loose and messy as watercolor can be, the overall design remains readable and cohesive with sans-serif typeface and a tight color scheme.</p>
<h4>Fabien Barral</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22787" title="watercolor-websites-imaginary-moments" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-imaginary-moments.jpg" width="468" height="312" /></p>
<p>How else to set off a vibrant splash of watercolor but with plenty of white space? This is <a href="http://imoments.org/">the older website</a> of designer Fabien Barral, whose <a href="http://www.fabienbarral.com/ ">new website</a> also features stunning watercolor effects. In both cases, the strokes of a watercolor brush reveal celestial imagery and text that is hidden in the white background.</p>
<h4>Weberica</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22788" title="watercolor-websites-weberica" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-weberica.jpg" width="468" height="357" /></p>
<p>Watercolor is often used on the web in two forms: organic, and grungy. The <a href="http://www.weberica.net/">web design firm &#8216;Weberica&#8217; </a>combines both with a messy army-green background and illustrations of flowers and birds.</p>
<h4>Viget Inspire</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22789" title="watercolor-websites-viget" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-viget.jpg" width="468" height="221" /></p>
<p><a href="http://www.viget.com/inspire">Web consulting firm Viget Labs</a> uses watercolor in its most natural iteration – as part of a landscape. The mountainous, forested header image combined with sketches here and there – and plenty of white space to ease eye strain and provide room to breathe – is soft, yet fresh and modern.</p>
<h4>Ali Felski</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22790" title="watercolor-websites-ali-felski" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-ali-felski.jpg" width="468" height="284" /></p>
<p>Graphic designer <a href="http://www.alifelski.com/blog ">Ali Felski&#8217;s website</a> is not watercolor, per se. However, a gradient within the same color family, from deepest midnight blue down into bright white, provides a similar look to great effect.</p>
<h4>Five Points Interactive</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22791" title="watercolor-websites-5pts-interactive" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-5pts-interactive.jpg" width="468" height="304" /></p>
<p>The overarching theme of designer <a href="http://www.5pts-interactive.com/">Jeralyn Merideth&#8217;s website</a>? Paper. Notebook paper, memo paper, paper tags and yes, watercolor paper. There is no actual watercolor paint in the design, just a suggestion of texture and pleasing pastel colors.</p>
<h4>Boompa</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22792" title="watercolor-websites-boompa" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-boompa.jpg" width="468" height="221" /></p>
<p>Now <a href="http://www.boompa.ca/">here&#8217;s a website</a> that really allows watercolor art to shine. The entire background is made up of watercolor images of trees, clouds, rain, birds&#8230; nature, essentially. Just the right vibe for this independent Canadian record label.</p>
<h4>Le Bloe</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22793" title="watercolor-websites-le-bloe" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-le-bloe.jpg" width="468" height="256" /></p>
<p>Almost certainly, the &#8216;watercolor&#8217; at <a href="http://www.lebloe.com/ ">LeBloe.com</a> was created using a computer, but it&#8217;s no less effective, and the choice of watery blues and purples just intensifies the beauty of the effect.</p>
<h4>Corvus Art</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22794" title="watercolor-websites-corvus" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-corvus.jpg" width="468" height="234" /></p>
<p><a href="http://www.corvusart.com/">The Corvus website</a> is no stranger to design accolades, included in all sorts of web design lists, and with good reason. Designer Jessica Miller “gets a lot of her inspiration from wildlife, and wanted to incorporate her love of nature into her business life. This often shows in her design style, which has been described as &#8216;organic&#8217; and &#8216;ethereal&#8217;.”</p>
<h4>Toucouleur</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22795" title="watercolor-website-toucoleur" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-website-toucoleur.jpg" width="468" height="272" /></p>
<p>Lovers of minimalist design may turn their heads in utter shock at the “busy-ness” of <a href="http://www.toucouleur.fr/">the Toucouleur website</a>, but many others will fall in love with the carefree jumble of imagery which includes bits of watercolor here and there beyond all the photos, drawings, texture and decorative elements.</p>
<h4>Washtenaw Community College</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22796" title="watercolor-websites-washtenaw" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-washtenaw.jpg" width="468" height="302" /></p>
<p>The <a href="http://www.wccnet.edu/ ">Washtenaw Community College website</a> is a great example of using just a touch of watercolor to enhance an otherwise simple design. The drawing that makes up the background of the main column on the page creeps upward in a tuft of blue sky and white clouds.</p>
<h4>Deep Roots &amp; Wide Wings</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22797" title="watercolor-websites-deep-roots" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-deep-roots.png" width="468" height="282" /></p>
<p>There&#8217;s something grounding about the use of paper-inspired imagery on the web. A blog called &#8216;<a href="http://www.deeprootsandwidewings.com/ ">Deep Roots &amp; Wide Wings</a>&#8216; features a soft splash of watercolor but also the edge of a piece of watercolor paper, carefully torn to suggest the shape of hills.</p>
<h4>The Croquis</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22798" title="watercolor-websites-the-croquis" alt="" src="https://weburbanist.com/wp-content/uploads/2010/07/watercolor-websites-the-croquis.jpg" width="468" height="334" /></p>
<p><a href="http://thecroquis.com/">&#8216;The Croquis&#8217;</a> – an online portfolio of fashion illustrations – is a minimalist version of watercolor on the web, perfectly suited to the subject matter but using just one colorful watercolor element against a stark white background for a subtle yet somehow still dramatic effect.</p>
<h2></h2>
   
  <span id="fb_share" style="margin-left: 5px;"><a name="fb_share" type="button"  href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fweburbanist.com%2F2010%2F07%2F26%2F14-artistic-examples-of-watercolor-in-web-design%2F&t=Workflow%3A+14+Artistic+Examples+of+Watercolor+in+Web+Design"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-share.png" width="60" height="19" alt="Share on Facebook"/></a></span>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like-mini.png" width="66px" height="19px" /></a>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like.png" width="220px" height="19px" /></a>

<hr width="375px" align="left" />
  <a style="margin-left: 5px;" href="http://www.stumbleupon.com/submit?url=https%3A%2F%2Fweburbanist.com%2F2010%2F07%2F26%2F14-artistic-examples-of-watercolor-in-web-design%2F&title=Workflow%3A+14+Artistic+Examples+of+Watercolor+in+Web+Design"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-SU.png" width="74px" height="19px" /></a>
  <a style="margin-left: 9px;" href="http://twitter.com/home?status=%40weburbanist+https%3A%2F%2Fweburbanist.com%2F2010%2F07%2F26%2F14-artistic-examples-of-watercolor-in-web-design%2F+Workflow%3A+14+Artistic+Examples+of+Waterco"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-retweet.png" height="19" width="48" /></a>
  <a style="margin-left: 5px;" href="http://twitter.com/weburbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-twitter.png" width="220px" height="19px" /></a>
<div style="clear: both;"></div>

    <hr width="375px" align="left" />

        <span style="float:left; margin-left: 10px;">[ By <a href='http://weburbanist.com/steph/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-author-footer'>SA Rogers</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/graphics-branding/" rel="category tag">Graphics &amp; Branding</a>. ]</span>

<br /><br />
  <span style="color: #ddd; float:left; margin-left: 10px;">[ <a style="color: #ddd;" href="http://weburbanist.com/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-footer-title">WebUrbanist</a> | <a style="color: #ddd;" href="http://weburbanist.com/archives/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-archives">Archives</a> | <a style="color: #ddd;" href="http://weburbanist.com/galleries/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-galleries">Galleries</a> | <a style="color: #ddd;" href="http://weburbanist.com/privacy/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-privacy">Privacy</a> | <a style="color: #ddd;" href="http://weburbanist.com/terms/?utm_source=Mozilla%2F5.0+%28compatible%3B+Baiduspider%2F2.0%3B+%2Bhttp%3A%2F%2Fwww.baidu.com%2Fsearch%2Fspider.html%29&utm_medium=feed&utm_campaign=feed-main-tags-web-design&utm_content=unknown&utm_term=feed-tos">TOS</a> ]</span>
<div style="clear: both;"></div>
<br />

<div style="clear: both;"></div>
<br />
    <!-- custom per item content end -->
    ]]>
    </content:encoded>
			<wfw:commentRss>https://weburbanist.com/2010/07/26/14-artistic-examples-of-watercolor-in-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">22783</post-id>	</item>
	</channel>
</rss>
