Sistema visual

Tipografia · Inter (tamanho óptico)

Large Title 34

Title 22 · semibold

Headline 17

Body 16: frases curtas, leitura confortável, entrelinha 1.5.

Footnote 13 · rótulo secundário 60%

Tracking negativo só em títulos grandes, zero no corpo. Plus Jakarta Sans fica só no logotipo.

Cores · base neutra, cor por função

• Azul marca · ação

  #1F5FAF

• Coral · Pro, fala

  #E2694F

• Verde · progresso

  #1F9D6B

• Turquesa · revisão

  #0E9AA7

• Roxo · família

  #7B5CC9

• Âmbar · dicas

  #F2A93B

• Grafite · players

  #1C1C1E

• Navy · só marca

  #0B2E59

• Fundo

  #F2F2F7

• Superfície

  #FFFFFF

• Rótulo 60%

  rgba(60,60,67,.6)

• Separador

  rgba(60,60,67,.18)

Componentes

Anuncie a ação antes de tocar e feche com "okay?".

Forma e profundidade

• Nível 1 · listas e cards em repouso
• Nível 2 · card em destaque
• Nível 3 · player e sheets flutuantes

Sem bordas pesadas: separação por sombra suave e separadores de 0,5px.

Movimento

Toque

scale 0.97 no pointer-down · 100 ms

Padrão (telas, cards)

mola · amortecimento 1.0 · resposta 0.35 s

Sheet / player expandindo

mola · 0.8 · 0.3 s

Gesto com arraste

mola · 0.8 + velocidade do gesto

Bordas (scroll, arraste)

elástico progressivo · 0.55

Movimento reduzido

só cross-fade, sem overshoot