Design System T2

Name: Design System T2: tokens
Creator: T2 Educação

Design System T2 é o design system da T2 Educação. 97 tokens semânticos em 3 temas (Light, Dark, Dark Blue), 26 paletas primitivas, 16 text styles (Geist e JetBrains Mono), escala de espaço de 4px, raios, 5 níveis de elevação, grid de 4/8/12 colunas, ícones Tabler e a marca T2 (cor de marca: Cyan).

Se você é uma IA ou agente

Leia /llms.txt (índice) e /llms-full.txt (tudo em um arquivo). Tokens: /tokens.json (W3C DTCG), /tokens.css. Uma doc por seção: /docs/<seção>.md. Guia: /ai.

/docs/sobre.md: Sobre a T2. Quem somos, visão, propósito, manifesto, valores e tom de voz da T2 Educação.
/docs/principios.md: Princípios. As quatro decisões editoriais que orientam toda escolha visual.
/docs/marca.md: Marca. Logos oficiais, lockups, variações de cor, área de respiro, tamanho mínimo, usos incorretos e co-branding.
/docs/tokens.md: Tokens. Como os tokens são organizados, nomeados e distribuídos (JSON DTCG, CSS, Markdown).
/docs/cores.md: Cores. Primitivos (26 paletas), tokens semânticos em 3 temas, gradientes, contraste e regras de uso.
/docs/tipografia.md: Tipografia. Geist e JetBrains Mono, tokens de tamanho, altura de linha, peso e tracking, e os 16 text styles.
/docs/espacamento.md: Espaçamento e tamanhos. Escala de espaço (base 4px), alturas de controle e tamanhos de ícone.
/docs/raios.md: Raios, bordas e opacidade. Escala de raio, raios por função, largura de borda e opacidade de desabilitado.
/docs/sombras.md: Elevação e efeitos. Elevação (5 níveis), foco, materiais (glass, frosted, sheen) e blur.
/docs/grid.md: Grid e layout. Breakpoints, colunas, gutters, margens, telas de referência, contêineres e modelos de página.
/docs/icones.md: Ícones. Só Tabler Icons: regra de uso, tamanhos, cor, import no React, URLs estáticas dos SVGs, índice JSON e zip para download.
/docs/consumir.md: Como consumir. Tokens em CSS e JSON (DTCG), Tailwind v4 e v3 sobre as variáveis, fontes e leitura por agentes de IA.