O estilo do site novo

Uma gramática visual só, com dois selos dentro: a Fábrica RH em teal para o que é sob medida, a Treinamundi em coral para os jogos prontos. A base clara, o botão em pílula e o respiro vêm da Treinamundi, que é a marca mais atual de vocês hoje.

Isto é provisório de propósito.

As cores e as fontes aqui saem do que está no ar hoje, corrigidas para passar em contraste. Quando a consultoria de marca entregar o manual, trocamos um arquivo só e o site inteiro acompanha. Nenhuma tela precisa ser refeita.

Os dois selos

a mesma gramática, duas famílias de cor

Fábrica RH

Treinamentos desenhados para a empresa. Teal.

Treinamundi

52 jogos prontos, comprados e aplicados. Coral.

Paleta

contraste medido, não estimado
fundo da página
Superfície
#F8F7F1
o off-white da Treinamundi
header e rodapé
Tinta
#0A0A0A
18.45:1 sobre a superfície
texto e botão
Fábrica
#017777
5.01:1 como texto · 5.38:1 com branco em cima
só fundo
Fábrica viva
#02C7C7
o ciano do site atual. 1.96:1 como texto, então só entra como fundo, com texto preto
texto e botão
Treinamundi
#BF4C45
4.51:1 como texto · 4.84:1 com branco em cima
só fundo
Coral vivo
#FF665D
o coral da loja. 2.68:1 como texto, vira fundo
fundo com texto preto
Limão
#8CEA00
com branco em cima dá 1.51:1, que é o botão ilegível do onboarding hoje. Com preto, 13.09:1
faixa e tabela
Superfície baixa
#F2F1EE
linha #E6DDCC

Tipografia

Instrument Sans nos títulos, Inter no texto
--step-4Jogos que mudam times
--step-3Jogos que mudam times
--step-2Jogos que mudam times
--step-1Jogos que mudam times
--step-0Vinte anos desenhando treinamento para empresa que precisa de gente engajada, e não de mais um slide.
--step--1Legenda, data de post, rótulo de campo.

No site final as duas fontes ficam hospedadas junto com as páginas, não no Google. Os quatro sites de hoje carregam fonte do servidor do Google e isso segura o carregamento.

Botões

pílula, herdada da Treinamundi

Cards

a ficha do jogo e o post do blog
imagem do jogo
Treinamundi · Liderança

Inimigos do Protagonismo

Presencial, de 8 a 30 pessoas. Manual, cartas e roteiro de debriefing inclusos.

imagem do jogo
Treinamundi · Online

Jogo online de Meta Smart

Turmas remotas, 60 minutos, com facilitação conduzida por você.

imagem do post
Blog · Onboarding

O que faz um novato desistir na primeira semana

Seis meses de acompanhamento em três clientes, e o padrão que apareceu nos três.

Formulário

o lead vai para o ActiveCampaign e para o WhatsApp
Faltam dígitos nesse número.

Prova social

o ativo mais forte que vocês têm

Os logos de cliente que estão na Fábrica hoje são imagens de 200 pixels, de 2020. Na home nova eles ganham uma faixa própria, e para isso precisamos dos arquivos em vetor.

cliente
cliente
cliente
cliente
cliente
cliente
cliente
cliente

Movimento

é daqui que sai a sensação de site fluido

A transição entre páginas não pisca em branco, o card sobe ao passar o mouse, e o botão afunda um pouco quando você clica. Quem configurou o sistema para reduzir animação recebe o site parado.

--ease-out
--ease-spring