<!DOCTYPE html>

<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>adbdat - Home</title>
<meta charset="utf-8" />



<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<link href="/assets/application-698365a47725925f1014d9f3355482e9.css" media="screen" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&amp;subset=latin' rel='stylesheet' type='text/css'>
<script type="91a89db2af5700dbf4d74e2a-text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script',('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js','ga');
ga('create','UA-95902-14','auto');
ga('send','pageview');
</script>
<link href="/assets/favicon-1b56cca657e8e407d3c2ca987c6a7ae3.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<meta content="authenticity_token" name="csrf-param" />
<meta content="1Cq4RUo2gLvTjU2vBjIa8BqJ2tZvnxlBAmNRgfs1Fos=" name="csrf-token" />
</head>
<body>

<div id="top-wrapper" class="darkblue">
<div class="grid-container">
<header class="grid-20 mobile-grid-100">
<a href="http://adbdat.net/" id="logo">ADBDAT</a>
<p id="menu-button" class="hide-on-desktop"><i class="icon-reorder"></i></p>
</header>
<nav class="grid-80 mobile-grid-100">
<ul id="menu">
<li><a href="http://adbdat.net/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
<li><a class="fa fa-sign-in" href="/login" title="Login"></a></li>
<li><a class="fa fa-rss" href="http://adbdat.net/articles.atom"></a></li>
</ul>
</nav>
</div>
</div>

<section class="body">

<div class="colored-stripe white">

<div class="grid-container">
<div class="grid-100 mobile-grid-100 post-container">

<div class="grid-50">
<a href="/bar-sign">
<div class="image-container">
<div class="overlay">
<p class="overlay-icon"><i class="fa fa-search"></i></p>
</div>
<img alt="Thumb m9z7vl8" class="thumb-image" src="https://s3.amazonaws.com/adbdat_images/uploads/thumb_m9z7vl8.jpg" />
</div>
</a> </div>


<div class="grid-40 push-10">
<div class="grid-100 grid-parent">
<a href="/bar-sign">
<div class="grid-20 grid-parent mobile-grid-20">
<p class="post-date greensea">
<span class="post-day">14</span>
<span class="post-month">AUG</span>
<span class="post-year">2015</span>
</p>
</div>
<div class="grid-80 mobile-grid-80">
<h3 class="post-title preview-post-title">Bar Sign</h3>

</div>
</a> </div>
<p class="text preview-post"><img src="https://s3.amazonaws.com/adbdat_images/uploads/m9z7vl8.jpg"></p>
<div class="grid-100 grid-parent ">
<div class="grid-50 grid-parent margin-right">
<a class="button greensea" href="/bar-sign">Continue reading</a>
</div>
</div>
</div>

</div>
<div class="grid-100 mobile-grid-100 post-container">

<div class="grid-50">
<a href="/tip">
<div class="image-container">
<div class="overlay">
<p class="overlay-icon"><i class="fa fa-search"></i></p>
</div>
<img alt="Thumb ubccobs" class="thumb-image" src="https://s3.amazonaws.com/adbdat_images/uploads/thumb_UBcCOBs.jpg" />
</div>
</a> </div>


<div class="grid-40 push-10">
<div class="grid-100 grid-parent">
<a href="/tip">
<div class="grid-20 grid-parent mobile-grid-20">
<p class="post-date greensea">
<span class="post-day">22</span>
<span class="post-month">FEB</span>
<span class="post-year">2015</span>
</p>
</div>
<div class="grid-80 mobile-grid-80">
<h3 class="post-title preview-post-title">Tip</h3>

</div>
</a> </div>
<p class="text preview-post"><img src="https://s3.amazonaws.com/adbdat_images/uploads/UBcCOBs.jpg" /></p>
<div class="grid-100 grid-parent ">
<div class="grid-50 grid-parent margin-right">
<a class="button greensea" href="/tip">Continue reading</a>
</div>
</div>
</div>

</div>
<div class="grid-100 mobile-grid-100 post-container">

<div class="grid-50">
<a href="/parking-schedule-re-imagined">
<div class="image-container">
<div class="overlay">
<p class="overlay-icon"><i class="fa fa-search"></i></p>
</div>
<img alt="Thumb web smith redesign d70dd87c541e46e312175c60c6b91150cc16c78d s40 c85" class="thumb-image" src="https://s3.amazonaws.com/adbdat_images/uploads/thumb_web-smith-redesign-d70dd87c541e46e312175c60c6b91150cc16c78d-s40-c85.jpg" />
</div>
</a> </div>


<div class="grid-40 push-10">
<div class="grid-100 grid-parent">
<a href="/parking-schedule-re-imagined">
<div class="grid-20 grid-parent mobile-grid-20">
<p class="post-date greensea">
<span class="post-day">03</span>
<span class="post-month">NOV</span>
<span class="post-year">2014</span>
</p>
</div>
<div class="grid-80 mobile-grid-80">
<h3 class="post-title preview-post-title">Parking Schedule Re-imagined</h3>

