Aller au contenu
Marque · peekprompt.com

Chaque image a un prompt derrière elle. PeekPrompt vous permet d'y jeter un œil.

Sceau officielMMXXVI
01

Derrière l'image

Un mot, une forme, une couleur. Chaque élément de la marque raconte la même courte histoire.

Peek

Chaque image de PeekPrompt a été écrite avant d'être créée. Le produit, c'est justement le regard : aller au-delà de l'image et lire les mots qui l'ont construite.

Le trou de serrure

La boucle du P est un trou de serrure. On peut regarder à travers, et certaines pièces restent verrouillées. Les prompts de Reserve se trouvent de l'autre côté.

La lumière dorée

La lumière filtre sous la porte. L'or, c'est ce qui attend derrière elle : il ne signale donc que l'adhésion, et rien d'autre.

02

Système de logos

Quatre marques, une même famille. Utilisez le logo complet là où il y a de la place, le sceau comme tampon, le monogramme quand la taille devient petite.

Logo complet principal

Sceau + logotype. En-têtes, présentations, presse.

Logo complet principal
Sur fond sombreSVG
Logo complet principal
Sur fond clairSVG

Sceau

La marque principale et le tampon officiel. Sceau complet à partir de 40 px ; en dessous, le texte circulaire disparaît automatiquement.

Sceau
Sur fond sombreSVG
Sceau
Sur fond clairSVG

Monogramme

Le P au trou de serrure seul, pour 32 px et moins.

Monogramme
Sur fond sombreSVG
Monogramme
Sur fond clairSVG

Logotype

Sora 650 contourné. Toujours associé au sceau dans notre propre interface.

Sur fond sombreFichier du logo complet
Sur fond clairFichier du logo complet
03

Zone de protection et tailles minimales

Laissez de la place à la marque et assez de pixels pour la lire.

Zone de protection

Conservez une marge de x sur chaque côté, où x est la hauteur du trou de serrure. Rien ne doit entrer dans cette zone : ni texte, ni bord, ni autre logo.

xxxx

x = hauteur du trou de serrure

Tailles minimales

Le texte circulaire a besoin d'au moins 40 px pour rester lisible. En dessous, le sceau passe à sa forme compacte (double anneau, sans texte) ; dans les petits carrés, comme les favicons, utilisez le monogramme.

Sceau · 40 px et plus
  • 72 px
  • 56 px
  • 40 px
Monogramme · 32 px et moins
  • 32 px
  • 24 px
  • 16 px
04

Couleur

L'encre suit le thème. Le trou de serrure est toujours doré.

Thème sombre

Encre--fg
Fond--bg
Surface--surface
Trait--line

Thème clair

Encre--fg
Fond--bg
Surface--surface
Trait--line

Or des membres

Réservé à l'adhésion : le trou de serrure, Reserve, Pro et Elite. Jamais en décoration, jamais en couleur de bouton pour autre chose.

Or des membres
Texte doré · sombre
Texte doré · clair
Sceau PeekPrompt doré, le tampon de Reserve
05

Typographie

Trois familles, chacune avec un seul rôle.

Regardez derrière l'image.

Manrope

Interface

Titres en 600, texte en 400 à 700. Tout ce que vous lisez dans l'application.

PeekPrompt

Sora

Logotype

Graisse 650, convertie en tracés dans le logo. Non utilisée pour le texte de l'interface.

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

JetBrains Mono

Texte des prompts

11 à 13 px pour les prompts, le code et les durées.

06

En pratique

Là où les marques apparaissent dans tout le produit.

Carte de membre

Le sceau est gravé sur chaque carte métallique. Passez le pointeur dessus.

Icône d'application

Monogramme sur graphite, version maîtresse de 1024 px.

Favicon

Monogramme uniquement. Le sceau ne descend jamais aussi petit.

Barre supérieure

Le logo complet avec le sceau compact à la taille de l'en-tête. L'encre suit le thème.

07

À faire et à éviter

Quelques règles qui gardent la marque reconnaissable.

  • À éviterChanger la couleur du trou de serrure. Il est toujours doré.
  • À éviterÉtirer, écraser ou faire pivoter la marque.
  • À éviterAjouter des halos, des ombres, des biseaux ou des dégradés.
  • À éviterLe poser directement sur une photo chargée.
  • À faireLe placer sur un voile sombre au-dessus de photos.
  • Reserve
    À faireRéserver l'or à l'adhésion : Reserve, Pro, Elite.