Pular para o conteúdo principal

Transformação​


As transformações tipográficas definem como os estilos variam entre breakpoints, garantindo consistência e legibilidade em diferentes dispositivos.

Atualmente, as variações estão definidas apenas para desktop (large) e mobile (small).

Nota

A nomenclatura [weight] é usada apenas para simplificação.
A regra de transformação se aplica independentemente do peso.

Exemplo:

  • opl.typo.style.body.regular.lg → opl.typo.style.body.regular.md
  • opl.typo.style.body.semiBold.lg → opl.typo.style.body.semiBold.md

Display​

Peso: Extrabold


Headline​

Peso: Bold


Title​

Peso: Regular / Semibold


Body​

Peso: Regular / Semibold


Label​

Peso: Regular / Semibold