| page.title=Design |
| page.viewport_width=970 |
| section.landing=true |
| meta.tags="beautifulapps, design, ux, patterns, holo, appquality, landing" |
| header.hide=1 |
| footer.hide=1 |
| @jd:body |
| |
| <style> |
| #landing-graphic-container { |
| position: relative; |
| } |
| |
| #text-overlay { |
| position: absolute; |
| left: 0; |
| top: 42px; |
| width: 266px; |
| |
| } |
| #hero-image { |
| padding-left:68px; |
| } |
| </style> |
| |
| <div id="landing-graphic-container"> |
| <div id="text-overlay"> |
| <span itemprop="description">Welcome to <strong>Android Design</strong>, your place for |
| learning how to design exceptional Android apps.</span> |
| <br><br> |
| Want to know what <strong>Android 4.4 KitKat</strong> has for designers? See <a href="{@docRoot}design/patterns/new.html">New in Android</a>.<br><br> |
| <a href="/design/get-started/creative-vision.html" class="landing-page-link">Creative Vision</a> |
| </div> |
| <a id="hero-image" href="/design/get-started/creative-vision.html"> |
| <img src="/design/media/index_landing_page.png"> |
| </a> |
| |
| <div style="background: hsl(8, 70%, 54%); margin: 0; padding: 20px 20px 10px 20px;color: #fff; position: absolute;top: 255px;width: 179px;"> |
| <h2 style="color: #fff;margin:0 0 10px; font-size:18px" class="norule">L Developer Preview</h2> |
| <p> The next version of Android uses a design |
| metaphor inspired by paper and ink that provides a reassuring sense of tactility. Before it arrives for users, you can get an early |
| look at the new Material design. |
| </p> |
| <p><a class="white" href="{@docRoot}preview/material/index.html">Learn more about Material</a></p> |
| </div> |
| |
| </div> |
| |