primária
#5F48D9
Token renderizado nos componentes Figma.
estude
Referências oficiais no Figma do Só Estude.
estude
Style GuideStyle Guide->Cores
Paleta de Cores
Sistema de cores para aplicar marca, contraste, status e superfícies de uma forma consistente.
Branding
Cores principais da marca, usadas em identidade, CTAs, estados ativos e elementos de destaque.
secundária
#B0CA51
Status
Cores usadas para feedbacks, alertas, validação de campos e estados operacionais.
sucesso
#30A46C
info
#0588F0
aviso
#FFE629
erro
#E54D2E
Base
Neutros para textos, divisórias, fundos, placeholders, containers e contraste com branco.
cinza_escuro
#25201C
cinza_medio
#A0ABC0
cinza_borda
#D5DCE9
cinza_leve
#FAFBFD
branco_absoluto
#FFFFFF
estude
Style GuideStyle Guide->Tipografia
Fontes e Textos
Hierarquia tipográfica baseada no frame Tipografia do Figma, com Poppins como família principal.
Font Family
Font-family-01: usada para títulos, textos, campos, botões e interações do produto.
AaAa
Poppins
Google Font definida no frame Tipografia.
Medium
Bold
TipoLarguraTamanhoAltura da linha
Display 1
Bold (600)
48px
Automático
Display 2
Regular (600)
40px
Automático
Título 1
Regular (600)
32px
Automático
Subtítulo 2
Medium (500)
24px
Automático
Subtítulo 1
Regular (400)
24px
Automático
Texto padrão
Medium (500)
16px
Automático
Placeholder
Medium (500)
16px
Automático
Texto menor
Medium (500)
14px
Automático
estude
Style GuideStyle Guide->Grid
Regras de Layout
Regras de layout para desktop, tablet, mobile e escala de espaçamento do produto.
desktop
- Viewport
- 1440 x 1024px
- Columns
- 12 Columns
- Column Spacing
- Column Spacing 24px
- External margin
- External margin 48px
tablet
- Viewport
- 768 x 1024px
- Columns
- 6 Columns
- Column Spacing
- Column Spacing 24px
- External margin
- External margin 48px
mobile
- Viewport
- 320 x 1024px
- Columns
- 2 Columns
- Column Spacing
- Column Spacing 16px
- External margin
- External margin 24px
spacing options
8px
16px
24px
32px
40px
64px
80px
96px
120px
estude
Style GuideStyle Guide->Branding e Assets
Assets
Variações oficiais de marca e ícone conforme os frames Logos e Branding do Figma.
Logos
Variações de marca encontradas no frame Logos e no component set Branding do Figma.
estude
Principal (Grande)
Principal (Grande verde)
estude
Principal (small)
estude
Roxa e branco
estude
Verde e cinza
Principal (ícone)
Roxa (ícone)
Verde (ícone)
estude
ComponentesStyle Guide->Componentes
UI Kit
Componentes principais do Figma convertidos para primitives reutilizaveis do projeto.
Inventário
Inventário direto dos component sets e componentes encontrados na página Componentes.
BrandingButtoninputTagtabs-groupSidebar navigationTableModalAlertCheckboxToggleDropdownLayoutDashboardCabecalhoDashboardBreadcrumbDashboardAcoesDashboardBarraLateralDashboardCardResumoDashboardBannerBoasVindasCardProgressoGeralCardMetaHojeItemMetaHojeEstadoVazioDashboardProgressoSemanaMetaSemanalDashboardVisaoSemanalDashboardBannerPendenciasSeletorEditalLayoutOnboardingCartaoOnboardingIndicadorEtapasOnboardingRodapeOnboardingEstadoCarregandoOnboardingEstadoErroOnboardingEtapaSucessoOnboardingEtapaBoasVindasEtapaDadosEditalListaIntervalosRevisaoDicaOnboardingEtapaMetodoConteudoCardOpcaoOnboardingEtapaImportarEditalPreviewImportacaoEditalResultadoImportacaoEditalEtapaConteudoManualFormularioDisciplinaManualListaDisciplinasOnboardingItemDisciplinaOnboardingItemConteudoOnboardingEtapaTipoPlanoEtapaEspecialistaFormularioEspecialistaTabelaDisciplinasEspecialistaResultadoEspecialistaEtapaPlanoManualLinhaDiaPlanoManualAlocacaoDisciplinaPlanoSeletorTempoEstudoEtapaResumoOnboardingModalConfirmacaoExclusao
Button
Altura de 45px, raio de 8px, hierarquias Primary, Secondary, Tertiary e estados Default, Hover, Focused e Inactive.
Primary
Secondary
Tertiary
Destructive
input
Estados Default, Filled, Active, Disable, Hover e Error, com label, supporting text e ícones.
Tag
Tags com borda de 0.5px, raio de 4px, padding compacto e variações Red, Orange, Green, Blue, Gray, Yellow e Purple.
redorangegreenbluegrayyellowpurple
tabs-group
Table
| Disciplina | Progresso | Status | Ações |
|---|---|---|---|
| Matemática | 92% | Ativo | |
| Redação | 76% | Revisar | |
| Biologia | 64% | Pendente |
Progress ring
Indicador circular de progresso percentual usado em leituras consolidadas, como Edital Otimizado.
Concluído
40%
Auth
Controles reutilizáveis do módulo de autenticação: checkbox, checklist de senha, estado de erro e composição com Input/Button.
- Mínimo 8 caracteres
- Letras maiúsculas e minúsculas
- Pelo menos um símbolo ou número
Email ou senha inválidos. Por favor, tente novamente.
Dashboard
Componentes visuais do Dashboard: layout, cabeçalho, seletor de edital, cards, metas, pendências e visão semanal.
Edital:
estude
Olá, Lukas Lemos!
Bem vindo(a) ao Só Estude!
Tudo sobre as atividades (Estudos e Revisões) serão atualizadas aqui.
estude
2h 48m
Estudado Hoje
Em progresso
12
Sequência
Dias estudando
38
Questões Realizadas Hoje
85%
Taxa de Acerto
+5% esta semana
Meu progresso geral
Edital OtimizadoPolícia Federal 2025
90%
127
Estudos Concluídos
89
Revisões feitas
Você está quase lá! Continue assim para alcançar seus objetivos.
Sua meta hoje
Atenção! Você tem 2 estudos e 3 revisões pendentes!
Ver pendênciasProgresso da semana
4 dias ativos3 metas batidas21.0h total
21.0h
Total estudado
Total estudado
4/7
Dias Ativos
Dias Ativos
3
Metas batidas
Metas batidas
5.3h
Média/Dia
Média/Dia
Meta Semanal: 28h
Meta diária: 4hExcepcional: 6h+Faltam 7.0h para completar
75%
Concluído
Domingo
Sem atividadeSem atividade
Não estudou
Segunda
3.8h1.5h faltou
Incompleto
Terça
6.2h2.2h extra
Excepcional
Quarta
4hMeta exata!
Exato
Quinta
5.5hHoje - Meta batida!
Bateu a meta
Sexta
2.8hEm progresso
Ativo
Sábado
Sem atividadeSem atividade
Pendente
Sua meta hoje
Nenhuma [VARIÁVEL] encontrada
Você não tem nenhuma matéria pendente no momento.
Edital:
Edital:
Nenhum [VARIÁVEL] encontrado
Você não tem nenhuma [ variável ] definida ainda.
Onboarding
Componentes do onboarding: estrutura central, etapas, importação, conteúdo manual, Especialista, plano manual, resumo, estados e modal de confirmação.
Bem-vindo ao SÓ ESTUDE!
Vamos começar sua jornada de aprovação? Crie seu primeiro edital em poucos passos e monte um plano de estudos personalizado.
- 1
- 2
- 3
- 4
- 5
- 6
Crie seu primeiro edital
Preencha as informações essenciais
1ª RevisãoApósDias
2ª RevisãoApósDias
Você está criando um padrão de revisões de estudo.
- 1Ative o agendamento de revisões.
- 2Defina os intervalos que serão usados após cada revisão anterior.
- 3Ao registrar uma atividade, marque a opção para gerar revisão automática.
Como deseja adicionar seu edital?
Você pode escolher como prefere adicionar seu edital, inserindo as disciplinas manualmente, copiando diretamente do seu edital ou escolher um edital pronto da nossa plataforma.
Monte seu plano de estudos!
Escolha a forma que mais combina com você para criar seu cronograma de estudos de forma prática e organizada.
Cole aqui seu edital
Copie e cole abaixo seguindo o modelo: disciplina na primeira linha, tópicos nas linhas seguintes. Use uma linha em branco para separar disciplinas.
Dica: como funciona
- 1Disciplina na primeira linha
- 2Tópicos nas linhas seguintes
- 3Linha em branco para separar disciplinas.
Disciplina(s) adicionada(s)
Disciplinas 3Conteúdos 8
Monte o edital do seu jeito.
Adicione manualmente cada disciplina e os conteúdos que deseja estudar.
Dê uma cor à sua disciplina (opcional)
Disciplina(s) adicionada(s)
Disciplinas 2Conteúdos 5
Conteúdos (3 selecionados)
Interpretação de Texto
Gramática
Redação Oficial
Conteúdos (2 selecionados)
Direitos Fundamentais
Poder Legislativo
Plano de estudos
Informe quantas horas você tem disponível para estudar em cada dia
Total semanal: 12h 00 min
SEG
03:00
:
TER
02:00
:
QUA
02:00
:
QUI
02:00
:
SEX
03:00
:
SÁB
--:--
:
DOM
--:--
:
Dia
SEG
TER
QUA
QUI
SEX
SÁB
DOM
Horas
03:00
:
02:00
:
02:00
:
02:00
:
03:00
:
--:--
:
--:--
:
Deixe em branco os campos dos dias que não pretende estudar.
Nível de conhecimento5Intermediário
Conhecimento moderado
12345678910
O sistema distribuirá suas matérias
de forma otimizada.
12.0h
Total horas por semanaPlano de estudos
Escolha os dias da semana que irá estudar, as disciplinas e o tempo de cada uma para seu plano de estudos.
Cronograma da Semana
Configure quantas horas e quais matérias estudar em cada dia
Total semanal: 2h 00 min
Total:
:
hora(s)1 h
:
1 h
:
Total:
:
hora(s)
Adicione matérias
Clique em "Adicionar matéria" para alocar tempo de estudo
Total:
:
hora(s)Adicione matérias
Clique em "Adicionar matéria" para alocar tempo de estudo
Total:
:
hora(s)Adicione matérias
Clique em "Adicionar matéria" para alocar tempo de estudo
Total:
:
hora(s)Adicione matérias
Clique em "Adicionar matéria" para alocar tempo de estudo
Total:
:
hora(s)Adicione matérias
Clique em "Adicionar matéria" para alocar tempo de estudo
Total:
:
hora(s)Adicione matérias
Clique em "Adicionar matéria" para alocar tempo de estudo
Confira seu onboarding
Revise as informações antes de finalizar. Se precisar, volte para a etapa correspondente.
Edital
- Nome
- Polícia Federal 2026
- Banca
- CEBRASPE
- Cargo
- Agente
- Data
- 2026-09-20
Revisões
2 revisão(ões): 3d, 7d
Disciplinas
2 disciplina(s) e 5 conteúdo(s) cadastrados.
Plano
Tipo: Manual
Carga semanal: 2h
Carregando seu onboarding...
Revise antes de continuar
Mensagem de validação do onboarding.
Plano criado com sucesso!
Seu plano de estudos foi montado e já está no seu calendário. Agora é só seguir o cronograma e avançar rumo à sua aprovação
Modal de exclusão
Confirmação destrutiva usada para remover matérias e conteúdos do onboarding.
Sidebar navigation
Componente estrutural do component set Sidebar navigation em estados fechado e aberto.
Branding
estude
estude
estude
Alert
Estado informativo para orientar uma ação do aluno.
estude
ComponentesStyle Guide->Layout
Menu lateral
Estrutura reutilizável de menu lateral, seguindo a distribuição do component set Sidebar navigation.