Material Design Type System

Material Design Type System

A comprehensive typography guide and scale generator for consistent UI design

Website
Design Systems
Design System Inspiration
Material Design Type System screenshot

The Material Design Type System provides detailed guidelines on using typography to create clear, readable interfaces. It includes a 13‑style type scale, unit conversions for Android, iOS, and web, and a live Type Scale Generator powered by Google Fonts that outputs ready‑to‑use code. Designers can explore headline, subtitle, body, caption, and button styles, download ready-made Sketch files, and apply consistent font sizing, weight, spacing, and case across platforms.