← all styles
// style
Material Design
Google's system: paper layers, elevation, bold color, purposeful motion.
traits.txt
- ▸ Elevation shadows
- ▸ Ripple feedback
- ▸ Tonal palettes
- Mood
- Friendly, clear, dependable
- Use it for
- Apps, admin tools, anything that needs to be easy to learn.
- Try fonts
- Roboto, Google Sans, Nunito Sans
palette_options.clr
Palette possibilities
Plum tones
#6750A4 · #FFFBFE · #625B71 · #7D5260
Teal tones
#F0FAF8 · #163B36 · #267A70 · #B8DBD3
Rust tones
#FFF7F2 · #442B23 · #A95837 · #EDC9B7
Real examples
m3.material.io
