Material Design

Last updated 30 June 2014

Desktop Keylines and Spacing

Use the layers palette to toggle Keyline and spacing guides

8dp
Fixed increments determine widths of structural UI elements. For Desktop we use a 64dp increment.

16dp
24dp

Vertical Keylines determine placement of type and icons from edges of elements.
24

32dp
48dp

Vertical Sizing determines height of content blocks.

64dp
56dp

Horizontal margins determine spacing.

72dp
80dp
88dp

My Files

Vacation Itinerary
Edited Jan 20, 2014

24

24

52

104

Title

Owner

Photos

Sandra Adams

Jan 9, 2014

Recipes

Sandra Adams

Jan 17, 2014

Work

Sandra Adams

Jan 28, 2014

Last Modied

32

24

32

Vacation Itinerary

Sandra Adams

Jan 20, 2014

Kitchen Remodel

Sandra Adams

Jan 10, 2014

Available Offline

Project Schedule

Sandra Adams

Jan 22, 2014

Info

Project Budget

Sandra Adams

Jan 15, 2014

Weekly Newsletter

Sandra Adams

Jan 8, 2014

96

Location

My Drive

Modied

Jan 20, 2014

Who has access

Private

Kitchen Remodel

Sandra Adams

Aug 24, 2014

people listed can access

heyfromjonathan@gmail.com

Today

Inbox

Brunch this weekend?

Ali Connors I'll be in your neighborhood doing errands this weekend if you want to meet up for

Outbox

Summer BBQ 4

Trash
24

to Alex, Scott, Jennifer Aw dang. Wish I could, but am outta town this weekend.

24

Spam
80

80

Oui Oui

64

