page.title=Patterns
header.justLinks=1
footer.hide=1
@jd:body

<style>
#landing-graphic-container {
  position: relative;
}

#text-overlay {
  position: absolute;
  left: 0;
  top: 492px;
  width: 200px;
}
</style>

<div id="landing-graphic-container">
  <div id="text-overlay">
    Design apps that behave in a consistent, predictable fashion.
    <br><br>
    <a href="{@docRoot}design/patterns/new.html" class="landing-page-link">New in Android</a>
  </div>

  <a href="{@docRoot}design/patterns/new.html">
    <img src="{@docRoot}design/media/patterns_landing.png">
  </a>
</div>