</div>
</a> </div>
<p class="text preview-post">Put some thought into our life. No worries about when or how to interpret the signs on the road, or worse if the person that will give you a ticket understands what it means. When there are more then 2 signs, rethink the goal and create a simple sign like this.
<img src="http://media.npr.org/assets/img/2014/10/30/web-smith-redesign-d70dd87c541e46e312175c60c6b91150cc16c78d-s40-c85.jpg" /></p>
<div class="grid-100 grid-parent ">
<div class="grid-50 grid-parent margin-right">
<a class="button greensea" href="/parking-schedule-re-imagined">Continue reading</a>
</div>
</div>
</div>

</div>
<div class="grid-100 mobile-grid-100 post-container">

<div class="grid-50">
<a href="/pursuit-of-a-great-design">
<div class="image-container">
<div class="overlay">
<p class="overlay-icon"><i class="fa fa-search"></i></p>
</div>
<img alt="Post1big" class="thumb-image" src="/assets/post1big-a0a6f57512f76bef10b0ecc0b6d9d723.jpg" />
</div>
</a> </div>


<div class="grid-40 push-10">
<div class="grid-100 grid-parent">
<a href="/pursuit-of-a-great-design">
<div class="grid-20 grid-parent mobile-grid-20">
<p class="post-date greensea">
<span class="post-day">28</span>
<span class="post-month">SEP</span>
<span class="post-year">2014</span>
</p>
</div>
<div class="grid-80 mobile-grid-80">
<h3 class="post-title preview-post-title">Pursuit of a great design</h3>

</div>
</a> </div>
<p class="text preview-post">When you do things right, people won't be sure you've done anything at all. </p>
<div class="grid-100 grid-parent ">
<div class="grid-50 grid-parent margin-right">
<a class="button greensea" href="/pursuit-of-a-great-design">Continue reading</a>
</div>
</div>
</div>

</div>
<div class="grid-100 mobile-grid-100 post-container">

<div class="grid-50">
<a href="/design-quote">
<div class="image-container">
<div class="overlay">
<p class="overlay-icon"><i class="fa fa-search"></i></p>
</div>
<img alt="Post1big" class="thumb-image" src="/assets/post1big-a0a6f57512f76bef10b0ecc0b6d9d723.jpg" />
</div>
</a> </div>


<div class="grid-40 push-10">
<div class="grid-100 grid-parent">
<a href="/design-quote">
<div class="grid-20 grid-parent mobile-grid-20">
<p class="post-date greensea">
<span class="post-day">26</span>
<span class="post-month">SEP</span>
<span class="post-year">2014</span>
</p>
</div>
<div class="grid-80 mobile-grid-80">
<h3 class="post-title preview-post-title">Design Quote</h3>

</div>
</a> </div>
<p class="text preview-post">When you want to make a compelling and overall great interface, remember this quote:
<br /><br />
<strong>“Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away.”</strong>
<br /><br />
– Antoine de Saint-Exupery
<br /><br />
Having less is not less valuable. It's ok to have blank areas. When others ask about the blank spaces, it's a seperator and content focus technique. At first you'll fail to have nothing, but that's not the goal. Keep working at it and take away pieces and components until it's just right. Look at your competitors and see how they don't know what they want to tell you so they add everything they can think of. Clear focused design intent.</p>
<div class="grid-100 grid-parent ">
<div class="grid-50 grid-parent margin-right">
<a class="button greensea" href="/design-quote">Continue reading</a>
</div>
</div>
</div>

</div>
<div class="grid-100 mobile-grid-100 post-container">

<div class="grid-50">
<a href="/4">
<div class="image-container">
<div class="overlay">
<p class="overlay-icon"><i class="fa fa-search"></i></p>
</div>
<img alt="Thumb 6zyjbyp" class="thumb-image" src="https://s3.amazonaws.com/adbdat_images/uploads/thumb_6zyjBYp.jpg" />
</div>
</a> </div>


<div class="grid-40 push-10">
<div class="grid-100 grid-parent">
<a href="/4">
<div class="grid-20 grid-parent mobile-grid-20">
<p class="post-date greensea">
<span class="post-day">20</span>
<span class="post-month">SEP</span>
<span class="post-year">2014</span>
</p>
</div>
<div class="grid-80 mobile-grid-80">
<h3 class="post-title preview-post-title">Table Design</h3>

</div>
</a> </div>
<p class="text preview-post">I like how the table is an made out of old wood with the rough uncut bark, but on the surface is clean and smooth which incorporates the glass. Modern and classic at the same time.
<img src="https://s3.amazonaws.com/adbdat_images/uploads/6zyjBYp.jpg" /></p>
<div class="grid-100 grid-parent ">
<div class="grid-50 grid-parent margin-right">
<a class="button greensea" href="/4">Continue reading</a>
</div>
</div>
</div>

</div>
<div class="grid-100 mobile-grid-100 post-container">

