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