Design System — Mentoria de Lei Seca
MS
Lei Seca — Design System

Documentação viva

Identidade visual da Mentoria de Lei Seca

Paleta derivada da logomarca (bordô + azul-marinho), pensada para longas sessões de estudo, alto contraste (WCAG AA/AAA) e uma sensação premium de plataforma de educação — na linha de Notion, Linear e Stripe, com identidade própria.

01

Paleta de Cores

Cor principal extraída da logomarca (bordô) e cor de apoio do ícone (azul-marinho), com escalas neutras e semânticas derivadas.

02

Design Tokens

Tokens semânticos que mapeiam cores de marca para papéis de interface — a única fonte de verdade para light/dark mode.

03

Tipografia

Fraunces (serifada, para display) transmite autoridade e tradição jurídica; Inter (corpo) garante legibilidade em telas por longas sessões; IBM Plex Mono para dados/código.

Aa Questão 42H1 · 48px / 600 / -0.02em
Aa Direito AdministrativoH2 · 36px / 600 / -0.01em
Aa Módulo 3: LicitaçõesH3 · 28px / 600
Aa Aula 12 — PregãoH4 · 22px / 600
Aa Estatísticas de acertoH5 · 18px / 600
AA PRÓXIMA REVISÃOH6 · 15px / 700 / caps
Sua taxa de acerto subiu 8% esta semanaSubtitle · 18px / 500
Texto de corpo grande, usado em introduções de aula e destaques de leitura.Body Large · 17px / 400
Texto de corpo padrão, para a maior parte do conteúdo da plataforma.Body · 15px / 400
Texto de corpo pequeno, para listas densas e metadados.Body Small · 13px / 400
Atualizado há 3 minutosCaption · 12px / 400
Bloco 2 de 5Overline · 11px / 700 / caps

04

Escala de Espaçamento

Escala base de 4px, usada em paddings, margins e gaps de grid em toda a plataforma.

05

Border Radius

Cantos progressivamente mais suaves para reforçar a sensação acolhedora do produto — de inputs (radius-2) a badges circulares (radius-full).

06

Sombras

Elevações sutis — nunca dramáticas — para não competir com o conteúdo de estudo.

07

Ícones

Sistema de ícones lineares (estilo Lucide), stroke de 2px, consistentes com a tipografia geométrica do produto.

08

Botões

Oito variações semânticas, cada uma com estados normal, hover, pressed, disabled e loading.

Variações — estado normal
Com ícones
Estados — pressed / disabled / loading

09

Campos de Formulário

Todos os campos usam o mesmo token de borda, foco (ring azul-marinho) e estados de validação.

Mínimo de 8 caracteres.
E-mail inválido. Verifique o formato.
Cupom válido — 10% de desconto.
Notificações por e-mail

10

Cards

Padrão único de card (superfície + borda + hover elevado) aplicado a todos os contextos da plataforma.

Card simples

Conteúdo genérico usado em painéis informativos e avisos do sistema.

Curso

Curso Magistratura 2027

184 aulas · 26 módulos

Módulo

Módulo 4 — Direito Penal

12 aulas · 3 simulados

Aula

Aula 09 — Improbidade Administrativa

52 min · Prof. Marina Duarte

Questões resolvidas 2.340 ▲ 12% esta semana
Ranking
JP

João Pedro

3º lugar geral
Conquista

100 dias seguidos

Ofensiva de estudo

Progresso

Direito Constitucional

82% concluído · faltam 6 aulas

11

App Shell — Sidebar, Navbar & Dashboard

Estrutura real da plataforma: navegação lateral, barra superior e métricas do dashboard do aluno.

3 notificações novas
Horas estudadas142h▲ 6h esta semana
Taxa de acerto78%▲ 3%
Posição no ranking#12▼ 2 posições

Continue de onde parou

Direito Administrativo — Módulo 4

12

Videoaulas & Lista de Aulas

Introdução ao módulo08:12
Princípios constitucionais22:45
3Controle de constitucionalidade31:10
4Questões comentadas18:30
Material de apoio da aula
PDF com o resumo esquematizado, mapa mental e as 10 questões mais cobradas sobre o tema em provas anteriores.
Perguntas frequentes
Dúvidas mais comuns dos alunos sobre este módulo, respondidas pela equipe pedagógica.

13

Simulado & Questão de Concurso

Questão 14 de 40 · Direito Administrativo
01:30

Segundo a Lei 14.133/2021, é correto afirmar que o pregão eletrônico:

ANão admite fase de lances.
BÉ modalidade obrigatória para bens e serviços comuns, salvo exceções legais.
CExige necessariamente a presença física dos licitantes.
DÉ vedado para contratações de valor elevado.
A alternativa correta é a letra B. O pregão eletrônico é a modalidade padrão para aquisição de bens e serviços comuns pela Administração Pública, conforme prevê a nova lei de licitações.
68% dos alunos acertaram esta questão. Tempo médio de resposta: 47 segundos.
Lei 14.133/2021, art. 6º, inciso XLI e art. 17.

14

Ranking, Perfil & Certificado

Ranking semanal

AS
Ana Souza2.480 pts
RL
Rafael Lima2.310 pts
JP
João Pedro2.145 pts
CM
Carla Mendes1.980 pts
MD

Marina Duarte

Plano Anual
500 questões Ofensiva 12 dias 2 pendências

Certificado de conclusão

Curso Magistratura Estadual 2027

Marina Duarte concluiu 100% da carga horária com aproveitamento de 84%.

AlunoCursoProgressoStatus
Ana SouzaMagistratura100%Concluído
Rafael LimaDelegado72%Em andamento
Carla MendesDefensoria18%Atrasado
Mostrando 1–3 de 128
Módulo 1 — Fundamentos
Concluído em 12/03
Módulo 2 — Direito Constitucional
Concluído em 28/03
Módulo 3 — Direito Administrativo
Em andamento
Módulo 4 — Direito Penal
A iniciar

15

Overlays & Navegação

Toast, Tooltip, Modal, Drawer e Dropdown já foram demonstrados acima em contexto. Abaixo, os disparadores isolados para teste rápido.

Filtrar questões