UI Skillbook
2

Design systems set in Google Sans

Brands and apps whose DESIGN.md names Google Sans as a typeface, including DeepMind, Firebase and Google. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

8 files

Files

DeepMind

Brands · Google Sans

AI research design with deep indigo identity, science-first surfaces, precision typography, and breakthrough-focused visual storytelling.

Firebase

Brands · Google Sans

Google's application development platform with a warm amber-orange brand, dark console surfaces, and real-time-data-first UI.

Google

Brands · Google Sans

Google began as a search engine and now describes a product family used by billions; its stated mission is to organize the world's information and make it universally accessible and useful. That scope is expressed…

Lablup

Brands · Google Sans

Lablup (래블업) is the Korean AI-infrastructure company behind Backend.AI, and its homepage reads like a piece of confident systems software given a calm editorial skin — "Make AI infrastructure accessible" stated…

Gmail

iOS apps · Google Sans

Gmail's iOS app is a Material You inbox that inherits Google's multicolor brand DNA while staying clean enough to spend all day in. The canvas is pure white (#FFFFFF) on light mode — the screen feels like paper,…

Google Calendar

iOS apps · Google Sans

Google Calendar's iOS app is the densest information surface in the Google portfolio — a week of meetings, birthdays, reminders, and Goals compressed into a single phone screen without ever feeling cramped. The…

Google Gemini

iOS apps · Google Sans

Google Gemini's iOS app is a calm, conversational surface where the only chrome is the conversation itself. The canvas is clean white (#FFFFFF) in light mode and a deep neutral charcoal (#1E1E1E) in dark mode — there…

Google Maps

iOS apps · Google Sans

Google Maps' iOS app is a pure map-first interface — the earth is the canvas and the UI is a handful of floating shapes laid over it. Unlike most apps that treat the map as a feature, Maps treats the map as the…

Other fonts