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.
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.
09
Campos de Formulário
Todos os campos usam o mesmo token de borda, foco (ring azul-marinho) e estados de validação.
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 Magistratura 2027
184 aulas · 26 módulos
Módulo 4 — Direito Penal
12 aulas · 3 simulados
Aula 09 — Improbidade Administrativa
52 min · Prof. Marina Duarte
João Pedro
3º lugar geral100 dias seguidos
Ofensiva de estudo
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.
Continue de onde parou
Direito Administrativo — Módulo 4
12
Videoaulas & Lista de Aulas
13
Simulado & Questão de Concurso
Segundo a Lei 14.133/2021, é correto afirmar que o pregão eletrônico:
14
Ranking, Perfil & Certificado
Ranking semanal
Marina Duarte
Plano AnualCertificado de conclusão
Curso Magistratura Estadual 2027
Marina Duarte concluiu 100% da carga horária com aproveitamento de 84%.
| Aluno | Curso | Progresso | Status |
|---|---|---|---|
| Ana Souza | Magistratura | 100% | Concluído |
| Rafael Lima | Delegado | 72% | Em andamento |
| Carla Mendes | Defensoria | 18% | Atrasado |
Módulo 1 — Fundamentos
Concluído em 12/03Módulo 2 — Direito Constitucional
Concluído em 28/03Módulo 3 — Direito Administrativo
Em andamentoMódulo 4 — Direito Penal
A iniciar15
Overlays & Navegação
Toast, Tooltip, Modal, Drawer e Dropdown já foram demonstrados acima em contexto. Abaixo, os disparadores isolados para teste rápido.