Resources
Layout Templates
Show navigation
This document is a preview.
Material Design
Introduction
Animation
Authentic Motion
Responsive Interaction
Meaningful Transitions
Delightful Details
Style
Color
Typography
Icons
Imagery
Layout
Principles
Metrics and Keylines
Structure
Components
Bottom Sheets
Buttons
Cards
Chips
Dialogs
Dividers
Grids
Lists
List controls
Menus
Progress and Activity
Sliders
Snackbars and Toasts
Subheaders
Switches
Tabs
Text fields
Tooltips
Patterns
Selection
Gestures
Promoted Actions
Settings
Imagery Treatment
Search
Usability
Accessibility
Resources
Layout Templates
Sticker Sheets
Roboto Font
Color Palettes
Google ©
Privacy
&
Terms
Layout Templates
Contents
Mobile
Tablet
Desktop
Whiteframes
Mobile
Expand and collapse content
An arrow that points down when collapsed and points up when expanded.
The mobile layout template includes a variety of 10 screens. Use the layers palette to toggle on and off keylines and spacing rules.
Layout Mobile Whiteframe
1.1 MB (.ai)
Tablet
Expand and collapse content
An arrow that points down when collapsed and points up when expanded.
The tablet layout template includes a variety of 14 screens. Use the layers palette to toggle on and off keylines and spacing rules.
Layout Tablet Whiteframe
0.8 MB (.ai)
Desktop
Expand and collapse content
An arrow that points down when collapsed and points up when expanded.
The desktop layout template includes a variety of 4 screens, each with 4 different window sizes. Use the layers palette to toggle on and off keylines and spacing rules.
Layout Desktop Whiteframe
97 MB (.ai)
Whiteframes
Expand and collapse content
An arrow that points down when collapsed and points up when expanded.
Whiteframes provide a variety of layout structures using a consistent approach to surfaces, layering, and shadows.
Whiteframes
4 MB (.ai)
