Fase 0 — fundação técnica

Ecossistema RIIA — página técnica local

Esta vista não é a homepage final. Demonstra os tokens de tipografia, cor, foco, estados e movimento do Sistema de Design Digital RIIA v1.0 num ambiente local, sem dados reais nem publicação.

Tipografia

DisplayAa

H1Aa

H2Aa

H3Aa

H4Aa

Corpo grandeTexto corrido em corpo grande.

CorpoTexto corrido em corpo normal.

PequenoTexto de apoio pequeno.

MicroETIQUETA MICRO

Cor

RIIA Ink#0C0C0C

RIIA Ivory#F5F5F0

RIIA Orange#FF5400

RIIA Purple#6E2EE8

Sucesso#197A55

Aviso#8A5700

Erro#B4233C

Informação#2457C5

Botões, foco e estados

Navegue com Tab para ver o anel de foco roxo de 3 px em cada botão e ligação.

Movimento reduzido

O canto laranja acima anima-se ao carregar a página. Com prefers-reduced-motion: reduce ativo no sistema operativo, a animação é eliminada e o elemento aparece já no estado final, sem prejudicar a leitura.