Newsreader
What would you ask if you knew how?
Ask better questions.
Display in roman, and italic for every question. Weight 400. Never set below 19 pixels.
Brand guide/Version 1
One idea, one mark, one action color, three typefaces and a short list of rules. If you are making something that carries the DreamPrompter name, start here.
01 / The idea
Ambient things are slow, soft and glowing. Whatever you point at snaps sharp, bright and fast. In a theater, the prompter sits out of sight and feeds actors the line they lost. DreamPrompter does that for the blank chat box.
What’s the strongest argument against what I’m about to do?
Know yourself/10 min
What’s the biggest thing I’m missing out on?02 / The logo
A chevron and a cursor, the two characters of a command line, with the cursor drawn as a closed eye. When someone copies a prompt the eye opens into an amber underscore for a moment, then goes back to sleep.
03 / Color
Most of the screen is near black and warm white. Color is saved for two jobs: amber for what you can press, and six lights for the scenes.
The dark you see with your eyes closed. Five steps, from the deepest to the nearest.
Void
#040307
--bg-void
Panels, bands, text on amber
Base
#090910
--bg-base
The page
Surface
#16161D
--bg-surface
Cards
Raised
#212129
--bg-raised
Hover, a control on a card
Overlay
#2D2D37
--bg-overlay
Toast, a selected segment
Text is warm paper, never pure white. Three steps are for reading. The fourth is not.
Paper
#F3F0E7
--text-1
Headings and body
17.4:1 on base
15.8:1 on surface
Secondary
#C3C3CE
--text-2
Supporting text
11.4:1 on base
10.3:1 on surface
Quiet
#9797A3
--text-3
Labels and hints
6.9:1 on base
6.2:1 on surface
Stroke
#676873
--text-4
Dashed blanks and borders. Not for text
3.6:1 on base
3.3:1 on surface
The one warm yellow. It marks what you can press, and the focus ring. Text on it is always dark.
Amber
#FFB757
--amber
Primary buttons, focus, the open eye
11.5:1 on base
Amber, hover
#FFC676
--amber-hi
The same button under a pointer
12.8:1 on base
On amber
#040307
--on-amber
Text on amber. Never white
11.9:1 on amber
The Prompt Book cover is the one light object on the site.
Cream
#F1E6D1
--cream
The cover of The Prompt Book
Cream ink
#15100C
--cream-ink
Type on the cover
15.3:1 on cream
One lightness, six hues, two scenes each. Violet is held back so it never reads as the purple AI gradient. Color is never the only signal: a light always sits beside its scene’s name.
Ember
#FE8E6B
--glow-ember
Know yourself, Everyday life
8.8:1 on base
Rose
#FE84A9
--glow-rose
People, Play
8.6:1 on base
Iris
#ADA5F6
--glow-iris
Mind and body, Write and create
9.0:1 on base
Spindle
#6BB7FE
--glow-spindle
Decide, Focus
9.3:1 on base
Aqua
#12C8D7
--glow-aqua
Money, Learn
9.7:1 on base
Lumen
#25D086
--glow-lumen
Work, AI basics
9.9:1 on base
04 / Type
A serif for what people ask. A sans for the interface. A bitmap mono for what the machine knows.
Newsreader
What would you ask if you knew how?
Ask better questions.
Display in roman, and italic for every question. Weight 400. Never set below 19 pixels.
Geist
Copy a prompt, make it yours, run it in any assistant, and learn why it works.
Interface and body. Weights 400, 500 and 600. Body is 17 pixels on a line height of 1.5. It has no italic: emphasis borrows the serif.
Departure Mono
Know yourself/10 min/Needs memory
Scene, minutes, counts and the DREAM letters. Two sizes only: 11 pixels in capitals, or 22 for one figure.
The ladder/ten sizes, none in between
05 / The glow rule
If it glows, it is a question you could ask. Headlines, body text, buttons and statements never glow. Amber is only for things you can press. Break either rule and the page stops meaning anything.
What’s the biggest thing I’m missing out on?
06 / Voice
American English, written the way you would talk to a friend who is good at their job.
Words a busy adult already uses. No jargon about models.
DoCopy prompt
Do notLeverage this prompt template
Lead with the question a reader could ask, not with us.
DoWhere is my money actually going?
Do notWelcome to the ultimate prompt hub
No exclamation marks, no emoji, no hype words. A full stop is enough.
DoCopied. You’re on.
Do notBoom, copied. You are crushing it
About four words, ending in a full stop. A subhead inside a long read, or the name of a thing, is a plain label with no stop.
DoStart with these.
Do notExplore Our Featured Prompt Collections
Assistants get things wrong and sound sure when they do. Say so.
DoA better answer, not a guaranteed one.
Do notPerfect answers, every single time
The name carries the idea. One dream word a screen, at most.
DoMake it yours
Do notDream up your dream prompt in dreamland
A count is shown once it is real. Until then the page says nothing.
Do1 person said it worked
Do notLoved by thousands of prompters
Fixed strings/written once, used everywhere
07 / Names
Navigation uses the plain word, so nobody has to learn our vocabulary to find their way. The brand name lives one layer down, where it can charm instead of confuse.
| Thing | Plain label | Brand name |
|---|---|---|
| A prompt’s card and share image | Prompt | Cue Card |
| Daily prompt | Prompt of the day | The Daily Cue |
| Free ebook | Free guide | The Prompt Book |
| Free course | Prompting 101 | Lessons |
| Collections | Packs | Sequences, when ordered |
| Categories | Topics | Scenes |
| Personalize | Make it yours | Go lucid |
| Community | Community | Open Mic |
| Upvote | Worked for me | Encore |
| Random prompt | Shuffle | Drift |
| Contributors | Members | Prompters |
The name itself is always DreamPrompter: one word, capital D, capital P. The brand line is “Ask better questions.”