Jeitin

Design System Jeitin · v1

Referência visual interna (Verde Cuidado). Fonte da verdade: ADR-0029. Esta página é um placeholder vivo — curadoria profissional fica pra pós-MVP.

Cores — Verde Cuidado

jeitin-50

#E1F5EE

jeitin-200

#5DCAA5

jeitin-600 (primário)

#1D9E75

jeitin-800 (texto)

#085041

Cores — Categóricas (avatares + chips)

âmbar

#FAEEDA / #633806

roxo

#EEEDFE / #534AB7

coral

#FAECE7 / #993C1D

Tipografia (hierarquia por tamanho, peso ≤ 500)

Título de página — text-2xl

Subtítulo de seção — text-xl

Corpo padrão — text-base

Texto secundário — text-sm muted

Legenda / hint — text-xs

Chips categóricos

Altas habilidadesTEATDAHDislexia

Botões

Use size="touch" em CTAs primários (Salvar, Novo aluno) pra hit area de 44px no iPad/mobile. Default fica compacto pra densidade desktop.

Cards de aluno (perfil rico)

Joãozinho
8 anos · 3º ano · EM Paulo Freire

1 diagnóstico

Miguel
11 anos · 5º AED · EE Anísio Teixeira

7 diagnósticos · 2 estratégias

Joãozinho (1 diagnóstico) e Miguel (7 diagnósticos) — stress test de altura uniforme (min-h) sem truncate.

Card de atividade

Prova de Frações — 5º ano
5º ano · Matemática

prova-fracoes-bimestre-2.docx

180.0 KB · 3 imagems

Avaliação bimestral de matemática com problemas contextualizados.

Inputs

Mensagem de erro em text-destructive.

Tabs (estado ativo verde)

Conteúdo da aba Básica.