Assinatura principal
Turquesa conduz a mira; azul destaca a pessoa e o nome Job.
Logo horizontal
Ícone
Identidade visual · v1.3Interfaces claras e humanas.
Interfaces claras e humanas.
Decisões mais inteligentes.
O sistema visual da JobForged une precisão, proximidade e tecnologia. Esta base mantém o produto consistente em qualquer tela, nos temas claro e escuro.
Arquivos oficiais, prontos para usar.
Escolha a versão adequada e baixe o arquivo original sem alterar proporções ou cores.
Assinatura alternativa
Azul conduz a mira; turquesa destaca a pessoa e o nome Job.
Logo horizontal
Ícone
FaçaUse área de respiro e preserve as cores oficiais.
EviteEsticar, inclinar, contornar ou recolorir a marca.
Cores com função clara em cada camada.
A marca aparece nas ações e nos destaques. Neutros organizam o conteúdo; cores semânticas comunicam estados sem ambiguidade.
Sistema cromáticoMarca em primeiro plano.
Marca em primeiro plano.
Interface em equilíbrio.
Turquesa conduz decisões e confirma progresso. Azul orienta navegação, informação e recursos tecnológicos.
Os neutros estruturam a tela para que a informação e as ações ganhem prioridade.
Em andamento
01
Base da interfaceFundos, superfícies, linhas e leitura
02
Cores de feedbackEstados que exigem interpretação rápida
Mapa de aplicaçãoUse os tokens pelo papel que exercem, não apenas pela aparência.
Backgrounds
--ds-bgBase das páginas e áreas amplas, sempre com baixo contraste visual.
Containers
--ds-surfaceCards, painéis, tabelas e grupos de campos sobre o background.
Pop-ups
--ds-surface-raisedMenus, modais e notificações que precisam se destacar com sombra.
Linhas
--ds-borderDivisores e contornos discretos; nunca devem competir com o conteúdo.
Ações
--ds-brandAções principais, progresso e pontos positivos da experiência.
Informação
--ds-accentLinks, navegação ativa, tecnologia e destaques complementares.
Duas fontes, uma hierarquia fácil de reconhecer.
Montserrat lidera; Open Sans sustenta a leitura. A combinação equilibra personalidade de marca e clareza em interfaces densas.
Montserrat VariableFonte primária
Títulos, navegação, botões, métricas e labels curtas. Use pesos de 600 a 780 para dar direção e presença.
Open Sans VariableFonte secundária
Parágrafos, campos, tabelas, descrições e conteúdos longos. Use pesos de 400 a 650 para maximizar a leitura.
Display · Montserrat 52/58Talentos que movem negócios.
Heading · Montserrat 32/40Visão completa do processo.
Body · Open Sans 15/24
Informação organizada para o RH decidir com mais segurança, contexto e agilidade.
Label · Montserrat 12/16ETAPA ATUAL · ENTREVISTA
Botões compactos, claros e consistentes.
Cantos discretos e cores leves mantêm as ações acessíveis sem competir com o conteúdo.
Principais
Transparentes
Botão de menu
Navegação do cabeçalho
Link de navegaçãoTexto com mudança de cor e linha inferior no hover.
Tamanhos
Estados
Controles limpos, previsíveis e prontos para o produto.
O manual agora utiliza a mesma biblioteca oficial das futuras telas. Estados, dimensões, foco e comportamento serão reaproveitados sem reconstruir componentes por página.
Biblioteca oficial da aplicaçãoUma única implementação para vagas, candidatos, login, dashboard e Kanban.
- 100% responsivo
- Claro + escuro
- Acessibilidade incluída
Inputs essenciais
Use um título reconhecido pelo mercado.
Usado apenas nas comunicações sobre a vaga.
Pesquise por dados ou competências do perfil.
A senha precisa ter pelo menos 8 caracteres.
Dropdowns
Modelo de trabalhoSelecione uma modalidade para a vaga.
MultiDropdown
Competências desejadasSelecione mais de uma competência sem perder contexto.
Calendários
Data da entrevistaEscolha uma data no calendário da JobForged.
Período de entrevistasEscolha a data inicial e depois a data final do período.
Variações com novas opções
Etapa do processoSelecione uma etapa existente ou crie outra.
Benefícios da vagaSelecione benefícios existentes ou adicione novos.
Checkbox e rádio
Toggle button
Notificações de candidatosReceber um alerta sempre que um novo perfil entrar no funil.
Uploads individuais
Uploads múltiplos
Novos arquivos são adicionados à lista sem substituir os anteriores.
As imagens aparecem em miniaturas e podem ser removidas individualmente.
Rich text
Descrição da vaga
Sobre a oportunidade
Descreva responsabilidades, resultados esperados e como o time trabalha.
Descreva responsabilidades, resultados esperados e como o time trabalha.
Peças pequenas que formam experiências completas.
Combine status, pessoas e notificações com o mesmo vocabulário visual em todo o produto.
Status
AprovadoEm avaliaçãoNão selecionadoNovo
Pessoas
BS
Beatriz SouzaProduct Designer
AM
André MartinsCustomer Success
Alertas rápidos
Clique para visualizar a notificação.
Candidatos
Vagas
Notificações
Pesquisa
Dashboard
Aprovados
Documentos
Calendário
Mensagens
Filtros
Personalizar
Configurações
Empresas
Localização
Enviar arquivo
Baixar
Segurança
Acesso
Visualizar
JobForgedDashboards para cada decisão de recrutamento.
Seis composições reutilizáveis apresentam indicadores, tendências e gargalos com hierarquia clara e dados de demonstração realistas.
Vagas ativas18+3 no mês
Candidaturas1.284+18,4%
Contratações17Meta: 20
Tempo médio21d-4 dias
Candidaturas486
Triagem218
Entrevistas94
Propostas28
Contratações17
VagaCandidatosTempoMatch
Product Designer14218 dias92%
Customer Success9824 dias87%
People Analyst7616 dias89%
1.284total
- LinkedIn 38%
- Portal de vagas 31%
- Indicações 19%
- Outros 12%
S1
S2
S3
S4
S5
S6
Triagem inicial8hmeta 12h
Retorno da entrevista31hmeta 24h
Envio de proposta18hmeta 24h
Vagas sem movimento3há +7 dias
Uma miniatura fiel da aplicação.
A proporção, a navegação e a densidade de informação antecipam a tela real do produto — com o dashboard como primeira experiência.
Dashboards / Visão geralBom dia, Mateus 👋Acompanhe os resultados da sua operação de talentos.
Funil de recrutamentoConversão por etapa
Candidaturas486
Triagem218
Entrevistas94
Propostas28
Contratações17
CandidaturasVolume nas últimas 6 semanas
+18,4%Vagas em destaqueMaior volume de candidatos
Product Designer142 candidatos92% aderência média
Customer Success98 candidatos87% aderência média
People Analyst76 candidatos89% aderência média
Atividade recenteAtualizações do time
- BS
Beatriz Souza avançou para entrevistaHá 12 minutos
- AM
André Martins enviou o teste técnicoHá 38 minutos
- LR
Larissa Rocha recebeu uma propostaHá 1 hora