Design system

Íris

Tokens e primitivos de interface. Tudo nesta página usa apenas os tokens definidos em src/styles/globals.css.

Cores

Os tons marcados como derivados não vieram do cliente — foram criados para dar conta de estados de UI e ainda precisam de validação.

Vinho
#6B1A2A--color-vinho
Vinho médioderivado
#8B2635--color-vinho-medio
Dourado
#C9973A--color-dourado
Creme
#FDFAF6--color-creme
Branco
#FFFFFF--color-surface
Begederivado
#F4EEE6--color-bege
Grafite
#241F20--color-grafite
Cinza quentederivado
#6E635C--color-cinza
Bordaderivado
#E7DFD3--color-borda

Tipografia

Fraunces nos títulos, Inter no corpo. A hierarquia vem do tamanho e do peso, não da cor.

Direito Constitucional

font-display · 48px · 600

Controle de constitucionalidade

font-display · 30px · 600

O controle difuso pode ser exercido por qualquer juiz ou tribunal, no caso concreto, e produz efeitos apenas entre as partes do processo — salvo quando o Senado suspende a execução da lei.

font-sans · 16px · 400 · leading 1.7

Texto secundário — apoio, legendas e descrições.

font-sans · 14px · text-muted

Botões

Uma ação primária por tela. O dourado é destaque, não padrão.

Formulário

Campos com borda fina; o foco marca com a cor da marca.

Informe um e-mail válido.

Cards e selos

Simulado OAB

80 questões, 5 horas, no formato da prova.

1ª faseRecomendado78% de acerto3 pendentesRascunho
ÍR

Íris

Sua professora

Resposta da Íris sempre em superfície distinta do conteúdo do aluno, com o aro dourado no avatar — é assim que o aluno reconhece quem está falando.

Avatar da Íris

Três expressões, recortadas dos JPGs originais com alpha reconstruído. O aro dourado é reservado para a Íris.

Sorrindo — acerto, boas-vindas
ÍRÍR
Sorrindo — acerto, boas-vindas
Explicando — dica, correção
ÍRÍR
Explicando — dica, correção
Serena — leitura, estado neutro
ÍRÍR
Serena — leitura, estado neutro

Abas

Banco de questões filtrado por matéria e nível.

Diálogo e avisos