diff --git a/index.html b/index.html
index 117826c..b9f7661 100644
--- a/index.html
+++ b/index.html
@@ -177,6 +177,8 @@ <h2>Select a design</h2>
                 <a href="http://kizu.ru/en/">Roman Komarov</a></li>
             <li><a href="#simplebox">SimpleBox</a>
                 <a href="http://raelmax.com">Rael Max</a></li>
+						<li><a href="#well-caffeinated">Well Caffeinated</a>
+                <a href="http://wellcaffeinated.net">Jasper Palfree</a></li>
            </ul>
     </nav>
 
diff --git a/styles/well-caffeinated.css b/styles/well-caffeinated.css
new file mode 100644
index 0000000..be101fc
--- /dev/null
+++ b/styles/well-caffeinated.css
@@ -0,0 +1 @@
+body{margin:0;color:#191919;font:87.5%/1.66 sans-serif}body:after{position:fixed;bottom:0;right:0;content:'resize!';padding:1em}h1,h2{margin:0}h1{font-size:2.115em;padding:1.9238em 0}h2{font-size:1.615em;padding:1.7456em 0}a,a:visited{color:#AE3737;text-decoration:none}a:hover,a:focus{color:#742525}code{border:0 solid #F0EFD1;border-width:2px 4px}body:after,code,h1,nav li a:first-child{background:#F0EFD1}article,h1,nav,footer{padding:8.33%}h1{font-size:7em}ul{line-height:3.33}ul,ul li{list-style:none;padding:0;margin:0;display:inline}ul a:first-child{margin:0 .2em .4em;padding:2px 6px;white-space:nowrap;border-radius:5px;color:#4D4B19;text-shadow:0 1px 0 #fff;box-shadow:1px 1px 3px #8F8C3D}ul li{margin:0 .5em 0 0}@media (max-width:767px){body>header h2{color:#F0EFD1}nav,nav a,nav a:visited,nav a:hover{color:#72714F}nav{background:#191919}}@media (min-width:768px){h1{padding:63px 8.33%}article{width:45%;padding:8.33% 16.66% 8.33% 8.33%}nav{position:absolute;right:6%;width:24%;padding:8.33% 0}}
\ No newline at end of file