Fundação

Tipografia

Inter em todo o projeto. A escala segue os tokens do Tailwind, com uma camada "nano" para micro-UI abaixo dos 12px.

Display text-4xl · font-bold · 36px
Spinlist
Headline text-2xl · font-bold · 24px
Dark Side of the Moon
Title text-xl · font-bold · 20px
Pink Floyd
Body Large text-base · font-normal · 16px
Um dos álbuns mais importantes da história do rock progressivo, lançado em 1973.
Body text-sm · font-normal · 14px
Harvest Records · 1973 · Vinil preto
Label text-xs · font-medium · 12px
★ 4.8 · 132 avaliações
Nano text-[10px] · font-medium · 10px
Coleção · Início · Perfil

Regras de uso

  • Títulos de página (h1) usam font-bold. Subcabeçalhos usam font-semibold. Labels de UI usam font-medium.
  • Nível Nano (text-[10px]) é exclusivo para labels do BottomNav, captions de gráfico e headers de seção no Admin. Não use em contexto de leitura.
  • Não use font-extrabold em contexto de UI regular. font-black é reservado para números de celebração (Milestone).