<?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  Naturally Tactile Tech: 15 Beautifully Textured Websites | Urbanist</title>
	<atom:link href="https://weburbanist.com/2010/08/09/tactile-tech-15-beautifully-textured-websites/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=6.9.4</generator>
	<language></language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://weburbanist.com/wp-content/uploads/2016/05/cropped-urbanisticon-32x32.png</url>
	<title>  Naturally Tactile Tech: 15 Beautifully Textured Websites | 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>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-2010-08-09-tactile-tech-15-beautifully-textured-websites&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>. ]

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><body><p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-main.jpg"><img fetchpriority="high" decoding="async" class="first-image img-responsive" title="textured-websites-main" alt="" src="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-main.jpg" width="468" height="305"></a></p>
<div id="urb-ads-toc-box" class="post-ads-toc-box urb-ads-toc" style="display:none;"></div><p>When the world wide web first came into popular use in the &rsquo;90s, it wasn&rsquo;t pretty. Cold, visually uninteresting and &ndash; well &ndash; 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><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-big-sweater.jpg"><img 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"></a></p>
<p>Vincent Maglione&rsquo;s last name translates roughly from Italian as &ldquo;big sweater&rdquo;. So not only did Maglione name his web design company &ldquo;<a href="http://bigsweaterdesign.com/%20">Big Sweater Design</a>&rdquo;, 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><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-real-visuals.jpg"><img 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"></a></p>
<p>For a company that calls itself &ldquo;<a href="http://www.real-visuals.com/">Real Visuals</a>&rdquo;, 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><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-rock-point.jpg"><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"></a></p>
<p>Outdoor equipment company <a href="http://www.rockpoint.cz/">Rock Point</a> outfitted its website with a highly appropriate &ndash; both for its name and its business &ndash; 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><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-przeznacz.jpg"><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"></a></p>
<p>With blood spatters on cracked dirty pavement,<a href="http://www.przeznaczenie.eu/%20"> this website</a> is nothing if not gritty, perfectly suited for an interactive &ldquo;serial mystery-crime&rdquo; game.</p>
<h4>Made to Kill</h4>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-made-to-kill.jpg"><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"></a></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/%20">Made to Kill</a>, a web design firm, keeps the focus on the company&rsquo;s portfolio.</p>
<h4>The Brown Corporation</h4>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-brown-corporation.jpg"><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"></a></p>
<p>What else would you expect from &lsquo;<a href="http://www.thebrowncorporation.com/%20">The Brown Corporation</a>&lsquo;, a company that makes lightweight portable cardboard toilets with a fecal mascot named &lsquo;Jack&rsquo;, but a brown cardboard background on their website? Hey, it works.</p>
<h4>Texture Lovers</h4>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-texture-lovers.jpg"><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"></a></p>
<p>Something tells us the folks at &lsquo;<a href="http://www.texturelovers.com/%20">Texture Lovers</a>&lsquo; 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><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-alpine-meadows.jpg"><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"></a></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><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-bern.jpg"><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"></a></p>
<p>Would the <a href="http://www.helmy-bern.cz/%20">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><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-carbonica.jpg"><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"></a></p>
<p>What does brown kraft paper and linen fabric say to you? Organic, natural, earth-friendly? Perfect, because that&rsquo;s exactly what <a href="http://www.carbonica.org/%20">Carbonica</a>, a carbon offsetting service, is all about.</p>
<h4>The Darling Tree</h4>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-the-darling-tree.jpg"><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"></a></p>
<p>Another case of supreme subtlety, <a href="http://www.thedarlingtree.com/">Susannah Conway&rsquo;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><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-bridge55.jpg"><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"></a></p>
<p>A store for urban men should have an urban-looking website. <a href="http://www.bridge55.com/%20">Bridge 55 clothing </a>pulls it off well with a cracking plaster wall, revealing bricks beneath.</p>
<h4>Narfstuff</h4>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-narfstuff.jpg"><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"></a></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><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-the-organic-supermarket.jpg"><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"></a></p>
<p>There&rsquo;s something about moss that just makes you want to reach out and touch it. Perhaps Ireland&rsquo;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&rsquo;re at it.</p>
<h4>Wall Swaps</h4>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2010/08/textured-websites-wall-swaps.jpg"><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"></a></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 &lsquo;<a href="http://www.wallswaps.com/%20">Wall Swaps</a>&lsquo;, which basically creates a digital version of a bulletin board.</p>
</body></html>

<div id='jp-relatedposts' class='jp-relatedposts' >
	
</div><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-2010-08-09-tactile-tech-15-beautifully-textured-websites&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-2010-08-09-tactile-tech-15-beautifully-textured-websites&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-2010-08-09-tactile-tech-15-beautifully-textured-websites&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-2010-08-09-tactile-tech-15-beautifully-textured-websites&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-2010-08-09-tactile-tech-15-beautifully-textured-websites&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-2010-08-09-tactile-tech-15-beautifully-textured-websites&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>
	</channel>
</rss>
