Skip to content
Brand · peekprompt.com

Every image has a prompt behind it. PeekPrompt lets you take a look.

Download logo packBrand guidelines
Official sealMMXXVI
01

Behind the image

One word, one shape, one colour. Each part of the mark tells the same short story.

Peek

Every picture on PeekPrompt was written before it was made. Peeking is the product: look past the image and read the words that built it.

The keyhole

The counter of the P is a keyhole. You can look through it, and some rooms stay locked. Reserve prompts live on the other side.

The gold light

Light falls from under the door. Gold is what waits behind it, so gold marks membership and nothing else.

02

Logo system

Four marks, one family. Use the lockup where there is room, the seal as a stamp, the monogram when it gets small.

Primary lockup

Seal + wordmark. Headers, decks, press.

Primary lockup
On darkSVG
Primary lockup
On lightSVG

Seal

The primary mark and official stamp. Full seal from 40 px; below that it drops the ring text automatically.

Seal
On darkSVG
Seal
On lightSVG

Monogram

Keyhole P alone, for 32 px and below.

Monogram
On darkSVG
Monogram
On lightSVG

Wordmark

Outlined Sora 650. Always paired with the seal in our own UI.

On darkIn lockup file
On lightIn lockup file

All files

Vector SVGs. Pick the version that matches the background.

03

Clear space & minimum sizes

Give the mark room and enough pixels to read.

Clear space

Keep a margin of x on every side, where x is the height of the keyhole. Nothing enters that area: no text, edges or other logos.

xxxx

x = keyhole height

Minimum sizes

The ring text needs at least 40 px to stay readable. Below that the seal switches to its compact form (double ring, no text); in tight squares like favicons use the monogram.

Seal · 40 px and up
  • 72 px
  • 56 px
  • 40 px
Monogram · 32 px and below
  • 32 px
  • 24 px
  • 16 px
04

Colour

Ink follows the theme. The keyhole is always gold.

Dark theme

Ink--fg
Background--bg
Surface--surface
Line--line

Light theme

Ink--fg
Background--bg
Surface--surface
Line--line

Member gold

Membership only: the keyhole, Reserve, Pro and Elite. Never decoration, never a button colour for anything else.

Member gold
Gold text · dark
Gold text · light
Gold PeekPrompt seal, the Reserve stamp
05

Typography

Three families, each with one job.

Look behind the image.

Manrope

Interface

Headings 600, body 400–700. Everything you read in the app.

PeekPrompt

Sora

Wordmark

Weight 650, outlined to paths in the logo. Not used for UI text.

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

JetBrains Mono

Prompt text

11–13 px for prompts, code and durations.

06

In use

Where the marks show up across the product.

Member card

The seal is engraved on every metal card. Move your pointer over it.

App icon

Monogram on graphite, 1024 px master.

Favicon

Monogram only. The seal never goes this small.

Top bar

The lockup with the compact seal at header size. Ink follows the theme.

07

Do & don't

A few rules that keep the mark recognisable.

  • Don'tRecolour the keyhole. It is always gold.
  • Don'tStretch, squash or rotate the mark.
  • Don'tAdd glows, shadows, bevels or gradients.
  • Don'tPut it straight onto a busy photo.
  • DoSet it on a dark scrim over photos.
  • Reserve
    DoKeep gold for membership: Reserve, Pro, Elite.