<?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>webRulon &#187; Inspiration</title>
	<atom:link href="http://webrulon.com/blog/design-dev/inspiration/feed/" rel="self" type="application/rss+xml" />
	<link>http://webrulon.com</link>
	<description></description>
	<lastBuildDate>Mon, 23 Aug 2010 14:44:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
	<atom:link rel="hub" href="http://superfeedr.com/hubbub" />
			<item>
		<title>5 Small Business Web Design Trends to Watch</title>
		<link>http://webrulon.com/5-small-business-web-design-trends-to-watch/</link>
		<comments>http://webrulon.com/5-small-business-web-design-trends-to-watch/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 22:11:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Examples]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design & Development]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=2791</guid>
		<description><![CDATA[<a href="http://webrulon.com/5-small-business-web-design-trends-to-watch/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/08/Amble-150x150.jpg" class="alignleft wp-post-image tfe" alt="Amble" title="Amble" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>Small businesses have it tough. Their web budgets are usually much smaller than that of large companies. At the same time their need for web exposure is much greater. However, instead of just curling up and giving up, many small businesses have begun to wow competition by offering up some innovative and cool ideas. &#8220;Where there&#8217;s a will, there&#8217;s a way&#8221; springs to mind.</p>
<p>There is quite the tool-set available to small businesses nowadays. First of all, there are many companies out there that will design and implement the site for you. Sure, this may not be the most budget-conscious solution out there, but once it&#8217;s done it&#8217;s done. Additionally, many hosting companies offer do-it-yourself software suites that are intuitive and graceful.</p>
<p>For stone-age companies, let&#8217;s go over why you want a website in the first place;</p>
<p><strong>Discovery </strong>- Once your online, customers can find you just by plugging your name into a search engine. Consumers nowadays don&#8217;t rely on the Yellow Pages or other antiquated notions of business location. They are going to Google and whatever they find they are going to use.</p>
<p><strong>Engagement</strong> &#8211; In addition to finding you, customers can also find information on who it is you are what it is you offer. This can be make or break in the race to set yourself apart from the competition.</p>
<p><strong>Sales</strong> &#8211; Engagement, often, leads to sales. Once a customer is assured you are on the up-and-and and you offer a service they are interested in, sales will often follow.</p>
<p><strong>Service</strong> &#8211; This entices return customers by offering a suite of services that make it easier on consumers. This could be as simple as being readily available via email. The sky is really the limit here.</p>
<p>So. You want to make or update your website. What now? Well let&#8217;s go over five web design trends that are capturing the imaginations of small businesses everywhere.</p>
<h2>1. Minimalism</h2>
<p><img class="alignnone size-full wp-image-2801" title="Amble" src="http://webrulon.com/wp-content/uploads/2010/08/Amble.jpg" alt="Amble" width="480" height="356" /></p>
<p>This tip is about as old as the web itself. You don&#8217;t want a cluttered and awful workspace do you? The same should go for your web space. In short, keep things simple. This helps users get a bead on your company and what it is you do quickly and succinctly. That is the point, isn&#8217;t it?</p>
<p>Also, <a href="http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html" target="_blank">page weight</a> now affects your Google ranking, so you are going to want to make sure your site is as streamlined as possible. Here are some steps to help you get that site up to snuff.</p>
<p>* Snip off anything unnecessary. This includes widgets and other accessories that serve no real purpose.</p>
<p>* Make good use of <a href="http://www.alistapart.com/articles/whitespace" target="_blank">whitespace</a>. This is the space between the various design elements. This helps the human eye figure out what is going on easier. Notice it in the photo above.</p>
<p>* Color choice is key. You are going to have less going on so what colors are used is important. Make sure to choose colors that work well together.</p>
<p>* Browse the site often as if you were a consumer. Keep an eye out for anything &#8220;off&#8221; and also feel free to have friends and family do the same.</p>
<h2>2. Unique Photography</h2>
<p><img class="alignnone size-full wp-image-2802" title="BrooklynFare" src="http://webrulon.com/wp-content/uploads/2010/08/BrooklynFare.jpg" alt="BrooklynFare" width="480" height="356" /></p>
<p>Stay away from cliched images. You&#8217;ve seen them all before. Two men shaking hands. A smiling doctor who looks like a model. These images are the equivalent of using Printshop to make greeting cards. People will gloss right over them and mentally think &#8220;Next.&#8221; It&#8217;s important whatever images you use are unique(To the best of your ability) and offer up a new point of view for the consumer.</p>
<p>Use <a href="http://paulindigo.blogspot.com/2008/11/why-use-professional-photographer.html" target="_blank">custom photography</a> or artwork whenever possible. Of course, you are a small business and this can be expensive. So follow this at your own budgetary discretion. You may, after all, have to rely on stock images. Here are some tips to make the most of it.</p>
<p>* Research competition and note what images they use. Stay away from these images or images that are eerily similar.</p>
<p>* Avoid being too literal in your image choices. Sometimes abstract can allow consumers to link things on their own, which gives them a sense of satisfaction.</p>
<p>* If you can afford it, opt-out of cheap lo-res images. These can make your site look unprofessional.</p>
<p>* Stay away from the bland and predictable. Try to spice things up a bit.</p>
<h2>3. Bold Typography</h2>
<p><img class="alignnone size-full wp-image-2803" title="TheMoon" src="http://webrulon.com/wp-content/uploads/2010/08/TheMoon.jpg" alt="TheMoon" width="480" height="356" /></p>
<p>Typography is more important than people often realize. Consider the website a conduit of information. With that said, isn&#8217;t every facet of how that information is presented important? Of course it is. Typography is the literal clothes upon your information&#8217;s back.</p>
<p>Big and bold typography has become a happening web-trend lately. This has happened for a few reasons. First of all, well, big and bold stuff is easy to read. It also tends to make the other design aspects &#8220;pop.&#8221; Finally, over-sized text establishes a hierarchy of information whereupon you can decide what is most important via text-size. Here are some tips for successful typography.</p>
<p>* Figure out the single most important idea you are trying to convey and find a type-set that fits. A singular idea is important because too many can lead to choice paralysis.</p>
<p>* Find a typeface that matches what kind of work you do. For instance, if your company embodies the feel of an Old Style font,  you should consider Bembo, Garamond and Sabon. Decidedly, if you make astronaut supplies, avoid these fonts.</p>
<p>* Surround the typography with a good amount of white-space. Please see the entry on minimal design for more information on this.</p>
<p>* Test some of the various <a href="http://www.webm.ag/2010/02/23/how-to-font-replacement/" class="broken_link"  target="_blank">font replacement options</a> such as <a href="http://typekit.com/" target="_blank">Typekit</a> or <a href="http://www.typotheque.com/webfonts" target="_blank">Typotheque</a>. These are great resources that allow you to &#8220;try on&#8221; fonts in your website without purchase or any real change.</p>
<h2>4. Clear Calls to Action</h2>
<p><img class="alignnone size-full wp-image-2804" title="SquareSpace" src="http://webrulon.com/wp-content/uploads/2010/08/SquareSpace.jpg" alt="SquareSpace" width="480" height="356" /></p>
<p>What is it you want your visitors to do? Whatever it is, this is a call to action. Calls to action can be anything from downloading something to filling out a web form. These are some of the most important, and oft-overlooked, elements of a webpage.</p>
<p>Easing your visitors to jump through the hoops you have provided for them can be tricky. Here are some tips to turn calls to action into actual action.</p>
<p>* Language &#8211; Keep the prose short and to the point. Try to start every call to action with a verb. Be sure to amp up the urgency as well. Words like ‘now’, ‘hurry’ and ‘offer ends&#8217; are great and, as always,&#8217;free&#8217; is a fantastic word to use. Some things never change.</p>
<p>* Positioning &#8211; Calls to action need to be in the right spot. It does no good to place them in a sad little corner somewhere. Look at the photo above. Notice the &#8220;Try it for free&#8221; button and where it&#8217;s placed.</p>
<p>* Color &#8211; Make sure the call to action stands out from the rest of your design elements. Do this with proper use of color. Contrasting and generally pleasing color combos will result in your call to action button getting the attention it deserves.</p>
<p>* Size &#8211; Make sure the call to action button is the biggest button on the block. It doesn&#8217;t have to be the biggest design element, as seen in the photo above, it just has to be the biggest button. This helps let the user know how important it is.</p>
<h2>5. A/B Testing</h2>
<p><img class="alignnone size-full wp-image-2805" title="VerifyApp" src="http://webrulon.com/wp-content/uploads/2010/08/VerifyApp.jpg" alt="VerifyApp" width="480" height="356" /></p>
<p>Competition is fierce online. You want to make sure your website does it&#8217;s best to convert visitors to actual customers. You can get a head start on this by continually measuring site performance, usability and conversions.</p>
<p>One of the best ways to measure and optimize your web design is via A/B testing, otherwise known as split testing. A/B tests examine the effectiveness of landing on one page over another. It works by randomly showing users the two versions of said page to see which one generates the best results. You can then <a href="http://www.webdesignerdepot.com/2010/07/a-complete-guide-to-ab-testing/" target="_blank">evaluate the performance</a> of each and use the very best  version.</p>
<p>Just about everything can be tested. Here are some tips to make the best of it.</p>
<p>* Define the goal. Don&#8217;t start a test unless you know what it is you seek to find out. For example, if you want to increase sign-ups, you&#8217;ll want to test the type of fields in the form, the length of the form, and the  display of privacy policy.</p>
<p>* Start with testing the things that can be changed easiest. No use to reinvent the whole house when just the kitchen will do. For example, you could tweak the copy on your <a href="http://www.kottke.org/09/01/little-tweaks-make-big-money" target="_blank">checkout button</a> to see if conversions can be  improved.</p>
<p>* Don&#8217;t use A/B testing in a vacuum.  Pair it up with other services to get a clear picture of what is going on with your site. Other tools include <a href="http://www.feedbackarmy.com/" target="_blank">Feedback Army</a> and <a href="https://www.usertesting.com/" target="_blank">User Testing</a>. Taken together, these can give you a clear picture.</p>
<p>So that&#8217;s it. What changes would make the most sense for your business?</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/5-small-business-web-design-trends-to-watch/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to Make Great Presentations</title>
		<link>http://webrulon.com/how-to-make-great-presentations/</link>
		<comments>http://webrulon.com/how-to-make-great-presentations/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 20:39:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Consulting]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=2787</guid>
		<description><![CDATA[<a href="http://webrulon.com/how-to-make-great-presentations/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/08/Presentations-150x150.gif" class="alignleft wp-post-image tfe" alt="Presentations" title="Presentations" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p><img class="alignnone size-full wp-image-2792" title="Presentations" src="http://webrulon.com/wp-content/uploads/2010/08/Presentations.gif" alt="Presentations" width="325" height="291" /></p>
<p>Presentations. They are a terrifying and important part of adult life. How else to emphatically get information across to a large group of people at the same time. And no, the Internet doesn&#8217;t count. Still, it takes a certain kind of person to really knock presentations out of the ballpark. Or does it? Read along and practice these tips and you are sure to have them rolling in the aisles. Don&#8217;t worry, you won&#8217;t have to imagine anyone in the audience naked.</p>
<p><strong>Plan. Plan. Plan.<br />
</strong></p>
<p>This might seem obvious but a presentation is really only as good as the amount of practice that went into it. Write it out. Tinker with the words until they are perfect.  Then, practice. Practice for your loved ones. Practice for your hated ones. Practice for anyone that will listen. While you are planning it all out, always consider the audience. What are you trying to convey to them? What is your main point? Never lose site of that.</p>
<p><strong>Metaphors are your friend </strong></p>
<p>Often you will find yourself giving a presentation on a complicated subject to a group of people who are not in the know. How do you make sure they get your main point? Well one good way is by use of metaphors, comparisons and analogies. Re-brand the idea to a simpler set of terms that the audience is sure to follow. For example, “PPC is like your direct marketing, but with the advantage  of instant feedback”</p>
<p><strong>Demonstrate </strong></p>
<p>If at all possible, show your idea in action. This could be via Powerpoint, a short film, or even via a chalkboard. Take the famous adage &#8220;A picture is worth 1,000 words&#8221; to heart. Many people simply can&#8217;t process information by the spoken word alone. If all else fails, go for a case study. A minor caveat: Do not rely solely on Powerpoint, however. This is a common mistake made by presentation newbies.</p>
<p><strong>Get the audience involved</strong></p>
<p>This may seem like a no-brainer but it&#8217;s amazing how many presentations I&#8217;ve seen where the emcee doesn&#8217;t use their most valuable asset: us. Do whatever it takes to get the audience actively engaged and involved. Ask for questions and comments. Conduct a Q&amp;A session. Hand out relavent paraphernalia.  Remember, there are those that learn via the spoken or written word and there are also those who learn via visual cues. Finally, there is a third set of people who learn via active engagement. Be sure to target all three groups.</p>
<p><strong>The big question</strong></p>
<p>The big question your audience members are running through their heads is &#8220;Why should I care?&#8221; This must be answered almost immediately upon beginning your presentation. Put yourself in your audience&#8217;s shoes and try to figure out what problem is solved via whatever idea you are discussing. Tackle that quickly and succinctly and you&#8217;ll have their attention and, hopefully, their admiration.</p>
<p><strong>Short sentences rule </strong></p>
<p>There is a reason the 140-character Twitter has taken over the web. People love to have ideas delivered to them clearly and concisely. The more you can reduce your idea, the easier it will be to impart to the audience. Edit. Edit. Edit. This isn&#8217;t to say you should speak like a caveman. Just go at your notes with Occam&#8217;s Razor. Anything that isn&#8217;t absolutely vital can go. Which leads us to.</p>
<p><strong>The rule of three </strong></p>
<p>The rule of three can be used to maximize your audience&#8217;s understanding. Keep your presentation, and your idea, distilled to three main points? Why just three? Think about how effective this rule has been in drama(Plays have three acts) and humor(Most jokes follow this rule to a tee.) There is something about the human brain and groups of three that just seem to gel. Besides, you want your audience to remember just about everything you said. Why makes things more complicated than they have to be? You aren&#8217;t reading from a textbook. You are giving a presentation.</p>
<p><strong>Heroes and villains </strong></p>
<p>Throughout the &#8220;narrative&#8221; of your presentation, you should develop some clear-cut heroes and villains. The villain should be whatever is the problem you are looking to solve, or some kind of representation thereof. The hero, then, should be the idea you are proposing to solve said problem. If dirty floors are the villain then the wonder-mop you are discussing is the hero. Get it? More PPC-speak, the villain could be antiquated media channels. Both hero and villain will become obvious once you&#8217;ve worked out your idea well enough. Also, begin this narrative early on. The villain should be pronounced as soon as you can. You want to get people thinking about it.</p>
<p><strong>Talk about what you love</strong></p>
<p>Now this isn&#8217;t always possible in the real world, but love is infectious. You are going to have a certain amount of trouble faking excitement. You are in the business, and not acting, world after all. Try to stick to presentations on subject matters you are actually interested in. Trust me. The audience will pick up on this and your excitement will soon become their excitement.</p>
<p>That is about it. Remember, don&#8217;t stress out about it. At the end of the day it&#8217;s just a presentation.  Follow these simple steps and you&#8217;ll do fine.</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/how-to-make-great-presentations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Thirty Examples of Successful Login Form Designs</title>
		<link>http://webrulon.com/thirty-examples-of-successful-login-form-designs/</link>
		<comments>http://webrulon.com/thirty-examples-of-successful-login-form-designs/#comments</comments>
		<pubDate>Tue, 25 May 2010 02:33:56 +0000</pubDate>
		<dc:creator>Lawrence Bonk</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Design Examples]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design & Development]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=2375</guid>
		<description><![CDATA[<a href="http://webrulon.com/thirty-examples-of-successful-login-form-designs/"><img align="left" hspace="5" width="150" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/1-tree-molabs.jpg" class="alignleft wp-post-image tfe" alt="treemo  labs" title="" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>The trusty login form. A necessary evil, right? Wrong. They need not be evil at all. There are ways to make the extra step your user base goes through to get to your content an enjoyable and aesthetically pleasing experience. The following list showcases creative and functional login form design. Some might surprise you and get you rethinking what that little box is for all over again:</p>
<h2>Treemolabs</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.treemolabs.com/dashboard/login.php');" href="http://www.treemolabs.com/dashboard/login.php"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/1-tree-molabs.jpg" alt="treemo  labs" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.treemolabs.com/dashboard/login.php');" href="http://www.treemolabs.com/dashboard/login.php">Visit Source</a></p>
<h2>Yellow Bird Project</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.yellowbirdproject.com/login');" href="https://www.yellowbirdproject.com/login"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/2-yellow-bird-project.jpg" alt="yellow bird project" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.yellowbirdproject.com/login');" href="https://www.yellowbirdproject.com/login">Visit Source</a></p>
<h2>Mouse To Minx</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.mousetominx.co.uk/login.php');" href="http://www.mousetominx.co.uk/login.php"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/3-mouse-to-minx.jpg" alt="mouse  to minx" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.mousetominx.co.uk/login.php');" href="http://www.mousetominx.co.uk/login.php">Visit Source</a></p>
<h2>Green Globe Ideas</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.greenglobeideas.com/');" href="http://www.greenglobeideas.com/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/4-green-globe-ideas.jpg" alt="green globe ideas" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.greenglobeideas.com/');" href="http://www.greenglobeideas.com/">Visit Source</a></p>
<h2>Blendue</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.blendue.com/demos/cars/');" href="http://www.blendue.com/demos/cars/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/5-blen-due.jpg" alt="blendue" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.blendue.com/demos/cars/');" href="http://www.blendue.com/demos/cars/">Visit Source</a></p>
<h2>Mail Chimp</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/login.mailchimp.com/');" href="https://login.mailchimp.com/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/6-mail-chimp.jpg" alt="mail  chimp" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/login.mailchimp.com/');" href="https://login.mailchimp.com/">Visit Source</a></p>
<h2>97 Bottles</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/97bottles.com/account/signin/?next=/');" href="http://97bottles.com/account/signin/?next=/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/7-97-bottles.jpg" alt="97  bottles" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/97bottles.com/account/signin/?next=/');" href="http://97bottles.com/account/signin/?next=/">Visit Source</a></p>
<h2>Nasibriyani Lounge</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.nasibriyanilounge.com/');" href="http://www.nasibriyanilounge.com/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/8-nasibriyani-lounge.jpg" alt="nasibriyani lounge" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.nasibriyanilounge.com/');" href="http://www.nasibriyanilounge.com/">Visit Source</a></p>
<h2>Battle</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/eu.battle.net/login/');" href="https://eu.battle.net/login/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/9-battle.jpg" alt="battle" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/eu.battle.net/login/');" href="https://eu.battle.net/login/">Visit Source</a></p>
<h2>Straw Poll Now</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/strawpollnow.com/login/');" href="http://strawpollnow.com/login/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/10-straw-poll-now.jpg" alt="straw pollnow" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/strawpollnow.com/login/');" href="http://strawpollnow.com/login/">Visit Source</a></p>
<h2>Maple Story</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/maple-story.deviantart.com/art/Updated-Maple-Login-93600856');" href="http://maple-story.deviantart.com/art/Updated-Maple-Login-93600856"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/11-maple-story.jpg" alt="maple  story" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/maple-story.deviantart.com/art/Updated-Maple-Login-93600856');" href="http://maple-story.deviantart.com/art/Updated-Maple-Login-93600856">Visit </a></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/maple-story.deviantart.com/art/Updated-Maple-Login-93600856');" href="http://maple-story.deviantart.com/art/Updated-Maple-Login-93600856">Source</a></p>
<h2>Survs</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.survs.com/app/wa/signIn');" href="https://www.survs.com/app/wa/signIn"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/12-survs.jpg" alt="survs" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.survs.com/app/wa/signIn');" href="https://www.survs.com/app/wa/signIn">Visit Source</a></p>
<h2>Hello How R U</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/hellohowru.com/user/login');" href="http://hellohowru.com/user/login"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/13-hello-how-r-u.jpg" alt="hello how r u" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/hellohowru.com/user/login');" href="http://hellohowru.com/user/login">Visit Source</a></p>
<h2>Threadless</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.threadless.com/');" href="http://www.threadless.com/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/14-threadless.jpg" alt="threadless" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.threadless.com/');" href="http://www.threadless.com/">Visit Source</a></p>
<h2>Vimeo</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/vimeo.com/log_in');" href="http://vimeo.com/log_in"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/15-vimeo.jpg" alt="vimeo" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/vimeo.com/log_in');" href="http://vimeo.com/log_in">Visit Source</a></p>
<h2>Olioboard</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.olioboard.com/');" href="http://www.olioboard.com/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/16-olioboard.jpg" alt="olioboard" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.olioboard.com/');" href="http://www.olioboard.com/">Visit Source</a></p>
<h2>Cosmicsoda</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.cosmicsoda.com/user/action/user.loginForm/');" href="http://www.cosmicsoda.com/user/action/user.loginForm/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/17-cosmicsoda.jpg" alt="cosmicsoda" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.cosmicsoda.com/user/action/user.loginForm/');" href="http://www.cosmicsoda.com/user/action/user.loginForm/">Visit Source</a></p>
<h2>Robo</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/robo.to/');" href="http://robo.to/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/18-robo.jpg" alt="robo" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/robo.to/');" href="http://robo.to/">Visit Source</a></p>
<h2>Wakoopa</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/wakoopa.com/account/login');" href="http://wakoopa.com/account/login"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/19-wakoopa.jpg" alt="wakoopa" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/wakoopa.com/account/login');" href="http://wakoopa.com/account/login">Visit Source</a></p>
<h2>Ready Photosite</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.readyphotosite.com/');" href="http://www.readyphotosite.com/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/20-ready-photosite.jpg" alt="ready photosite" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.readyphotosite.com/');" href="http://www.readyphotosite.com/">Visit Source</a></p>
<h2>Acrobat</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/acrobat.com/#/cpdf/HaveAdobeID');" href="https://acrobat.com/#/cpdf/HaveAdobeID"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/21-acrobat.jpg" alt="acrobat" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/acrobat.com/#/cpdf/HaveAdobeID');" href="https://acrobat.com/#/cpdf/HaveAdobeID">Visit Source</a></p>
<h2>Eat Drink or Die</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.eatdrinkordie.com/');" href="http://www.eatdrinkordie.com/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/22-eat-drink-or-die.jpg" alt="eat drink or die" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.eatdrinkordie.com/');" href="http://www.eatdrinkordie.com/">Visit Source</a></p>
<h2>Converse</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.converse.com/Account/Login.aspx');" href="https://www.converse.com/Account/Login.aspx"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/23-converse.jpg" alt="converse" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.converse.com/Account/Login.aspx');" href="https://www.converse.com/Account/Login.aspx">Visit Source</a></p>
<h2>My Virtual Paper</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.myvirtualpaper.com/admin/login');" href="http://www.myvirtualpaper.com/admin/login"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/24-my-virtual-paper.jpg" alt="my virtual paper" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.myvirtualpaper.com/admin/login');" href="http://www.myvirtualpaper.com/admin/login">Visit Source</a></p>
<h2>Scrap Blog</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.scrapblog.com/login/login.aspx');" href="http://www.scrapblog.com/login/login.aspx"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/25-scrap-blog.jpg" alt="scrap  blog" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.scrapblog.com/login/login.aspx');" href="http://www.scrapblog.com/login/login.aspx">Visit Source</a></p>
<h2>Original Juan</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www2.originaljuan.com/ssl/logIn.asp?ci=0&amp;bn=pig');" href="https://www2.originaljuan.com/ssl/logIn.asp?ci=0&amp;bn=pig"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/26-original-juan.jpg" alt="original juan" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www2.originaljuan.com/ssl/logIn.asp?ci=0&amp;bn=pig');" href="https://www2.originaljuan.com/ssl/logIn.asp?ci=0&amp;bn=pig">Visit Source</a></p>
<h2>Nipon War</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/niponwar.deviantart.com/art/login-page-76468137');" href="http://niponwar.deviantart.com/art/login-page-76468137"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/27-nipon-war.jpg" alt="nipon  war" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/niponwar.deviantart.com/art/login-page-76468137');" href="http://niponwar.deviantart.com/art/login-page-76468137">Visit Source</a></p>
<h2>Accounts Mmosite</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/accounts.mmosite.com/?controller=public&amp;action=login&amp;url=http%3A%2F%2Fac counts.mmosite.com%2F');" href="http://accounts.mmosite.com/?controller=public&amp;action=login&amp;url=http%3A%2F%2Fac%20counts.mmosite.com%2F"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/28-accounts-mmosite.jpg" alt="accounts mmosite" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/accounts.mmosite.com/?controller=public&amp;action=login&amp;url=http%3A%2F%2Fac counts.mmosite.com%2F');" href="http://accounts.mmosite.com/?controller=public&amp;action=login&amp;url=http%3A%2F%2Fac%20counts.mmosite.com%2F">Visit Source</a></p>
<h2>Launch Pad 37 Signals</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/launchpad.37signals.com/highrise/signin');" href="https://launchpad.37signals.com/highrise/signin"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/29-launch-pad-37-signals.jpg" alt="launch pad 37 signals" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/launchpad.37signals.com/highrise/signin');" href="https://launchpad.37signals.com/highrise/signin">Visit Source</a></p>
<h2>Red Brick Health</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.redbrickhealth.com/');" href="https://www.redbrickhealth.com/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/30-red-brick-health.jpg" alt="red brick health" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/www.redbrickhealth.com/');" href="https://www.redbrickhealth.com/">Visit Source</a></p>
<h2>Ugs Mag</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/ugsmag.com/');" href="http://ugsmag.com/"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/31-ugs-mag.jpg" alt="ugs mag" width="500" height="300" /></a><br />
<a onclick="javascript:pageTracker._trackPageview('/outgoing/ugsmag.com/');" href="http://ugsmag.com/">Visit Source</a></p>
<h2>Joy Max</h2>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.joymax.com/portal/Joymax_Front.jmx?workURL=https://portalcp.joymax.com/member/joymax_login.jmx&amp;returnURL=http://www.joymax.com/portal/Joymax_Front.jmx?workURL=http://portalcp.joymax.com/Joymax.jmx');" href="https://www.joymax.com/portal/Joymax_Front.jmx?workURL=https://portalcp.joymax.com/member/joymax_login.jmx&amp;returnURL=http://www.joymax.com/portal/Joymax_Front.jmx?workURL=http://portalcp.joymax.com/Joymax.jmx"><img style="-moz-user-select: none;" src="http://www.youthedesigner.com/wp-content/uploads/2010/05/32-joy-max.jpg" alt="joy max" width="500" height="300" /></a></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outgoing/www.joymax.com/portal/Joymax_Front.jmx?workURL=https://portalcp.joymax.com/member/joymax_login.jmx&amp;returnURL=http://www.joymax.com/portal/Joymax_Front.jmx?workURL=http://portalcp.joymax.com/Joymax.jmx');" href="https://www.joymax.com/portal/Joymax_Front.jmx?workURL=https://portalcp.joymax.com/member/joymax_login.jmx&amp;returnURL=http://www.joymax.com/portal/Joymax_Front.jmx?workURL=http://portalcp.joymax.com/Joymax.jmx">Visit Source</a></p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/thirty-examples-of-successful-login-form-designs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>50 Inspirational and Fresh Minimally Designed Web Sites</title>
		<link>http://webrulon.com/50-inspirational-and-fresh-minimally-designed-web-sites/</link>
		<comments>http://webrulon.com/50-inspirational-and-fresh-minimally-designed-web-sites/#comments</comments>
		<pubDate>Tue, 25 May 2010 00:11:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://webrulon.com/new/?p=842</guid>
		<description><![CDATA[<a href="http://webrulon.com/50-inspirational-and-fresh-minimally-designed-web-sites/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle1-copy-150x150.jpg" class="alignleft wp-post-image tfe" alt="ministyle1 copy" title="ministyle1 copy" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>Why inundate the senses with all kinds of bogus nonsense when a nice clean aesthetic imparts information just as well? Cleanliness is next to Godliness, afterall. A minimal style really allows your visitors to get swept up in your content, so you know, make sure it&#8217;s good. However, as you are about to see, just because it is simpler and cleaner does not mean it was any easier to do. Sometimes, finding a clean and simple way to do something can be quite a challenger. There&#8217;s a reason Hemingway is such a respected writer.</p>
<p>Join us, get inspired, here are 50 minimally designed web sites guaranteed to slowly and methodically knock your socks off:</p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.markboulton.co.uk');" href="http://www.markboulton.co.uk/" class="broken_link" >Mark Boulton</a></h5>
<p><img class="alignnone size-full wp-image-2315" title="ministyle1 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle1-copy.jpg" alt="ministyle1 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/blog.inkcover.com');" href="http://blog.inkcover.com/">Inkcover Blog</a></h5>
<p><img class="alignnone size-full wp-image-2316" title="ministyle2 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle2-copy.jpg" alt="ministyle2 copy" width="450" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/limi.net');" href="http://limi.net/">Alexander Limi</a></h5>
<p><img class="alignnone size-full wp-image-2317" title="ministyle3 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle3-copy.jpg" alt="ministyle3 copy" width="450" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/trentwalton.com');" href="http://trentwalton.com/">Trent Walton</a></h5>
<p><img class="alignnone size-full wp-image-2318" title="ministyle4 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle4-copy.jpg" alt="ministyle4 copy" width="450" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.siiimple.com');" href="http://www.siiimple.com/">Siimple</a></h5>
<p><img class="alignnone size-full wp-image-2319" title="ministyle5 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle5-copy.jpg" alt="ministyle5 copy" width="450" height="195" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/ah-studio.com');" href="http://ah-studio.com/">Åh Studio</a></h5>
<p><img class="alignnone size-full wp-image-2320" title="ministyle6 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle6-copy.jpg" alt="ministyle6 copy" width="450" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.juliarothman.com');" href="http://www.juliarothman.com/">Julia Rothman</a></h5>
<p><img class="alignnone size-full wp-image-2321" title="ministyle7 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle7-copy.jpg" alt="ministyle7 copy" width="450" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.hellokeepa.com');" href="http://www.hellokeepa.com/">Hello Keepa</a></h5>
<p><img class="alignnone size-full wp-image-2322" title="ministyle8 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle8-copy.jpg" alt="ministyle8 copy" width="450" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.remakedesign.com');" href="http://www.remakedesign.com/">Remake</a></h5>
<p><img class="alignnone size-full wp-image-2323" title="ministyle9 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle9-copy.jpg" alt="ministyle9 copy" width="450" height="190" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.super8.co.uk');" href="http://www.super8.co.uk/">super8 – Portfolio of Andrew Cross</a></h5>
<p><img class="alignnone size-full wp-image-2324" title="ministyle10 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle10-copy.jpg" alt="ministyle10 copy" width="450" height="191" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.ignacioricci.com');" href="http://www.ignacioricci.com/">Ignacio Ricci – Designer+Developer</a></h5>
<p><img class="alignnone size-full wp-image-2325" title="ministyle11 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle11-copy.jpg" alt="ministyle11 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.camtessadesign.com');" href="http://www.camtessadesign.com/">Camtessa Design</a></h5>
<p><img class="alignnone size-full wp-image-2326" title="ministyle12 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle12-copy.jpg" alt="ministyle12 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.iconwerk.de');" href="http://www.iconwerk.de/">Iconwerk</a></h5>
<p><img class="alignnone size-full wp-image-2327" title="ministyle13 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle13-copy.jpg" alt="ministyle13 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/klim.co.nz');" href="http://klim.co.nz/">Klim Type Foundry</a></h5>
<p><img class="alignnone size-full wp-image-2328" title="ministyle14 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle14-copy.jpg" alt="ministyle14 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.happyloverstown.eu');" href="http://www.happyloverstown.eu/loverstown/">Lovers Town</a></h5>
<p><img class="alignnone size-full wp-image-2329" title="ministyle15 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle15-copy.jpg" alt="ministyle15 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.brilliancy.eu');" href="http://www.brilliancy.eu/" class="broken_link" >Brilliancy</a></h5>
<p><img class="alignnone size-full wp-image-2330" title="ministyle16 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle16-copy.jpg" alt="ministyle16 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.jameschambers.co.uk');" href="http://www.jameschambers.co.uk/" class="broken_link" >James Chambers</a></h5>
<p><img class="alignnone size-full wp-image-2331" title="ministyle17 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle17-copy.jpg" alt="ministyle17 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.one-fine-day.co.uk');" href="http://www.one-fine-day.co.uk/">James Joyce</a></h5>
<p><img class="alignnone size-full wp-image-2332" title="ministyle18 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle18-copy.jpg" alt="ministyle18 copy" width="450" height="193" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/madebyon.com');" href="http://madebyon.com/">Tudinh Duong</a></h5>
<p><img class="alignnone size-full wp-image-2333" title="ministyle19 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle19-copy.jpg" alt="ministyle19 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/bunton.com.au');" href="http://bunton.com.au/">Bunton</a></h5>
<p><img class="alignnone size-full wp-image-2334" title="ministyle20 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle20-copy.jpg" alt="ministyle20 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/xpd.no');" href="http://xpd.no/">Espen Espelund</a></h5>
<p><img class="alignnone size-full wp-image-2335" title="ministyle21 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle21-copy.jpg" alt="ministyle21 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/new.graphicdznr.com');" href="http://new.graphicdznr.com/">GraphicDZNR – Jesse Dodds</a></h5>
<p><img class="alignnone size-full wp-image-2336" title="ministyle22 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle22-copy.jpg" alt="ministyle22 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.arnaudalves.com');" href="http://www.arnaudalves.com/">Arnaud Alves</a></h5>
<p><img class="alignnone size-full wp-image-2337" title="ministyle23 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle23-copy.jpg" alt="ministyle23 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.pointandanchor.co.uk');" href="http://www.pointandanchor.co.uk/">Point&amp;Anchor</a></h5>
<p><img class="alignnone size-full wp-image-2338" title="ministyle24 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle24-copy.jpg" alt="ministyle24 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/keepitcomplicated.com');" href="http://keepitcomplicated.com/">Sveinn Davíðsson</a></h5>
<p><img class="alignnone size-full wp-image-2339" title="ministyle25 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle25-copy.jpg" alt="ministyle25 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.jeffreydocherty.com');" href="http://www.jeffreydocherty.com/">Jeffrey Docherty</a></h5>
<p><img class="alignnone size-full wp-image-2340" title="ministyle26 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle26-copy.jpg" alt="ministyle26 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.jasonmayo.co.uk');" href="http://www.jasonmayo.co.uk/">Jason MAYØ</a></h5>
<p><img class="alignnone size-full wp-image-2341" title="ministyle27 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle27-copy.jpg" alt="ministyle27 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/pierrickcalvez.com');" href="http://pierrickcalvez.com/">Pierrick Calvez</a></h5>
<p><img class="alignnone size-full wp-image-2342" title="ministyle28 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle28-copy.jpg" alt="ministyle28 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/lifeofmystory.com');" href="http://lifeofmystory.com/">Life of My Story</a></h5>
<p><img class="alignnone size-full wp-image-2343" title="ministyle29 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle29-copy.jpg" alt="ministyle29 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/one.org');" href="http://one.org/international/">ONE International</a></h5>
<p><img class="alignnone size-full wp-image-2344" title="ministyle30 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle30-copy.jpg" alt="ministyle30 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/thepostfamily.com');" href="http://thepostfamily.com/">The Post Family</a></h5>
<p><img class="alignnone size-full wp-image-2345" title="ministyle31 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle31-copy.jpg" alt="ministyle31 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.bisgrafic.info');" href="http://www.bisgrafic.info/">BB – Bisgrafic Blog</a></h5>
<p><img class="alignnone size-full wp-image-2346" title="ministyle32 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle32-copy.jpg" alt="ministyle32 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.anthonymullan.com');" href="http://www.anthonymullan.com/">Bespoke Kitchen Furniture</a></h5>
<p><img class="alignnone size-full wp-image-2347" title="ministyle33 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle33-copy.jpg" alt="ministyle33 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.bertellibici.com');" href="http://www.bertellibici.com/products.php?works_series_id=1">Bertelli – Biciclette Assemblate</a></h5>
<p><img class="alignnone size-full wp-image-2348" title="ministyle34 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle34-copy.jpg" alt="ministyle34 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.hairott.co.uk');" href="http://www.hairott.co.uk/">Hair Ott</a></h5>
<p><img class="alignnone size-full wp-image-2349" title="ministyle35 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle35-copy.jpg" alt="ministyle35 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.miguelbuckenmeyer.com');" href="http://www.miguelbuckenmeyer.com/">Miguel Buckenmeyer &amp; Co.</a></h5>
<p><img class="alignnone size-full wp-image-2350" title="ministyle36 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle36-copy.jpg" alt="ministyle36 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.archiduchesse.com');" href="http://www.archiduchesse.com/">Chaussettes Archiduchesse</a></h5>
<p><img class="alignnone size-full wp-image-2351" title="ministyle37 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle37-copy.jpg" alt="ministyle37 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.harten.com.mx');" href="http://www.harten.com.mx/">HARTEN</a></h5>
<p><img class="alignnone size-full wp-image-2352" title="ministyle38 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle38-copy.jpg" alt="ministyle38 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/counter-print.co.uk');" href="http://counter-print.co.uk/">Counter-Print.co.uk</a></h5>
<p><img class="alignnone size-full wp-image-2353" title="ministyle39 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle39-copy.jpg" alt="ministyle39 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.markboultondesign.com');" href="http://www.markboultondesign.com/" class="broken_link" >Mark Boulton Design</a></h5>
<p><img class="alignnone size-full wp-image-2354" title="ministyle40 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle40-copy.jpg" alt="ministyle40 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.landor.com');" href="http://www.landor.com/index.cfm?bhcp=1">Landor – Strategic Brand Consulting and Design</a></h5>
<p><img class="alignnone size-full wp-image-2355" title="ministyle41 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle41-copy.jpg" alt="ministyle41 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/paravelinc.com');" href="http://paravelinc.com/">Paravel</a></h5>
<p><img class="alignnone size-full wp-image-2356" title="ministyle42 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle42-copy.jpg" alt="ministyle42 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.nordenswansiirila.fi');" href="http://www.nordenswansiirila.fi/public/en/">Nordenswan &amp; Siirilä</a></h5>
<p><img class="alignnone size-full wp-image-2357" title="ministyle43 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle43-copy.jpg" alt="ministyle43 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.zipdesign.co.uk');" href="http://www.zipdesign.co.uk/">Zip Design</a></h5>
<p><img class="alignnone size-full wp-image-2358" title="ministyle44 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle44-copy.jpg" alt="ministyle44 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.ycnonline.com');" href="http://www.ycnonline.com/">YCN</a></h5>
<p><img class="alignnone size-full wp-image-2359" title="ministyle45 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle45-copy.jpg" alt="ministyle45 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.onetwentysix.com');" href="http://www.onetwentysix.com/">Onetwentysix</a></h5>
<p><img class="alignnone size-full wp-image-2360" title="ministyle46 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle46-copy.jpg" alt="ministyle46 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/fastlikerabbit.com');" href="http://fastlikerabbit.com/">Fastlikerabbit</a></h5>
<p><img class="alignnone size-full wp-image-2361" title="ministyle47 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle47-copy.jpg" alt="ministyle47 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.cubedroute.com');" href="http://www.cubedroute.com/">Cubedroute</a></h5>
<p><img class="alignnone size-full wp-image-2362" title="ministyle48 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle48-copy.jpg" alt="ministyle48 copy" width="451" height="198" /></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/secondandpark.com');" href="http://secondandpark.com/">Second And Park</a></h5>
<p><img class="alignnone size-full wp-image-2363" title="ministyle49 copy" src="http://webrulon.com/wp-content/uploads/2010/05/ministyle49-copy.jpg" alt="ministyle49 copy" width="451" height="198" /></p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/50-inspirational-and-fresh-minimally-designed-web-sites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Showcase of 35 Beautiful Typographical Illustrations</title>
		<link>http://webrulon.com/a-showcase-of-35-beautiful-typographical-illustrations/</link>
		<comments>http://webrulon.com/a-showcase-of-35-beautiful-typographical-illustrations/#comments</comments>
		<pubDate>Mon, 17 May 2010 00:15:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Design Examples]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://webrulon.com/new/?p=840</guid>
		<description><![CDATA[<a href="http://webrulon.com/a-showcase-of-35-beautiful-typographical-illustrations/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/05/1-150x150.jpg" class="alignleft wp-post-image tfe" alt="1" title="1" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>Illustration and typography don&#8217;t always play nice. When they do, however, it can create some beautiful and compelling imagery. Which is which in this scenario, however? Is a beautiful illustration that also features typography an illustration or, well, a piece of typography? Both. Also, ultimately it doesn&#8217;t matter. Beauty is beauty, no matter the name. Read on for 35 of the greatest &#8220;typographical illustrations&#8221; floating around the web right now. We&#8217;ll even feature links to each designer so you can see more of their stuff:</p>
<p><img class="alignnone size-full wp-image-2275" title="1" src="http://webrulon.com/wp-content/uploads/2010/05/1.jpg" alt="1" width="460" height="476" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.superexpresso.com');" href="http://www.superexpresso.com/">by Michele Angelo</a></p>
<p><img class="alignnone size-full wp-image-2276" title="2" src="http://webrulon.com/wp-content/uploads/2010/05/2.jpg" alt="2" width="460" height="284" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.superexpresso.com');" href="http://www.superexpresso.com/">by Michele Angelo</a></p>
<p><img class="alignnone size-full wp-image-2277" title="3" src="http://webrulon.com/wp-content/uploads/2010/05/3.jpg" alt="3" width="460" height="678" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/goodmorningstranger.com');" href="http://goodmorningstranger.com/">by Nicolas Alexander</a></p>
<p><img class="alignnone size-full wp-image-2278" title="4" src="http://webrulon.com/wp-content/uploads/2010/05/4.jpg" alt="4" width="460" height="467" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/nextseason.net');" href="http://nextseason.net/index.php?/project/wmig-mix-covers/">by Evan Owen Dennis</a></p>
<p><img class="alignnone size-full wp-image-2279" title="5" src="http://webrulon.com/wp-content/uploads/2010/05/5.jpg" alt="5" width="460" height="613" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.nkeppol.com');" href="http://www.nkeppol.com/">by Nick Keppol</a></p>
<p><img class="alignnone size-full wp-image-2280" title="6" src="http://webrulon.com/wp-content/uploads/2010/05/6.jpg" alt="6" width="460" height="460" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.behance.net');" href="http://www.behance.net/Gallery/No-Lies-Just-Love/217150">by Jordan Metcalf</a></p>
<p><img class="alignnone size-full wp-image-2281" title="7" src="http://webrulon.com/wp-content/uploads/2010/05/7.jpg" alt="7" width="460" height="265" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.flickr.com');" href="http://www.flickr.com/photos/alexbeltechi/3923600356/">by Alex Beltechi</a></p>
<p><img class="alignnone size-full wp-image-2282" title="8" src="http://webrulon.com/wp-content/uploads/2010/05/8.jpg" alt="8" width="460" height="650" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.jessehora.com');" href="http://www.jessehora.com/index.php?/work/anewone/">by Jesse Hora</a></p>
<p><img class="alignnone size-full wp-image-2283" title="9" src="http://webrulon.com/wp-content/uploads/2010/05/9.jpg" alt="9" width="460" height="429" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.nacionale.net');" href="http://www.nacionale.net/s" class="broken_link" >by Doug Alves</a></p>
<p><img class="alignnone size-full wp-image-2284" title="10" src="http://webrulon.com/wp-content/uploads/2010/05/10.jpg" alt="10" width="460" height="460" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.sumeco.net');" href="http://www.sumeco.net/">by Theo Aartsma</a></p>
<p><img class="alignnone size-full wp-image-2285" title="11" src="http://webrulon.com/wp-content/uploads/2010/05/11.jpg" alt="11" width="460" height="502" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.sumeco.net');" href="http://www.sumeco.net/">by Theo Aartsma</a></p>
<p><img class="alignnone size-full wp-image-2286" title="12" src="http://webrulon.com/wp-content/uploads/2010/05/12.jpg" alt="12" width="460" height="293" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.naranikannan.com');" href="http://www.naranikannan.com/s">by Narani Kannan</a></p>
<p><img class="alignnone size-full wp-image-2287" title="13" src="http://webrulon.com/wp-content/uploads/2010/05/13.jpg" alt="13" width="460" height="507" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.behance.net');" href="http://www.behance.net/Gallery/Desktop-Battle-with-SELECT/123045">by Studio Kxx</a></p>
<p><img class="alignnone size-full wp-image-2288" title="14" src="http://webrulon.com/wp-content/uploads/2010/05/14.jpg" alt="14" width="460" height="531" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/opera78.com');" href="http://opera78.com/">by Fiodor Sumkin</a></p>
<p><img class="alignnone size-full wp-image-2289" title="15" src="http://webrulon.com/wp-content/uploads/2010/05/15.jpg" alt="15" width="460" height="723" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.behance.net');" href="http://www.behance.net/Gallery/Colorcubic-El-Capitan-Print/245334">by Colorcubic</a></p>
<p><img class="alignnone size-full wp-image-2290" title="16" src="http://webrulon.com/wp-content/uploads/2010/05/16.jpg" alt="16" width="460" height="700" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.behance.net');" href="http://www.behance.net/Gallery/Colorcubic-El-Capitan-Print/245334">by Colorcubic</a></p>
<p><img class="alignnone size-full wp-image-2291" title="17" src="http://webrulon.com/wp-content/uploads/2010/05/17.jpg" alt="17" width="460" height="633" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.behance.net');" href="http://www.behance.net/Gallery/Thinking-Negative-can-be-useful/306648">by Magomed Dovjenko</a></p>
<p><img class="alignnone size-full wp-image-2292" title="18" src="http://webrulon.com/wp-content/uploads/2010/05/18.jpg" alt="18" width="460" height="573" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.hellokeepa.com');" href="http://www.hellokeepa.com/">by Irena Zablotska and Eugene Rudyy</a></p>
<p><img class="alignnone size-full wp-image-2293" title="19" src="http://webrulon.com/wp-content/uploads/2010/05/19.jpg" alt="19" width="460" height="920" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.hellokeepa.com');" href="http://www.hellokeepa.com/">by Irena Zablotska and Eugene Rudyy</a></p>
<p><img class="alignnone size-full wp-image-2294" title="20" src="http://webrulon.com/wp-content/uploads/2010/05/20.jpg" alt="20" width="480" height="500" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.fenotype.com');" href="http://www.fenotype.com/font/portfolio/portfolio0.html">by Emil Bertell</a></p>
<p><img class="alignnone size-full wp-image-2295" title="21" src="http://webrulon.com/wp-content/uploads/2010/05/21.jpg" alt="21" width="460" height="265" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.behance.net');" href="http://www.behance.net/Gallery/Lukano-Font/144857">by Luke Lucas</a></p>
<p><img class="alignnone size-full wp-image-2296" title="22" src="http://webrulon.com/wp-content/uploads/2010/05/22.jpg" alt="22" width="460" height="320" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.behance.net');" href="http://www.behance.net/Gallery/Lukano-Font/144857">by Luke Lucas</a></p>
<p><img class="alignnone size-full wp-image-2297" title="23" src="http://webrulon.com/wp-content/uploads/2010/05/23.jpg" alt="23" width="460" height="605" />&#8216;</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.behance.net');" href="http://www.behance.net/Gallery/Lukano-Font/144857">by Luke Lucas</a></p>
<p><img class="alignnone size-full wp-image-2298" title="24" src="http://webrulon.com/wp-content/uploads/2010/05/24.jpg" alt="24" width="460" height="485" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.wordsarepictures.co.uk');" href="http://www.wordsarepictures.co.uk/">by Craig Ward</a></p>
<p><img class="alignnone size-full wp-image-2299" title="25" src="http://webrulon.com/wp-content/uploads/2010/05/25.jpg" alt="25" width="460" height="325" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.wordsarepictures.co.uk');" href="http://www.wordsarepictures.co.uk/">by Craig Ward</a></p>
<p><img class="alignnone size-full wp-image-2300" title="26" src="http://webrulon.com/wp-content/uploads/2010/05/26.jpg" alt="26" width="460" height="325" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.wordsarepictures.co.uk');" href="http://www.wordsarepictures.co.uk/">by Craig Ward</a></p>
<p><img class="alignnone size-full wp-image-2301" title="27" src="http://webrulon.com/wp-content/uploads/2010/05/27.jpg" alt="27" width="460" height="460" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.wordsarepictures.co.uk');" href="http://www.wordsarepictures.co.uk/">by Craig Ward</a></p>
<p><img class="alignnone size-full wp-image-2302" title="28" src="http://webrulon.com/wp-content/uploads/2010/05/28.jpg" alt="28" width="460" height="649" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.wordsarepictures.co.uk');" href="http://www.wordsarepictures.co.uk/">by Craig Ward</a></p>
<p><img class="alignnone size-full wp-image-2303" title="29" src="http://webrulon.com/wp-content/uploads/2010/05/29.jpg" alt="29" width="460" height="636" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.bisonart.co.za');" href="http://www.bisonart.co.za/">Linsey Levendall and Daniel Orme (Bison)</a></p>
<p><img class="alignnone size-full wp-image-2304" title="30" src="http://webrulon.com/wp-content/uploads/2010/05/30.jpg" alt="30" width="460" height="484" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.chowmartin.com');" href="http://www.chowmartin.com/index.php?/projects/creative-arms/">by Chow Martin</a></p>
<p><img class="alignnone size-full wp-image-2305" title="31" src="http://webrulon.com/wp-content/uploads/2010/05/31.jpg" alt="31" width="460" height="667" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.naranikannan.com');" href="http://www.naranikannan.com/">by Narani Kannan</a></p>
<p><img class="alignnone size-full wp-image-2306" title="32" src="http://webrulon.com/wp-content/uploads/2010/05/32.jpg" alt="32" width="460" height="584" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.behance.net');" href="http://www.behance.net/Gallery/Types/165886">by Vladimir Loginov and Maksim Loginov (HMF)</a></p>
<p><img class="alignnone size-full wp-image-2307" title="33" src="http://webrulon.com/wp-content/uploads/2010/05/33.jpg" alt="33" width="460" height="687" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.behance.net');" href="http://www.behance.net/Gallery/Types/165886">by Vladimir Loginov and Maksim Loginov (HMF)</a></p>
<p><img class="alignnone size-full wp-image-2308" title="34" src="http://webrulon.com/wp-content/uploads/2010/05/34.jpg" alt="34" width="435" height="600" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.flickr.com');" href="http://www.flickr.com/photos/andysmithillustrator/3554187955/in/set-72157613244126688/">by Andy Smith</a></p>
<p><img class="alignnone size-full wp-image-2309" title="35" src="http://webrulon.com/wp-content/uploads/2010/05/35.jpg" alt="35" width="460" height="547" /></p>
<p>by <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.alextrochut.com');" href="http://www.alextrochut.com/">Alex Trochut</a></p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/a-showcase-of-35-beautiful-typographical-illustrations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>25 Impressive and Inspirational Dark CSS Web Designs</title>
		<link>http://webrulon.com/25-impressive-and-inspirational-dark-css-web-designs/</link>
		<comments>http://webrulon.com/25-impressive-and-inspirational-dark-css-web-designs/#comments</comments>
		<pubDate>Wed, 12 May 2010 22:42:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Design Examples]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design & Development]]></category>

		<guid isPermaLink="false">http://webrulon.com/new/?p=822</guid>
		<description><![CDATA[<a href="http://webrulon.com/25-impressive-and-inspirational-dark-css-web-designs/"><img align="left" hspace="5" width="150" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase1.jpg" class="alignleft wp-post-image tfe" alt="Creative Dark CSS Web Designs" title="" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>Why be afraid of the dark? Sure, simple white/light backgrounds have been a mainstay of websites since Al Gore was tinkering on his Apple 2e, but dark designs can be surprisingly effective. If used correctly, it can really make your site stand out from the pack. However, knowing how to use dark backgrounds is not the easiest thing in the world. Here are 25 examples that work to help you get some idea when and how to not be afraid of the dark:</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.couchcreative.com.au');" href="http://www.couchcreative.com.au/">CouchCreative</a></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.couchcreative.com.au');" href="http://www.couchcreative.com.au/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase1.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.bthreen.com');" href="http://www.bthreen.com/chernobyl2/">The Chernobyl Nuclear Disaster</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.bthreen.com');" href="http://www.bthreen.com/chernobyl2/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase2.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.jansochor.com');" href="http://www.jansochor.com/">Jan Sochor</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.jansochor.com');" href="http://www.jansochor.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase3.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.contrast.ie');" href="http://www.contrast.ie/">Contrast</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.contrast.ie');" href="http://www.contrast.ie/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase4.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.alienworx.com');" href="http://www.alienworx.com/">Alienworx Media Solutions</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.alienworx.com');" href="http://www.alienworx.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase5.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.markdearman.com');" href="http://www.markdearman.com/">Mark Dearman</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.markdearman.com');" href="http://www.markdearman.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase6.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.baritchi.eu');" href="http://www.baritchi.eu/">BARITCHI</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.baritchi.eu');" href="http://www.baritchi.eu/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase7.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.piraja.no');" href="http://www.piraja.no/">Ole Martin Kristiansen</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.piraja.no');" href="http://www.piraja.no/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase8.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.383project.com');" href="http://www.383project.com/">383 Project</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.383project.com');" href="http://www.383project.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase9.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.madebygiant.com');" href="http://www.madebygiant.com/">GIANT Creative</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.madebygiant.com');" href="http://www.madebygiant.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase10.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.moose.as');" href="http://www.moose.as/">Moose – Creative Agency</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.moose.as');" href="http://www.moose.as/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase11.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/joshuamauldin.com');" href="http://joshuamauldin.com/">Joshua Mauldin</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/joshuamauldin.com');" href="http://joshuamauldin.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase12.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/code.razvanstavila.com');" href="http://code.razvanstavila.com/">deCode</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/code.razvanstavila.com');" href="http://code.razvanstavila.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase13.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.mediaflex.com.au');" href="http://www.mediaflex.com.au/">MediaFlex</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.mediaflex.com.au');" href="http://www.mediaflex.com.au/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase14.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.gregwallace.co.uk');" href="http://www.gregwallace.co.uk/">Greg Wallace</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.gregwallace.co.uk');" href="http://www.gregwallace.co.uk/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase15.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/design-newz.com');" href="http://design-newz.com/">Design Newz</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/design-newz.com');" href="http://design-newz.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase16.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/coda.co.za');" href="http://coda.co.za/">coda.coza</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/coda.co.za');" href="http://coda.co.za/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase17.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.ultranoir.com');" href="http://www.ultranoir.com/html/home.php#nouveautes" class="broken_link" >ultranoir</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.ultranoir.com');" href="http://www.ultranoir.com/html/home.php#nouveautes" class="broken_link" ><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase18.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.visualboxsite.com');" href="http://www.visualboxsite.com/">Visualbox</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.visualboxsite.com');" href="http://www.visualboxsite.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase19.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.takethewalk.net');" href="http://www.takethewalk.net/">Take the Walk</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.takethewalk.net');" href="http://www.takethewalk.net/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase20.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/inside.nile.ru');" href="http://inside.nile.ru/#years-2008/">Nile Inside</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/inside.nile.ru');" href="http://inside.nile.ru/#years-2008/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase21.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.tictocfamily.com');" href="http://www.tictocfamily.com/">tictoc</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.tictocfamily.com');" href="http://www.tictocfamily.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase22.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.sofasurfer.eu');" href="http://www.sofasurfer.eu/">SofaSurfer</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.sofasurfer.eu');" href="http://www.sofasurfer.eu/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase23.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/spacecollective.org');" href="http://spacecollective.org/">SpaceCollective</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/spacecollective.org');" href="http://spacecollective.org/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase24.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.elysiumburns.com');" href="http://www.elysiumburns.com/">Elysium Burns</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.elysiumburns.com');" href="http://www.elysiumburns.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase25.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5><a onclick="javascript:pageTracker._trackPageview('/outbound/article/mikeprecious.com');" href="http://mikeprecious.com/">Mike Precious</a></h5>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/mikeprecious.com');" href="http://mikeprecious.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/darkshowcase26.jpg" alt="Creative Dark CSS Web Designs" /></a></p>
<h5></h5>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/25-impressive-and-inspirational-dark-css-web-designs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>23 Brilliant Logos With Hidden Messages</title>
		<link>http://webrulon.com/23-brilliant-logos-with-hidden-messages/</link>
		<comments>http://webrulon.com/23-brilliant-logos-with-hidden-messages/#comments</comments>
		<pubDate>Sun, 02 May 2010 04:47:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Design Examples]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://webrulon.com/new/?p=278</guid>
		<description><![CDATA[<a href="http://webrulon.com/23-brilliant-logos-with-hidden-messages/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2009/10/bigten-150x150.jpg" class="alignleft wp-post-image tfe" alt="bigten" title="bigten" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>Logos aren&#8217;t always what they seem. Some contain hidden information about the brand, or iconic imagery, or even just fun and kooky stuff. Some can even be downright mysterious. Join us on a journey into the surreal world of branding as we go over 23 brilliant logos with hidden messages:</p>
<p><strong>Big Ten </strong></p>
<p><img class="alignnone size-full wp-image-2183" title="bigten" src="http://webrulon.com/wp-content/uploads/2009/10/bigten.jpg" alt="bigten" width="500" height="250" /></p>
<p>The Big Ten founded in 1896, since then it has grown to 11, with the inclusion of Penn State. Big Eleven doesn&#8217;t have the same ring to it so they embedded a hidden &#8220;11&#8243; in the text of the logo. Not bad, guys!</p>
<p><strong>Amazon.com </strong></p>
<p><img class="alignnone size-full wp-image-2184" title="amazon" src="http://webrulon.com/wp-content/uploads/2009/10/amazon.jpg" alt="amazon" width="500" height="250" /></p>
<p>Nothing too overt here, but see that yellow swoosh? It&#8217;s there to indicate their unabiding love of customer satisfaction. Also, it indicates that they have everything under the sun, or everything from &#8220;A to Z.&#8221;</p>
<p><strong>Eighty-20</strong></p>
<p><strong><img class="alignnone size-full wp-image-2185" title="eighty20" src="http://webrulon.com/wp-content/uploads/2009/10/eighty20.jpg" alt="eighty20" width="500" height="250" /></strong></p>
<p>Eighty-20 is a small consulting firm. Most people think that the logo has nothing to do with the brand name. But the trick is to view the dark squares as 1’s and the light squares as 0’s. Then the top line reads 1010000 and the bottom line reads 0010100, which represent 80 and 20 in binary.</p>
<p><strong>FedEx </strong></p>
<p><img class="alignnone size-full wp-image-2186" title="fedex" src="http://webrulon.com/wp-content/uploads/2009/10/fedex.jpg" alt="fedex" width="500" height="250" /></p>
<p>If you look ever so closely, you can see an arrow formed by the letters &#8220;E&#8221; and &#8220;X.&#8221; Why the arrow? Speed and precision, of course. FedEx love both of those things more than I love pizza.And that&#8217;s saying something.</p>
<p><strong>Continental </strong></p>
<p><img class="alignnone size-full wp-image-2187" title="continental" src="http://webrulon.com/wp-content/uploads/2009/10/continental.jpg" alt="continental" width="500" height="250" /></p>
<p>This is the tire company, not the airline. Notice how the &#8220;C&#8221; and &#8220;O&#8221; form a tire. It&#8217;s a bonafide 3D image. I&#8217;m not how how two letters could form an airplane, though. Sorry other Continental.</p>
<p><strong>Toblerone </strong></p>
<p><img class="alignnone size-full wp-image-2188" title="toblerone" src="http://webrulon.com/wp-content/uploads/2009/10/toblerone.jpg" alt="toblerone" width="500" height="250" /></p>
<p>Toblerone is a chocolate-company from Bern, Switzerland. Bern is sometimes called ‘The City Of Bears’. See the bear hidden in the mountain, poised to strike? Stephen Colbert would not be happy with this one.</p>
<p><strong>Baskin Robbins </strong></p>
<p><img class="alignnone size-full wp-image-2189" title="baskin-robbins" src="http://webrulon.com/wp-content/uploads/2009/10/baskin-robbins.jpg" alt="baskin-robbins" width="500" height="250" /></p>
<p>This old logo from the popular ice cream chain features the numbers 31 hidden in the letters. That was to indicate how many flavors they offered up at the time. They have more now, sigh. Innovation ruins everything.</p>
<p><strong>Sony Vaio </strong></p>
<p><img class="alignnone size-full wp-image-2190" title="vaio" src="http://webrulon.com/wp-content/uploads/2009/10/vaio.jpg" alt="vaio" width="500" height="250" /></p>
<p>Sony Vaio is a well known brand of laptops. But did you know that the name Vaio logo also had a hidden meaning? Well, the first two letters represent the basic analogue signal. The last two letters look like a 1 and 0, representing the digital signal. Computer geeks, rejoice!</p>
<p><strong>Eight</strong></p>
<p><img class="alignnone size-full wp-image-2191" title="eight1" src="http://webrulon.com/wp-content/uploads/2009/10/eight1.jpg" alt="eight1" width="500" height="250" /></p>
<p>Every single letter and every single piece of information in this logo is made of the letter 8. Kind of cool, right?</p>
<p><strong>Carrefour</strong></p>
<p><strong><img class="alignnone size-full wp-image-2192" title="carrefour" src="http://webrulon.com/wp-content/uploads/2009/10/carrefour.jpg" alt="carrefour" width="500" height="250" /></strong></p>
<p>Carrefour is a huge European retailer. Also, the word means &#8220;crossroads&#8221; in French. The whole logo sort of resembles a crossroads and the letter &#8220;C&#8221; is hidden in one of the spaces.</p>
<p><strong>Roxy </strong></p>
<p><img class="alignnone size-full wp-image-2193" title="roxy" src="http://webrulon.com/wp-content/uploads/2009/10/roxy.jpg" alt="roxy" width="500" height="250" /></p>
<p>Roxy is a company that makes snowboarding and skateboarding equipment and clothing intended for girls. The company is a derivative of the Quiksilver brand and if you look closely, you&#8217;ll see the Roxy logo is just two Quiksilver logos squished together.</p>
<p><strong>Unilever </strong></p>
<p><img class="alignnone size-full wp-image-2194" title="unilever" src="http://webrulon.com/wp-content/uploads/2009/10/unilever.jpg" alt="unilever" width="500" height="250" /></p>
<p>Unilever is one of those companies that rule the world by making just about everything imaginable. Every object embedded in the &#8220;U&#8221; represents something the company makes. For example: the heart represents love, care and health -  feeling good, a bird is a symbol of freedom.</p>
<p><strong>Northwest Airlines</strong></p>
<p><img class="alignnone size-full wp-image-2195" title="northwestairlines" src="http://webrulon.com/wp-content/uploads/2009/10/northwestairlines.jpg" alt="northwestairlines" width="500" height="250" />http://webrulon.com/wp-admin/post.php?action=edit&amp;post=278</p>
<p>This logo has all kinds of cool stuff going on. Firstly, the letters &#8220;N&#8221; and &#8220;W&#8221; are hidden in the circle to the left of the brand name. Also, less obvious, is the circle makes a compass that is pointing towards the northwest. Pretty sneaky, guys!</p>
<p><strong>Milwaukee Brewers </strong></p>
<p><img class="alignnone size-full wp-image-2196" title="milwaukee" src="http://webrulon.com/wp-content/uploads/2009/10/milwaukee.jpg" alt="milwaukee" width="500" height="250" /></p>
<p>The fabulous Milwaukee Brewers have a neat little logo going on here. The glove is actually formed using the letters &#8220;M&#8221; and &#8220;B.&#8221; These two letters, for the totally clueless, are the letters that start each word of their name.</p>
<p><strong>Hartford Whalers </strong></p>
<p><img class="alignnone size-full wp-image-2197" title="hartfordwhalers" src="http://webrulon.com/wp-content/uploads/2009/10/hartfordwhalers.jpg" alt="hartfordwhalers" width="500" height="250" /></p>
<p>Another day, another professional sports team. This logo also uses a negative space to create the letter H. You can see three different parts: the letter H and W and a whale’s tail in blue.</p>
<p><strong>Tostitos </strong></p>
<p><img class="alignnone size-full wp-image-2198" title="tostitos" src="http://webrulon.com/wp-content/uploads/2009/10/tostitos.jpg" alt="tostitos" width="500" height="250" /></p>
<p>The middle letters here actually form two people enjoying chips and salsa. Kind of cool. This is used to represent the oh so social nature of the popular corn chip brand. Chips ARE fun, though.</p>
<p><strong>Formula 1 </strong></p>
<p><img class="alignnone size-full wp-image-2199" title="formula1" src="http://webrulon.com/wp-content/uploads/2009/10/formula1.jpg" alt="formula1" width="500" height="250" /></p>
<p>This logo, first and foremost, communicates the feeling of speed. That&#8217;s because Formula 1 is a racing organization, duh! Also, there is a &#8220;1&#8243; hidden in the negative space between the two characters. Vroom, vroom.</p>
<p><strong>Elefont </strong></p>
<p><img class="alignnone size-full wp-image-2201" title="elefont" src="http://webrulon.com/wp-content/uploads/2009/10/elefont.jpg" alt="elefont" width="500" height="250" /></p>
<p>Think you are looking at a simple ole &#8220;E?&#8221; Think again. Thar be an elephant trunk hidden in that letter. And as we all know, elephants never forget.</p>
<p><strong>Sun Microsystems</strong></p>
<p><strong><img title="sunmicrosystems" src="http://theroxor.com/wp-content/uploads/sunmicrosystems.jpg" alt="sunmicrosystems" width="500" height="250" /></strong></p>
<p>The Sun logo is one of the most famous ambigrams in the world. You can read the brand name in every direction; both horizontally and vertically. This logo was designed by professor Vaughan Pratt of the Stanford University. In that case you hadn&#8217;t figured out, he&#8217;s pretty smart.</p>
<p><strong>NBC</strong></p>
<p><img title="nbc" src="http://theroxor.com/wp-content/uploads/nbc.jpg" alt="nbc" width="500" height="250" /></p>
<p>NBC may have fallen on hard times, but their logo is still as timeless as they come. I think most of you have already seen the peacock in this logo. The peacock has 6 different tail feathers, referring to the six divisions at the time that this logo was created. The peacock’s head is  flipped to the right to suggest it was looking forward. Never look back.</p>
<p><strong>GreenLabs</strong></p>
<p><img title="greenlabs" src="http://theroxor.com/wp-content/uploads/greenlabs.jpg" alt="greenlabs" width="500" height="250" /></p>
<p>I know this logo looks like a simple, boring green tree, but if you look at the tree crown, you’ll see that it can also be interpreted as a brain. The logo lays emphasis on the strong intellectual capabilities of the company’s staff and also reflects ‘green’ and ‘labs’ parts of their name.</p>
<p><strong>Presbyterian Logo</strong></p>
<p><img title="presby" src="http://theroxor.com/wp-content/uploads/presby.jpg" alt="presby" width="500" height="250" /></p>
<p>If you think the previous logos were rife with double and triple meanings, then take a look at this one. It’s the seal of the Presbyterian church and it has several hidden messages. There are too many to name here, so  take a look at this <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.pcusa.org');" href="http://www.pcusa.org/oga/seal.htm" target="_blank">article</a>.</p>
<p><strong>Twins</strong></p>
<p><img title="twins" src="http://theroxor.com/wp-content/uploads/twins.jpg" alt="twins" width="500" height="250" /></p>
<p>Notice the hidden &#8220;2&#8243; inside the letter &#8220;N.&#8221; That&#8217;s because, according to myth, a set of twins comes to around two. The bold type face is also used to show the boldness of the company&#8217;s ideas. I wonder if one arm of the company can feel when the other arm is in pain or something. Get it? That&#8217;s what twins experience.</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/23-brilliant-logos-with-hidden-messages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>21 Typography and Font Web Apps You Can’t Live Without</title>
		<link>http://webrulon.com/21-typography-and-font-web-apps-you-can%e2%80%99t-live-without/</link>
		<comments>http://webrulon.com/21-typography-and-font-web-apps-you-can%e2%80%99t-live-without/#comments</comments>
		<pubDate>Fri, 30 Apr 2010 02:11:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Design Examples]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://webrulon.com/new/?p=857</guid>
		<description><![CDATA[<a href="http://webrulon.com/21-typography-and-font-web-apps-you-can%e2%80%99t-live-without/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/04/TypeChart-150x150.png" class="alignleft wp-post-image tfe" alt="TypeChart" title="TypeChart" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>Typography is the best, isn&#8217;t it? But it&#8217;s a field that is always growing, always changing. In short, we need apps! Apps! Apps! Luckily, the web is filled with tons of helpful typography and font apps that are just a hop, skip and a jump away. Here are 21 of the absolute greatest:</p>
<p><img class="alignnone size-full wp-image-2054" title="TypeChart" src="http://webrulon.com/wp-content/uploads/2010/04/TypeChart.png" alt="TypeChart" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.typechart.com');" href="http://www.typechart.com/">Typechart</a> -T ypechart allows you to flip through, preview and compare web typography while retrieving the CSS feed. Not bad. It also lets you browse through just about any style and download the CSS of the style you choose. Truly a handy little tool.</p>
<p><img class="alignnone size-full wp-image-2055" title="CSS Type Set" src="http://webrulon.com/wp-content/uploads/2010/04/CSS-Type-Set.png" alt="CSS Type Set" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/csstypeset.com');" href="http://csstypeset.com/">CSS Type Set</a>. &#8211; This fantastic set of tools lets you type in your desired text, and then play about with the hundreds of possible CSS permutations. When you find the one you like, simply paste the CSS into your stylesheet. Simple and effective.</p>
<p><img class="alignnone size-full wp-image-2056" title="Typetester" src="http://webrulon.com/wp-content/uploads/2010/04/Typetester.png" alt="Typetester" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.typetester.org');" href="http://www.typetester.org/">Typetester</a>. &#8211; Typetester is an online app for comparing different fonts for the screen. Test three fonts at once and pick which one you like the best. Thus the name. It&#8217;s not a fancy app but it does make the life of a web designer a bit easier. That&#8217;s the goal isn&#8217;t it?</p>
<p><img class="alignnone size-full wp-image-2057" title="STC FontBROWSER" src="http://webrulon.com/wp-content/uploads/2010/04/STC-FontBROWSER.png" alt="STC FontBROWSER" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.stcassociates.com');" href="http://www.stcassociates.com/lab/fontbrowser.html">STC fontBROWSER</a>. &#8211; STC fontBROWSER is an online tool for browsing various fonts and then seeing how your text looks with each selection. Pretty handy for those times when you just can&#8217;t seem to make up your mind.</p>
<p><img class="alignnone size-full wp-image-2058" title="Font Tester" src="http://webrulon.com/wp-content/uploads/2010/04/Font-Tester.png" alt="Font Tester" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.fonttester.com');" href="http://www.fonttester.com/">Font Tester</a>. &#8211; This is an online font comparison tool. It&#8217;s free and rather usef ul. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them. Not bad. Not bad.</p>
<p><img class="alignnone size-full wp-image-2059" title="CSSTxt" src="http://webrulon.com/wp-content/uploads/2010/04/CSSTxt.png" alt="CSSTxt" width="292" height="153" /></p>
<p><a href="http://www.csstxt.com">CSStxt</a> &#8211; CSSTXT is an online generator for creating CSS clocks of text. Choose from letter-spacing, word-spacing, font-size, line-height, border, font-size, font-family, align, and even color. It truly is the Godfather of CSS text generators.</p>
<p><img class="alignnone size-full wp-image-2060" title="WhatTheFont" src="http://webrulon.com/wp-content/uploads/2010/04/WhatTheFont.png" alt="WhatTheFont" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.myfonts.com');" href="http://www.myfonts.com/WhatTheFont/">WhatTheFont</a>. &#8211; This is beyond cool. Ever wonder what the font is in your favorite publication, album cover etc? Just scan the image and plug it in to this website and let them do the foot work. Amazing!</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/richardsprojects.co.uk');" href="http://richardsprojects.co.uk/products/font-picker/">Font Picker</a>. &#8211; This tool simply analyzes your computer and yells you what fonts you have, then narrows down the field to help you pick out the right one for any given task.</p>
<p><img class="alignnone size-full wp-image-2062" title="Wordle" src="http://webrulon.com/wp-content/uploads/2010/04/Wordle.png" alt="Wordle" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.wordle.net');" href="http://www.wordle.net/">Wordle – Beautiful Word Clouds</a>. &#8211; Wordle is an app for generating “word clouds” from the text that you provide. These clouds give greatere importance to words that appear more often. You can tweak the results by size, color or any other number of ways. At first it may seem like a toy but there is some other stuff going on here.</p>
<p><img class="alignnone size-full wp-image-2063" title="Typotheque" src="http://webrulon.com/wp-content/uploads/2010/04/Typotheque.png" alt="Typotheque" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.typotheque.com');" href="http://www.typotheque.com/PDF_font_tester">Typotheque Hi-Res FontTester</a>. &#8211; This tests the fonts available on the Typotheque website in a variety of useful and fun ways. Again, it&#8217;s limited to fonts available for purchase on their website so it&#8217;s not as useful as it could be but it&#8217;s certainly worth a look, especially if you do a lot of your font shopping via Typotheque anyways.</p>
<p><img class="alignnone size-full wp-image-2064" title="Linotype" src="http://webrulon.com/wp-content/uploads/2010/04/Linotype.png" alt="Linotype" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.linotype.com');" href="http://www.linotype.com/fontidentifier.html">Linotype Font Finder</a>. &#8211; This useul app asks you a series of questions and then slowly, but surely, ascertains the right font for you to use. It&#8217;s sort of the therapist of the font-finding world. Very useful, once you get rid of your inhibitions and give it a try.</p>
<p><img class="alignnone size-full wp-image-2065" title="Font Burner" src="http://webrulon.com/wp-content/uploads/2010/04/Font-Burner.png" alt="Font Burner" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.fontburner.com');" href="http://www.fontburner.com/">Font Burner</a>. &#8211; Font burner, simply put, makes it easy for you to increase the number of fonts available to you in your website. Sometimes this can be tricky, with several of the big name blogging programs not having that great of a font lineup. Font Burner gets you back to the starting line by adding a simple block of code to your site that bypasses that limiting architecture. Amazingly useful and a must have.</p>
<p><img class="alignnone size-full wp-image-2066" title="sIFR" src="http://webrulon.com/wp-content/uploads/2010/04/sIFR.png" alt="sIFR" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.mikeindustries.com');" href="http://www.mikeindustries.com/blog/sifr/">sIFR</a>. &#8211; sIFR is similar to Font Burner. It is an app to insert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics. Scalable Inman Flash Replacement or sIFRfor short. How cute!</p>
<p><img class="alignnone size-full wp-image-2067" title="Identifont" src="http://webrulon.com/wp-content/uploads/2010/04/Identifont.png" alt="Identifont" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.identifont.com');" href="http://www.identifont.com/">Identifont </a>. &#8211; Similar to the Typotheque app above, this program asks you a series of questions and then attempts to find the font for you. It also allows you to type any font&#8217;s name into an engine that will return sample text.</p>
<p><img class="alignnone size-full wp-image-2068" title="TypeNavigator" src="http://webrulon.com/wp-content/uploads/2010/04/TypeNavigator.png" alt="TypeNavigator" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/typenav.fontshop.com');" href="http://typenav.fontshop.com/">TypeNavigator</a>. &#8211; This is a visual font tool that is fully interactive. It lets you find that perfect font that&#8217;s hiding out in your brain, through a series of questions, illustrations and examples. It&#8217;s an absolutely stellar tool worth at least one visit.</p>
<p><img class="alignnone size-full wp-image-2069" title="PX to EM conversion" src="http://webrulon.com/wp-content/uploads/2010/04/PX-to-EM-conversion.png" alt="PX to EM conversion" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/pxtoem.com');" href="http://pxtoem.com/">PXtoEM Conversion</a>. &#8211; This is much more than just a simple PX  to EM converter. Click the convert button at the top of the page and select your body font size, and then you have the conversion based on that size. Then click the CSS button at the top of the page you will be presented with the CSS code based on your conversion. There&#8217;s also the option for a totally custom conversion. Simply put, this is a great tool.</p>
<p><img class="alignnone size-full wp-image-2070" title="EM Calculator" src="http://webrulon.com/wp-content/uploads/2010/04/EM-Calculator.png" alt="EM Calculator" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/riddle.pl');" href="http://riddle.pl/emcalc/">Em Calculator</a>. &#8211; Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative EM units. EM units, as everyone knows, are based on text size. No, I did not Google that. Ok, I did. Sigh.</p>
<p><img class="alignnone size-full wp-image-2071" title="Baseline Calculator" src="http://webrulon.com/wp-content/uploads/2010/04/Baseline-Calculator.png" alt="Baseline Calculator" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/topfunky.com');" href="http://topfunky.com/baseline-rhythm-calculator/">Baseline Rhythm Calculator</a>. &#8211; Type in your base Font Size (in px) and then type in your Base Line Height (Rhythm, in px.) The text on the page will then automatically change like magic according to your settings. It will also generate the CSS code for you.</p>
<p><img class="alignnone size-full wp-image-2072" title="Fontifier" src="http://webrulon.com/wp-content/uploads/2010/04/Fontifier.png" alt="Fontifier" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.fontifier.com');" href="http://www.fontifier.com/">Fontifier</a>. &#8211; Fontifier turns a scanned sample of your handwriting into a handwriting font that you can use in your word processor or graphics program, just like regular fonts such as Helvetica or Arial Sans. Of course, this does not work if your handwriting is illegible. Better work on that, Dr. House.</p>
<p><img class="alignnone size-full wp-image-2073" title="BitfontMaker" src="http://webrulon.com/wp-content/uploads/2010/04/BitfontMaker.png" alt="BitfontMaker" width="292" height="153" /></p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.pentacom.jp');" href="http://www.pentacom.jp/soft/ex/font/edit.html">FontEditor BitfontMaker</a>. &#8211; BitfontMaker is an online app for creating your own fonts. This is a very easy and forgiving program. Perfect for &#8220;newbs&#8221; to the world of font making.Yes, that mean&#8217;s you.</p>
<p><img class="alignnone size-full wp-image-2074" title="Typotheque2" src="http://webrulon.com/wp-content/uploads/2010/04/Typotheque2.png" alt="Typotheque2" width="292" height="153" /><br />
<a href="http://www.typotheque.com/type_utilities/dancewriter"></a></p>
<p><a href="http://www.typotheque.com/type_utilities/dancewriter">Typotheque</a> &#8211; Typotheque isn&#8217;t totally useful, but it sure is cool. With your mouse click the letters on the visual keyboard and you have a man on screen who dances that particular letter. It simply must be seen to be believed.</p>
<p>Well, that&#8217;s it! Get to clicking and soon your typography and font skills will soar to all new heights.</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/21-typography-and-font-web-apps-you-can%e2%80%99t-live-without/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20 Inspirational Resources for Logos and Logotypes – Get Creative!</title>
		<link>http://webrulon.com/20-inspirational-resources-fo-logos-and-logotypes-%e2%80%93-get-creative/</link>
		<comments>http://webrulon.com/20-inspirational-resources-fo-logos-and-logotypes-%e2%80%93-get-creative/#comments</comments>
		<pubDate>Thu, 29 Apr 2010 00:44:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Design Examples]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Logo]]></category>

		<guid isPermaLink="false">http://webrulon.com/new/?p=854</guid>
		<description><![CDATA[<a href="http://webrulon.com/20-inspirational-resources-fo-logos-and-logotypes-%e2%80%93-get-creative/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/04/logoed-150x150.png" class="alignleft wp-post-image tfe" alt="logoed" title="logoed" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>It&#8217;s easy to get logo design writer&#8217;s block. It all starts to look the same and nothing captures that &#8220;oomph&#8221; that you are looking for. Am I right? Well, don&#8217;t worry. WebRulon is here to help. Here are twenty websites that will give you so much design inspiration, you may just become an insomniac. That&#8217;s because, um, you&#8217;ll be working so hard.</p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.logoed.co.uk');" href="http://www.logoed.co.uk/blog/">logoed</a></h3>
<p><img class="alignnone size-full wp-image-2038" title="logoed" src="http://webrulon.com/wp-content/uploads/2010/04/logoed.png" alt="logoed" width="490" height="265" /></p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.faveup.com');" href="http://www.faveup.com/">FAVEUP – Logos</a></h3>
<p><img class="alignnone size-full wp-image-2039" title="Faveup" src="http://webrulon.com/wp-content/uploads/2010/04/Faveup.png" alt="Faveup" width="490" height="265" /></p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.underconsideration.com');" href="http://www.underconsideration.com/brandnew/">Brand New – Opinions on Corporate and Brand Identity Work</a></h3>
<p><img class="alignnone size-full wp-image-2040" title="Brand New" src="http://webrulon.com/wp-content/uploads/2010/04/Brand-New.png" alt="Brand New" width="490" height="265" /></p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.logodesignlove.com');" href="http://www.logodesignlove.com/">Logo Design Love</a></h3>
<p><img class="alignnone size-full wp-image-2041" title="Logo Design Love" src="http://webrulon.com/wp-content/uploads/2010/04/Logo-Design-Love.png" alt="Logo Design Love" width="490" height="265" /></p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.logosauce.com');" href="http://www.logosauce.com/" class="broken_link" >LogoSauce</a></h3>
<p><img class="alignnone size-full wp-image-2042" title="Logosauce" src="http://webrulon.com/wp-content/uploads/2010/04/Logosauce.png" alt="Logosauce" width="490" height="265" /></p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.logo-inspiration.de');" href="http://www.logo-inspiration.de/">Logo-Inspiration.de</a></h3>
<p><img class="alignnone size-full wp-image-2043" title="Logo Inspiration.de" src="http://webrulon.com/wp-content/uploads/2010/04/Logo-Inspiration.de_.png" alt="Logo Inspiration.de" width="490" height="265" /></p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/browse.deviantart.com');" href="http://browse.deviantart.com/designs/logos/">deviantART – Logos</a></h3>
<p><img class="alignnone size-full wp-image-2044" title="DeviantArt Logos" src="http://webrulon.com/wp-content/uploads/2010/04/DeviantArt-Logos.png" alt="DeviantArt Logos" width="490" height="265" /></p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/identityworks.com');" href="http://identityworks.com/">Identityworks</a></h3>
<p><img class="alignnone size-full wp-image-2045" title="IdentityWorks" src="http://webrulon.com/wp-content/uploads/2010/04/IdentityWorks.png" alt="IdentityWorks" width="490" height="265" /></p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.identityarchives.com');" href="http://www.identityarchives.com/index.php">The Identity Archives Project</a></h3>
<p><img class="alignnone size-full wp-image-2046" title="IdentityArchiveProject" src="http://webrulon.com/wp-content/uploads/2010/04/IdentityArchiveProject.png" alt="IdentityArchiveProject" width="490" height="265" /></p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.logolounge.com');" href="http://www.logolounge.com/" class="broken_link" >LogoLounge.Com</a></h3>
<p><img class="alignnone size-full wp-image-2047" title="LogoLounge" src="http://webrulon.com/wp-content/uploads/2010/04/LogoLounge.png" alt="LogoLounge" width="490" height="265" /></p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.logotwo.com');" href="http://www.logotwo.com/">Web2.0 Logo Showcase</a></h3>
<p><img class="alignnone size-full wp-image-2048" title="Web-2.0-Logo-Showcase" src="http://webrulon.com/wp-content/uploads/2010/04/Web-2.0-Logo-Showcase.png" alt="Web-2.0-Logo-Showcase" width="490" height="265" /></p>
<h3><a onclick="javascript:pageTracker._trackPageview('/outbound/article/logopond.com');" href="http://logopond.com/">Logopond</a></h3>
<p><img class="alignnone size-full wp-image-2049" title="Logopond" src="http://webrulon.com/wp-content/uploads/2010/04/Logopond.png" alt="Logopond" width="490" height="256" /></p>
<h3>Flickr Logo Inspiration Groups</h3>
<p><img class="alignnone size-full wp-image-2051" title="flickr logo" src="http://webrulon.com/wp-content/uploads/2010/04/flickr-logo.jpg" alt="flickr logo" width="450" height="337" /></p>
<p><strong></strong><strong>~</strong> <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.flickr.com');" href="http://www.flickr.com/groups/logodesign/">Flickr: Design the Logo</a><br />
<strong>~</strong> <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.flickr.com');" href="http://www.flickr.com/groups/randomlogoproject/">Flickr: The Random Logo Project</a><br />
<strong>~</strong> <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.flickr.com');" href="http://www.flickr.com/groups/famousbrands/">Flickr: Brands, Marks and Logos</a><br />
<strong>~</strong> <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.flickr.com');" href="http://www.flickr.com/groups/badlogos/">Flickr: Worst. Logo. Ever.</a><br />
<strong>~</strong> <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.flickr.com');" href="http://www.flickr.com/groups/lalogotheque/">Flickr: Logos Logos Logos !!!</a><br />
<strong>~</strong> <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.flickr.com');" href="http://www.flickr.com/groups/666816@N24/">Flickr: Soccer Teams Logos from all the world</a><br />
<strong>~</strong> <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.flickr.com');" href="http://www.flickr.com/groups/identitydesign/">Flickr: Identity + Logo Design</a><br />
<strong>~</strong> <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.flickr.com');" href="http://www.flickr.com/groups/web20logo/">Flickr: Web 2.0 logo</a></p>
<p>Thanks for reading and if you have any more resources you think would be of great interest to our readership, please drop them in the comment box!</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/20-inspirational-resources-fo-logos-and-logotypes-%e2%80%93-get-creative/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A trio of helpful Adobe Photoshop tutorial sites to help hone your skills</title>
		<link>http://webrulon.com/a-trio-of-helpful-adobe-photoshop-tutorial-sites-to-help-hone-your-skills/</link>
		<comments>http://webrulon.com/a-trio-of-helpful-adobe-photoshop-tutorial-sites-to-help-hone-your-skills/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 03:05:18 +0000</pubDate>
		<dc:creator>Lawrence Bonk</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=1735</guid>
		<description><![CDATA[<a href="http://webrulon.com/a-trio-of-helpful-adobe-photoshop-tutorial-sites-to-help-hone-your-skills/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/01/photoshop-resources-150x150.png" class="alignleft wp-post-image tfe" alt="Photoshop Resources " title="" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p><img class="alignnone size-full wp-image-1736" src="http://webrulon.com/wp-content/uploads/2010/01/photoshop-resources.png" alt="Photoshop Resources " width="424" height="424" /></p>
<p>Love Photoshop? Of course you do! But, who among us can say we are the world&#8217;s most renowned expert on the popular photo adjusting program? Who among us can say we no longer have anything left to learn? None of us. That&#8217;s right. You heard me. We all could stand to learn a thing or three. The program can do a lot, yaknow?</p>
<p>To help with this self-imposed education, here are a trio of helpful websites that focus on Photoshop tutorials.</p>
<p><a href="http://photoshoptutorials.ws/">Photoshop Tutorials.ws</a></p>
<p><a href="http://www.photoshoplady.com/">Photoshop Lady</a></p>
<p><a href="http://www.good-tutorials.com/">Good Tutorials</a></p>
<p>Check them out and don&#8217;t forget to email your teacher an apple. It&#8217;d be the proper thing to do.</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/a-trio-of-helpful-adobe-photoshop-tutorial-sites-to-help-hone-your-skills/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
