| Dirk Dougherty | 6c1c263 | 2015-05-02 16:31:11 -0700 | [diff] [blame] | 1 | fullpage=true |
| Scott Main | 50e990c | 2012-06-21 17:14:39 -0700 | [diff] [blame] | 2 | page.title=Design |
| Scott Main | bbaf11f | 2014-03-27 13:01:56 -0700 | [diff] [blame] | 3 | page.viewport_width=970 |
| Dirk Dougherty | 3506ac8 | 2014-02-21 11:15:52 -0800 | [diff] [blame] | 4 | section.landing=true |
| 5 | meta.tags="beautifulapps, design, ux, patterns, holo, appquality, landing" |
| Roman Nurik | b99ae73 | 2012-03-06 12:26:15 -0800 | [diff] [blame] | 6 | header.hide=1 |
| 7 | footer.hide=1 |
| 8 | @jd:body |
| 9 | |
| Dirk Dougherty | 6c1c263 | 2015-05-02 16:31:11 -0700 | [diff] [blame] | 10 | <section class="dac-expand dac-hero dac-light"> |
| 11 | <div class="wrap"> |
| 12 | <div class="cols dac-hero-content"> |
| 13 | <div class="col-1of2 col-push-1of2 dac-hero-figure"> |
| 14 | <img class="dac-hero-image" src="/design/media/hero-material-design.png"> |
| 15 | </div> |
| 16 | <div class="col-1of2 col-pull-1of2"> |
| Dirk Dougherty | cd7e7dc | 2015-05-05 22:27:48 -0700 | [diff] [blame] | 17 | <h1 class="dac-hero-title">Up and running with material design</h1> |
| Dirk Dougherty | 6c1c263 | 2015-05-02 16:31:11 -0700 | [diff] [blame] | 18 | <p class="dac-hero-description"> |
| Dirk Dougherty | cd7e7dc | 2015-05-05 22:27:48 -0700 | [diff] [blame] | 19 | Android uses a new design metaphor inspired by paper and ink that provides a reassuring |
| Dirk Dougherty | 70f1aad | 2015-07-07 08:18:35 -0700 | [diff] [blame^] | 20 | sense of tactility. Visit the <a href="https://www.google.com/design/spec/material-design/introduction.html">material design</a> site for more resources. |
| Dirk Dougherty | 6c1c263 | 2015-05-02 16:31:11 -0700 | [diff] [blame] | 21 | </p> |
| 22 | <a class="dac-hero-cta" href="https://www.google.com/design/spec/material-design/introduction.html"> |
| 23 | <span class="dac-sprite dac-auto-chevron"></span> |
| Dirk Dougherty | cd7e7dc | 2015-05-05 22:27:48 -0700 | [diff] [blame] | 24 | Introducing material design |
| Dirk Dougherty | 6c1c263 | 2015-05-02 16:31:11 -0700 | [diff] [blame] | 25 | </a><br> |
| 26 | <a class="dac-hero-cta" href="https://www.google.com/design/spec/resources/color-palettes.html"> |
| 27 | <span class="dac-sprite dac-auto-chevron"></span> |
| 28 | Downloads for designers |
| 29 | </a><br> |
| 30 | <a class="dac-hero-cta" href="https://google.com/design/articles/"> |
| 31 | <span class="dac-sprite dac-auto-chevron"></span> |
| 32 | Articles |
| 33 | </a> |
| 34 | </div> |
| 35 | </div> |
| 36 | <div class="dac-section dac-small"> |
| 37 | <div class="resource-widget resource-flow-layout col-16" |
| 38 | data-query="collection:design/landing/materialdesign" |
| 39 | data-cardSizes="6x2" |
| 40 | data-maxResults="6"></div> |
| 41 | </div> |
| Roman Nurik | b99ae73 | 2012-03-06 12:26:15 -0800 | [diff] [blame] | 42 | </div> |
| Dirk Dougherty | 6c1c263 | 2015-05-02 16:31:11 -0700 | [diff] [blame] | 43 | </section> |
| Dirk Dougherty | 98794c0 | 2015-05-09 12:10:56 -0700 | [diff] [blame] | 44 | <div class="wrap dac-offset-parent"> |
| 45 | <a class="dac-fab dac-scroll-button" data-scroll-button href="#latest"> |
| 46 | <i class="dac-sprite dac-arrow-down-gray"></i> |
| 47 | </a> |
| 48 | </div> |
| 49 | <section class="dac-section dac-gray dac-small dac-invert" id="latest"><div class="wrap"> |
| Dirk Dougherty | 6c1c263 | 2015-05-02 16:31:11 -0700 | [diff] [blame] | 50 | <h2 class="norule">Latest</h2> |
| 51 | <div class="resource-widget resource-flow-layout col-16" |
| 52 | data-query="collection:design/landing/latest" |
| 53 | data-cardSizes="6x6" |
| 54 | data-maxResults="3"></div> |
| 55 | </div></section> |
| smain@google.com | 80e1a0c | 2014-06-23 10:26:15 -0700 | [diff] [blame] | 56 | |
| Dirk Dougherty | 6c1c263 | 2015-05-02 16:31:11 -0700 | [diff] [blame] | 57 | <section class="dac-section dac-light"><div class="wrap"> |
| 58 | <h1 class="dac-section-title">Pure Android</h1> |
| 59 | <div class="dac-section-subtitle"> |
| Dirk Dougherty | cd7e7dc | 2015-05-05 22:27:48 -0700 | [diff] [blame] | 60 | Design around Android's capabilities and conventions to give users the best experience. |
| Dirk Dougherty | 6c1c263 | 2015-05-02 16:31:11 -0700 | [diff] [blame] | 61 | </div> |
| 62 | <div class="resource-widget resource-flow-layout col-16" |
| 63 | data-query="collection:design/landing/pureandroid" |
| 64 | data-cardSizes="6x6" |
| 65 | data-maxResults="6"></div> |
| 66 | </div></section> |
| Dirk Dougherty | 3e529b4 | 2013-10-19 11:43:41 -0700 | [diff] [blame] | 67 | |
| Dirk Dougherty | 6c1c263 | 2015-05-02 16:31:11 -0700 | [diff] [blame] | 68 | <section class="dac-section dac-gray"><div class="wrap"> |
| 69 | <h1 class="dac-section-title">Resources</h1> |
| 70 | <div class="dac-section-subtitle"> |
| Dirk Dougherty | cd7e7dc | 2015-05-05 22:27:48 -0700 | [diff] [blame] | 71 | Essential downloads, stencils, and tools to help you create your design. |
| Dirk Dougherty | 6c1c263 | 2015-05-02 16:31:11 -0700 | [diff] [blame] | 72 | </div> |
| 73 | <div class="resource-widget resource-flow-layout col-16" |
| 74 | data-query="collection:design/landing/resources" |
| 75 | data-cardSizes="6x2" |
| 76 | data-maxResults="6"></div> |
| 77 | </div></section> |