wakeup
Kit de marca
A marca, o lockup, a paleta e as regras. Tudo aqui roda ao vivo na página de onde você veio.
A marca
Três círculos que se completam em sequência: um esboço tracejado, um contorno, um sólido. É a mesma progressão que o produto descreve, então a marca pode animar quando um sistema conclui um job. Nunca mais rápido do que dá para ler.
empty
step 1
step 2
complete
A palavra
Assim o lockup abre no site. Começa em wup, os mesmos três pulsos da marca. Depois a palavra se abre, letra por letra, até wakeup. Clique abaixo para repetir.
Lockup
Marca e wordmark, sempre com o espaço mostrado abaixo. O wordmark vai sem o subscrito "labs".
Arquivos
logo-wakeup-white.png ↓16px20px28pxPaleta
Clique em qualquer amostra para copiar o hex.
Tipografia
Inter para tudo que uma pessoa lê. Uma monoespaçada para labels, estados, valores e tudo que um sistema produziu.
sans · inter
Value that has to move
Regular 400 · Medium 500 · tracking -0.02em on headings
mono · labels & system output
mandate · policy · action · evidence
0x8f2a…a41c · attested
Regras
- 01Nunca colocar a marca sobre fundo claro sem checar contraste antes.
- 02Nunca recolorir os três círculos fora da paleta desta página.
- 03Nunca esticar o lockup. Ele escala, e o espaço escala junto.
- 04Nunca animar a marca abaixo de 14px. Aí vira ruído.