The ThatPrompt brand

Name

One word, capital T, capital P. ThatPrompt is made by Black Lab Studios.

Describing ThatPrompt

Use these as they are, or cut them down.

Logo

The mark is the Buddy: one keycap with two eyes, on a green tile, with a spark above its shoulder. The key is the hotkey that opens ThatPrompt. The eyes make it a companion. The spark is Enhance.

App icon

Wherever the icon stands alone above 32px.

SVG PNG 512

macOS icon

Apple's 1024 grid, with margin and shadow. For Mac screenshots and listings.

SVG PNG 1024

Square icon

Where the platform rounds the corners itself, like social avatars.

SVG

Small icon

32px and below, and every favicon. Flat, no spark, bigger eyes.

SVG

Lockup

Icon and wordmark together, on light grounds.

SVG

Lockup, dark

Icon and wordmark together, on Charcoal.

SVG

Wordmark

The name alone, when the icon is already nearby.

SVG

Wordmark, white

The name alone, on Charcoal.

SVG

Clear space and size

• Keep a quarter of the icon's width clear on every side.
• In the lockup, the gap between tile and wordmark is a quarter of the tile's height. Use the file, don't rebuild it.
• Above 32px use the full icon. At 32px and below, switch to the small icon.

Don't

Recolour the tile, stretch or rotate the icon, outline it, add a mouth or accessories, or put it on a busy background.

The Buddy

Inside the product the Buddy leaves its tile behind. It has five expressions, and each one has one job.

Neutral

Hello. Welcomes people in.

SVG PNG

Thinking

Working on it. Shown while Enhance runs.

SVG PNG

Happy

Done. Celebrates a finished step.

SVG PNG

Oops

Something went wrong. Sits next to the message that explains it.

SVG PNG

Sleepy

Nothing here yet. Empty states.

SVG PNG

• One Buddy per screen, at most.
• It never speaks. Copy sits beside it, never in a speech bubble.
• The face is eyes only. A new expression changes the eyes and nothing else.
• The four-point spark belongs to the Buddy and to Enhance. Don't use it as decoration.

Colour

Neutral first. Meadow Mist is the only hue, and it's always a fill. ThatPrompt is a Black Lab Studios tool, so the neutrals and type are the studio's. Click a colour to copy its hex.

Meadow Mist

ThatPrompt's own colour. A fill behind Charcoal text, never a text colour.

Foundation

The Black Lab Studios neutrals every product shares.

Charcoal tints

80% for secondary text. 60% for large text only. 40% and 20% never carry text on light.

Icon green

Belongs to the icon and the Buddy artwork. Never use it in UI.

Rock, Warm Clay and Lavender belong to other Black Lab Studios products. Keep them out of ThatPrompt work.

Type

Inter, everywhere. No second family and no monospace, keyboard shortcuts included. Get it free from Google Fonts. Sentence case for headings and buttons.

Accent is for quotes and editorial emphasis, never for UI labels. Keep running text near 65 characters a line.

Layout

An 8px base. A 12-column grid with a 24px gutter and a 64px outer margin. Only the steps below.

The app window is the only thing that casts a shadow.

Icons

Lucide, outlined, 2px stroke, no fill. 24px by default, also 16, 20 and 32. Charcoal on light, White on dark. No emoji as icons.

Voice

Write like a person who uses the app every day. Short sentences, one idea each.