Construtor de tema
Escolha uma cor-semente, veja como ela mapeia em surfaces / accents / borders / text, e copie as variáveis CSS pra usar no seu projeto. 100% client-side — o hash da URL carrega o seu tema.
Card elevado
Texto de corpo sobre surface derivada do accent. Os botões abaixo mostram seu role accent + texto on-accent WCAG-aware.
Surface 2
Container atenuado pra conteúdo secundário — tipicamente uma section, sub-card, ou row de lista que não precisa de full elevation.
Amostra display 32
Amostra headline 22
Amostra body 15 — confirme legibilidade nos tamanhos pequenos também; é onde bugs de contraste se escondem.
Caption muted 12