Biblioteca Tinyx

Infraestrutura de interface do ecossistema. Sem marca: a identidade entra por quatro cores e tudo se deriva delas. Cada componente abaixo aparece no fluxo da página, no tamanho real, com o bloco de AI Context que define quando usá-lo.

4 cores → escalas → tokens semânticos → tokens de componente → componentes → padrões → produto

… tokens … componentes Light + Dark AI Context em todos

Setor 00

Foundations

Quatro entradas de marca geram dez degraus cada; os degraus alimentam tokens semânticos; os componentes só leem os semânticos. Nenhum hex em componente.

Setor 01

Primitives

Elementos fundamentais, sem lógica de negócio. Tudo no sistema é montado a partir deles.

Setor 02

Controls

Elementos que recebem uma ação ou um dado do usuário.

Setor 03

Composite

Montados a partir de Primitives e Controls, nunca reimplementando-os.

Setor 04

Patterns

Estruturas completas que se repetem em qualquer produto do ecossistema.

Setor 05

Templates

A casca onde as telas acontecem. O AppShell é fixo na viewport, então aqui ele aparece descrito; para vê-lo montado, abra um template de página.