Google

UI/UXDesign guides

Guide summary

Material Design 3. Covers color, typography, motion and elevation

Color palettes

Detailed summary

Brand color (as shown on the card)

#4285F4

Google Red

#EA4335

Google Yellow

#FBBC04

Google Green

#34A853

Typography

Roboto · Roboto Flex

Roboto (Apache 2.0) and the variable font Roboto Flex for English. Noto Sans KR for Korean.

Design principles

Personal, adaptive, expressive
Uses emotional expression to improve usability and accessibility, rather than as decoration.

Source: Based on m3.material.io and the Oppadu design-system gallery (secondary summary). · This summary has not yet been checked against the official documentation. Verify it at the source.

Reference source

Source scope has not been reviewed. Check the original before use.

https://m3.material.io/

Open reference source →

Found an error in this entry? Report it