Sandra Adams Do you have Paris recommendations? Have you ever been? (I'm sure I've asked you
24

Birthday Gift
Trevor Hansen Have any ideas about what the get Heidi for her birthday?

Recipe to try
Britta Holt We should eat this: Grated Squash, Corn and Tomatillo Tacos

Giants game
David Park Any interest in seeing the Knicks play next month?

Yesterday

Montauk Weekend
Scott Masterson Here are the shots I mentioned from this weekend's trip.

All
Janet Perkins

Mary Johnson
24

Peter Carlsson
80

Trevor Hansen

24

80

Ali Connors

Aaron Bennett
(650) 5551234
Abbey Christensen

Mobile

(323) 5556789
Ali Connors

Work

Alex Nelson

aliconnors@example.com
Personal

Anthony Stevens

ali_connors@example.com
Work

April Benson
2000 SW 1st Ave
San Francisco, CA 94112

24

Component Browser

24

Component name

Component name

Component name

Mar 01, 2014

Feb 10, 2014

Jan 24, 2014

24

24
40

Component Title
Subtitle <component>
96

Component name

Component name

Component name

Jan 05, 2014

Dec 20, 2013

Dec 12, 2013

Written by David Park

February 11, 2014

Chambray Carles Terry Richardson plaid wolf. Disrupt fashion axe 90's quinoa +1 Neutra.
Irony ethnic ennui McSweeney's, <semiotics> small batch squid direct trade. Readymade
salvia Echo Park scenester. Farm-to-table selvage small batch swag asymmetrical whatever, tattooed American Apparel meh viral wolf tofu trust fund you probably haven't heard of
them. Viral 3 wolf moon retro drinking vinegar. Tote bag mustache kefyeh, Cosby sweater church-key ngerstache PBR meh salvia.

Component name
Nov 30, 2013

Component name
Nov 30, 2013

Component name
Nov 26, 2013

64

My Files
Title

Owner

Photos

Sandra Adams

Last Modied

Jan 9, 2014

Ali Connors
(650) 5551234
Mobile

Recipes

Sandra Adams

Jan 17, 2014

(323) 5556789
Work
Work

Sandra Adams

Jan 28, 2014

Vacation Itinerary

Sandra Adams

Jan 20, 2014

Kitchen Remodel

Sandra Adams

Jan 10, 2014

Project Schedule

Sandra Adams

Jan 22, 2014

Project Budget

Sandra Adams

Jan 15, 2014

Weekly Newsletter

Sandra Adams

Jan 8, 2014

aliconnors@example.com
Personal

ali_connors@example.com
Work

2000 Main Street

San Francisco, CA 94112
Home

1600 Amphitheatre Pkwy

Mountain View, CA 94043

My Files
24

24

52

Title

Owner

Last Modied

Photos

Sandra Adams

Jan 9, 2014

Recipes

Sandra Adams

Jan 17, 2014

104
24

Work

Sandra Adams

Jan 28, 2014

Vacation Itinerary

Sandra Adams

Jan 20, 2014

Kitchen Remodel

Sandra Adams

Jan 10, 2014

Project Schedule

Sandra Adams

Jan 22, 2014

Project Budget

Sandra Adams

Jan 15, 2014

Weekly Newsletter

Sandra Adams

Jan 8, 2014

heyfromjonathan@gmail.com
Today

Inbox

Brunch this weekend?

Ali Connors I'll be in your neighborhood doing errands this weekend if you want to meet up for

Outbox
Trash

Summer BBQ 4
to Alex, Scott, Jennifer Aw dang. Wish I could, but am outta town this weekend.

24

Spam
80

Oui Oui
Sandra Adams Do you have Paris recommendations? Have you ever been? (I'm sure I've asked you

Birthday Gift
Trevor Hansen Have any ideas about what to get Heidi for her birthday?

Recipe to try
Britta Holt We should eat this: Grated Squash, Corn and Tomatillo Tacos

Giants game
David Park Any interest in seeing the Knicks play next month?

Yesterday

All
Janet Perkins
24

80

Mary Johnson

24

Ali Connors

Peter Carlsson

Trevor Hansen

24

80

Aaron Bennett

(650) 5551234
Mobile

(323) 5556789
Abbey Christensen

Work

Ali Connors

aliconnors@example.com

Alex Nelson

ali_connors@example.com

Personal

Work

Anthony Stevens

Component Browser

24

24

Component name

Component name

Mar 01, 2014

Feb 10, 2014

24

40

Component Title
Subtitle <component>
96

Written by David Park

Component name

Component name

Jan 24, 2014

Jan 05, 2014

February 11, 2014

Chambray Carles Terry Richardson plaid wolf. Disrupt fashion axe 90's quinoa
+1 Neutra. Irony ethnic ennui McSweeney's, <semiotics> small batch squid
direct trade. Readymade salvia Echo Park scenester. Farm-to-table selvage
small batch swag asymmetrical whatever, tattooed American Apparel meh viral
wolf tofu trust fund you probably haven't heard of them. Viral 3 wolf moon retro
drinking vinegar. Tote bag mustache kefyeh, Cosby sweater church-key ngerstache PBR meh salvia.

My Files
Folders

Photos
Jan 9, 2014

Recipes
Jan 17, 2014

Component name
Mar 01, 2014

Component Title

Work
Jan 28, 2014

Subtitle <component>

Files
Written by Eric David Park
February 11, 2014

Chambray Carles Terry Richardson plaid wolf. Disrupt

Component name

fashion axe 90's quinoa +1 Neutra. Irony ethnic ennui

Feb 10, 2014

McSweeney's, <semiotics> small batch squid direct

trade. Readymade salvia Echo Park scenester.
Farm-to-table selvage small batch swag asymmetrical
whatever, tattooed American Apparel meh viral wolf tofu
trust fund you probably haven't heard of them. Viral 3
wolf moon retro drinking vinegar. Tote bag mustache
kefyeh, Cosby sweater church-key ngerstache PBR

Meeting Notes
Jan 20, 2014

Patents
Jan 10, 2014

Project Schedule
Jan 22, 2014

My Files
24

24

52

Title

Owner

Last Modied

Photos

Sandra Adams

Jan 9, 2014

Recipes

Sandra Adams

Jan 17, 2014

104

24

Work

Sandra Adams

Jan 28, 2014

Vacation Itinerary

Sandra Adams

Jan 20, 2014

Kitchen Remodel

Sandra Adams

Jan 10, 2014

Project Schedule

Sandra Adams

Jan 22, 2014

Project Budget

Sandra Adams

Jan 15, 2014

Weekly Newsletter

Sandra Adams

Jan 8, 2014

heyfromjonathan@gmail.com
Today

Inbox

Brunch this weekend?

Ali Connors I'll be in your neighborhood doing errands this weekend if you want to meet up for
Outbox

24

Summer
BBQ 4
Trash
to Alex, Scott, Jennifer Aw dang. Wish I could, but am outta town this weekend.
Spam
80

Oui Oui
Sandra Adams Do you have Paris recommendations? Have you ever been? (I'm sure I've asked you

Birthday Gift
Trevor Hansen Have any ideas about what to get Heidi for her birthday?

Recipe to try
Britta Holt We should eat this: Grated Squash, Corn and Tomatillo Tacos

Giants game
David Park Any interest in seeing the Knicks play next month?

Yesterday

24

All
Janet Perkins

Mary Johnson
24

Ali Connors

16

80

Peter Carlsson
72

Trevor Hansen

(650) 5551234
Mobile

32

Aaron Bennett

Abbey Christensen

(323) 5556789
Work

aliconnors@gmail.com
Personal

Ali Connors
ali_connors@google.com
Alex Nelson

Anthony Stevens

Work

16

24

24

24
80

Component name
Mar 01, 2014

Component Title
Subtitle <component>

Written by David Park

February 11, 2014

Chambray Carles Terry Richardson plaid wolf. Disrupt

Component name

fashion axe 90's quinoa +1 Neutra. Irony ethnic ennui

Feb 10, 2014

McSweeney's, <semiotics> small batch squid direct

trade. Readymade salvia Echo Park scenester.
Farm-to-table selvage small batch swag asymmetrical
whatever, tattooed American Apparel meh viral wolf tofu
trust fund you probably haven't heard of them. Viral 3
wolf moon retro drinking vinegar. Tote bag mustache
kefyeh, Cosby sweater church-key ngerstache PBR
meh salvia.

24

My Files
Folders

Photos
Jan 9, 2014

Recipes
Jan 17, 2014

Component name
Mar 01, 2014

Component Title

Work
Jan 28, 2014

Subtitle <component>

Files
Written by Eric Bidelman
February 11, 2014

Chambray Carles Terry Richardson plaid wolf. Disrupt

Component name

fashion axe 90's quinoa +1 Neutra. Irony ethnic ennui

Feb 10, 2014

McSweeney's, <semiotics> small batch squid direct

trade. Readymade salvia Echo Park scenester.
Farm-to-table selvage small batch swag asymmetrical
whatever, tattooed American Apparel meh viral wolf tofu
trust fund you probably haven't heard of them. Viral 3
wolf moon retro drinking vinegar. Tote bag mustache
kefyeh, Cosby sweater church-key ngerstache PBR

Meeting Notes
Jan 20, 2014

Patents
Jan 10, 2014

Project Schedule
Jan 22, 2014

My Files
Folders

Photos
Jan 9, 2014

Recipes
Jan 17, 2014

Work

16

Jan 28, 2014

72

Files

Meeting Notes
Jan 20, 2014

Patents
Jan 10, 2014

Project Schedule
Jan 22, 2014

16

Inbox
Today
heyfromjonathan@gmail.com

Brunch this weekend?

Inbox
Ali Connors I'll be in your neighborhood
Outbox

Summer BBQ 4
to Alex, Scott, Jennifer Aw dang. Wish I
Trash

Oui Oui

Spam
Sandra Adams Do you have Paris reco

16

Birthday Gift
Trevor Hansen Have any ideas about
72

Recipe to try
Britta Holt We should eat this: Grated

Giants game
David Park Any interest in seeing the K

Montauk Weekend
Scott Masterson Here are the shots I

Birthday Gift

16

Ali Connors

32

(650) 5551234
Mobile
16

16

(323) 5556789
72

Work

aliconnors@example.com
Personal

ali_connors@example.com
Work

2000 Main Street

San Francisco, CA 94112
Home

1600 Amphitheatre Pkwy

Mountain View, CA 94043

32

Component Title
Subtitle <component>
Written by David Park

16

February 11, 2014

72

Chambray Carles Terry Richardson plaid wolf. Disrupt

fashion axe 90's quinoa +1 Neutra. Irony ethnic ennui
McSweeney's, <semiotics> small batch squid direct
trade. Readymade salvia Echo Park scenester.
Farm-to-table selvage small batch swag asymmetrical
whatever, tattooed American Apparel meh viral wolf tofu
trust fund you probably haven't heard of them. Viral 3
wolf moon retro drinking vinegar. Tote bag mustache
kefyeh, Cosby sweater church-key ngerstache PBR
meh salvia.

16