Pular para o conteúdo
Marca · peekprompt.com

Toda imagem tem um prompt por trás. O PeekPrompt deixa você dar uma espiada.

Selo oficialMMXXVI
01

Por trás da imagem

Uma palavra, uma forma, uma cor. Cada parte da marca conta a mesma história curta.

Espiar

Toda imagem do PeekPrompt foi escrita antes de ser feita. Espiar é o produto: olhe além da imagem e leia as palavras que a construíram.

O buraco da fechadura

O miolo do P é um buraco de fechadura. Você pode olhar por ele, e alguns cômodos continuam trancados. Os prompts do Reserve ficam do outro lado.

A luz dourada

A luz vaza por baixo da porta. O dourado é o que espera do outro lado, por isso ele indica somente a assinatura, e nada mais.

02

Sistema de logos

Quatro marcas, uma família. Use o conjunto completo onde houver espaço, o selo como carimbo e o monograma quando ficar pequeno.

Conjunto principal

Selo + nome. Cabeçalhos, apresentações, imprensa.

Conjunto principal
No escuroSVG
Conjunto principal
No claroSVG

Selo

A marca principal e o carimbo oficial. Selo completo a partir de 40 px; abaixo disso, o texto do anel some automaticamente.

Selo
No escuroSVG
Selo
No claroSVG

Monograma

Só o P com buraco de fechadura, para 32 px ou menos.

Monograma
No escuroSVG
Monograma
No claroSVG

Nome

Sora 650 em contornos. Sempre usado junto com o selo na nossa interface.

No escuroNo arquivo do conjunto
No claroNo arquivo do conjunto
03

Área de respiro e tamanhos mínimos

Dê espaço à marca e pixels suficientes para ser lida.

Área de respiro

Mantenha uma margem de x em todos os lados, onde x é a altura do buraco da fechadura. Nada entra nessa área: nem texto, bordas ou outros logos.

xxxx

x = altura do buraco da fechadura

Tamanhos mínimos

O texto do anel precisa de pelo menos 40 px para ficar legível. Abaixo disso, o selo muda para a versão compacta (anel duplo, sem texto); em quadrados pequenos, como favicons, use o monograma.

Selo · 40 px ou mais
  • 72 px
  • 56 px
  • 40 px
Monograma · 32 px ou menos
  • 32 px
  • 24 px
  • 16 px
04

Cor

A tinta segue o tema. O buraco da fechadura é sempre dourado.

Tema escuro

Tinta--fg
Fundo--bg
Superfície--surface
Linha--line

Tema claro

Tinta--fg
Fundo--bg
Superfície--surface
Linha--line

Dourado de membro

Somente para membros: o buraco da fechadura, Reserve, Pro e Elite. Nunca decoração, nunca cor de botão para outra coisa.

Dourado de membro
Texto dourado · escuro
Texto dourado · claro
Selo dourado do PeekPrompt, o carimbo do Reserve
05

Tipografia

Três famílias, cada uma com uma função.

Olhe por trás da imagem.

Manrope

Interface

Títulos 600, texto 400–700. Tudo o que você lê no app.

PeekPrompt

Sora

Nome da marca

Peso 650, convertido em contornos no logo. Não é usada em textos da interface.

portrait, soft rim light, 85mm --ar 3:4

JetBrains Mono

Texto de prompt

11–13 px para prompts, código e durações.

06

Em uso

Onde as marcas aparecem no produto.

Carteirinha de membro

O selo é gravado em todas as carteirinhas de metal. Passe o ponteiro sobre ele.

Ícone do app

Monograma sobre grafite, master de 1024 px.

Favicon

Só o monograma. O selo nunca fica tão pequeno.

Barra superior

O conjunto com o selo compacto no tamanho do cabeçalho. A tinta segue o tema.

07

O que fazer e o que não fazer

Algumas regras que mantêm a marca reconhecível.

  • Não façaMudar a cor do buraco da fechadura. Ele é sempre dourado.
  • Não façaEsticar, comprimir ou girar a marca.
  • Não façaAdicionar brilhos, sombras, relevos ou gradientes.
  • Não façaColocar direto sobre uma foto cheia de detalhes.
  • FaçaUsar sobre uma película escura em cima de fotos.
  • Reserve
    FaçaReservar o dourado para membros: Reserve, Pro, Elite.