<div class="grid-50">
<a href="/eiffel-tower-from-underneath">
<div class="image-container">
<div class="overlay">
<p class="overlay-icon"><i class="fa fa-search"></i></p>
</div>
<img alt="Thumb 1lnjw" class="thumb-image" src="https://s3.amazonaws.com/adbdat_images/uploads/thumb_1LNjw.jpg" />
</div>
</a> </div>


<div class="grid-40 push-10">
<div class="grid-100 grid-parent">
<a href="/eiffel-tower-from-underneath">
<div class="grid-20 grid-parent mobile-grid-20">
<p class="post-date greensea">
<span class="post-day">20</span>
<span class="post-month">SEP</span>
<span class="post-year">2014</span>
</p>
</div>
<div class="grid-80 mobile-grid-80">
<h3 class="post-title preview-post-title">Eiffel Tower from underneath</h3>

</div>
</a> </div>
<p class="text preview-post">I find the machine is better than any artificial artwork. Same as steam engines and mechanical clocks. Looking at the machine that has a purpose is more interesting to me. <img src="https://s3.amazonaws.com/adbdat_images/uploads/1LNjw.jpg"></p>
<div class="grid-100 grid-parent ">
<div class="grid-50 grid-parent margin-right">
<a class="button greensea" href="/eiffel-tower-from-underneath">Continue reading</a>
</div>
</div>
</div>

</div>
<div class="grid-100 mobile-grid-100 post-container">

<div class="grid-50">
<a href="/hound-by-thoughtbot">
<div class="image-container">
<div class="overlay">
<p class="overlay-icon"><i class="fa fa-search"></i></p>
</div>
<img alt="Thumb 2014 04 12 1338" class="thumb-image" src="https://s3.amazonaws.com/adbdat_images/uploads/thumb_2014-04-12_1338.png" />
</div>
</a> </div>


<div class="grid-40 push-10">
<div class="grid-100 grid-parent">
<a href="/hound-by-thoughtbot">
<div class="grid-20 grid-parent mobile-grid-20">
<p class="post-date greensea">
<span class="post-day">10</span>
<span class="post-month">APR</span>
<span class="post-year">2014</span>
</p>
</div>
<div class="grid-80 mobile-grid-80">
<h3 class="post-title preview-post-title">Hound by Thoughtbot</h3>

</div>
</a> </div>
<p class="text preview-post">I saw the Thoughtbot Hound site today. The site is clean, but has the timeline that shows how to get started without adding distraction. The use of purple (#a873d1) is not my first choice, but it works so well here.
This is the site as it is on April 10th, 2014 <a href="https://s3.amazonaws.com/adbdat_images/uploads/2014-04-09_1957.png">reference design</a> <a href="https://houndci.com">houndci.com</a>, it may have changed.</p>
<div class="grid-100 grid-parent ">
<div class="grid-50 grid-parent margin-right">
<a class="button greensea" href="/hound-by-thoughtbot">Continue reading</a>
</div>
</div>
</div>

</div>
<div class="grid-100 mobile-grid-100 post-container">

<div class="grid-50">
<a href="/design">
<div class="image-container">
<div class="overlay">
<p class="overlay-icon"><i class="fa fa-search"></i></p>
</div>
<img alt="Thumb blurred backgrounds 14" class="thumb-image" src="https://s3.amazonaws.com/adbdat_images/uploads/thumb_Blurred-Backgrounds-14.jpg" />
</div>
</a> </div>


<div class="grid-40 push-10">
<div class="grid-100 grid-parent">
<a href="/design">
<div class="grid-20 grid-parent mobile-grid-20">
<p class="post-date greensea">
<span class="post-day">29</span>
<span class="post-month">MAR</span>
<span class="post-year">2014</span>
</p>
 </div>
<div class="grid-80 mobile-grid-80">
<h3 class="post-title preview-post-title">Design</h3>

</div>
</a> </div>
<p class="text preview-post">Relaunching this website to focus on Design.
Design is the creation of a plan or convention for the construction of an object or a system (as in architectural blueprints, engineering drawings, business processes, circuit diagrams and sewing patterns). Design has different connotations in different fields (see design disciplines below). In some cases the direct construction of an object (as in pottery, engineering, management, cowboy coding and graphic design) is also considered to be design. --http://en.wikipedia.org/wiki/Design</p>
<div class="grid-100 grid-parent ">
<div class="grid-50 grid-parent margin-right">
<a class="button greensea" href="/design">Continue reading</a>
</div>
</div>
</div>

</div>
</div>
</div>
</section>
<footer>
</footer>
<script src="/assets/application-c9ead47a41d6444a2b2c466c23d1b0f8.js" type="91a89db2af5700dbf4d74e2a-text/javascript"></script>
<script src="https://ajax.cloudflare.com/cdn-cgi/scripts/a2bd7673/cloudflare-static/rocket-loader.min.js" data-cf-settings="91a89db2af5700dbf4d74e2a-|49" defer=""></script></body>
</html>
