<?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>Graeme Pirie &#187; embossed</title>
	<atom:link href="http://graemepirie.com/tag/embossed/feed/" rel="self" type="application/rss+xml" />
	<link>http://graemepirie.com</link>
	<description>Web Designer</description>
	<lastBuildDate>Tue, 24 Aug 2010 11:00:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Embossed Design</title>
		<link>http://graemepirie.com/embossed-design/</link>
		<comments>http://graemepirie.com/embossed-design/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 12:00:24 +0000</pubDate>
		<dc:creator>Graeme</dc:creator>
				<category><![CDATA[Project 52]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[embossed]]></category>
		<category><![CDATA[letterpress]]></category>
		<category><![CDATA[trends]]></category>

		<guid isPermaLink="false">http://graemepirie.com/?p=343</guid>
		<description><![CDATA[Over the last few months I&#8217;ve noticed a trend for websites to feature an embossed style, with large text and...]]></description>
			<content:encoded><![CDATA[<p><img class="post-image" title="Embossed Design" src="http://graemepirie.com/wp-content/uploads/2010/01/embosseddesign1.jpg" alt="Embossed Design" width="500" height="100" /></p>
<p>Over the last few months I&#8217;ve noticed a trend for websites to feature an embossed style, with large text and other UI elements given an embossed look to add some depth to the design. I admit to being a fan of this style, and have begun incorporating it into recent designs. With the emergence of CSS 3 techniques such as box-shadow and text-shadow have made it easier to empty this technique without the use of images and below are some of the best examples at the moment.</p>
<p><span id="more-343"></span></p>
<p><strong>Jack Osborne:</strong></p>
<p><strong><a href="http://jackosborne.co.uk"><img class="size-full wp-image-346 alignnone" title="Jack Osborne" src="http://graemepirie.com/wp-content/uploads/2010/01/jackosborne.png" alt="Jack Osborne" width="500" /></a><br />
</strong></p>
<p><strong>App Zapper:</strong></p>
<p><strong><a href="http://www.appzapper.com/"><img class="alignnone size-full wp-image-349" title="App Zapper" src="http://graemepirie.com/wp-content/uploads/2010/01/appzapper.jpg" alt="App Zapper" width="500" /></a><br />
</strong></p>
<p><strong>Lee Munroe:</strong></p>
<p><strong><img class="alignnone size-full wp-image-350" title="Lee Munroe" src="http://graemepirie.com/wp-content/uploads/2010/01/leemunroe.jpg" alt="Lee Munroe" width="500" /><br />
</strong></p>
<p><strong>Atebits:</strong></p>
<p><strong><a href="http://www.atebits.com/"><img class="alignnone size-full wp-image-351" title="atebits" src="http://graemepirie.com/wp-content/uploads/2010/01/atebits.png" alt="atebits" width="500" /></a><br />
</strong></p>
<p><strong>Inspireling:</strong></p>
<p><strong><a href="http://inspireling.com/"><img class="alignnone size-full wp-image-352" title="Inspireling" src="http://graemepirie.com/wp-content/uploads/2010/01/inspireling.jpg" alt="Inspireling" width="500" /></a><br />
</strong></p>
<p><strong>Arbent:</strong></p>
<p><strong><a href="http://arbent.net/"><img class="alignnone size-full wp-image-353" title="Arbent" src="http://graemepirie.com/wp-content/uploads/2010/01/arbent.jpg" alt="Arbent" width="500" /></a><br />
</strong></p>
<p>This is just a small collection of examples and there are a lot more out there, and I can see this trend continuing for a while yet.</p>
]]></content:encoded>
			<wfw:commentRss>http://graemepirie.com/embossed-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
