Prompt It Yourself
Menu

Take what you need

Logos, photos, banners, colours and fonts, for anyone writing about or linking to the show. Every link on this page saves the file.

This page is promptityourself.com/kit, if that is easier to say.

The whole kit The logo, the avatars and the colours. 36 files, 4.0 MB

In one line

Why let others solve your problems with AI? Prompt it yourself!

And what it is for:

Helping humans prompt in the agentic world. Content about prompting and AI, and a live show on vibe coding.

The logo

Use the tile: P|Y in white on the deep red. The bare logo and the lockups are for print, and for layouts where a square will not fit.

Every file is a vector and PNGs of the same drawing.

Profile pictures

My face, square, plain or with the tile as a badge.

Pictures for the platforms

Each one at the size its platform asks for, with the part that matters where nothing gets cropped.

The colour

#e2342b

One hue in the ink, and nothing else. Everything on the site that carries meaning is this or a neutral. It is a surface colour: the block, the mark, a big heading word. It measures 4.34:1 on the page, which is under the 4.5:1 anything readable needs, so it never sets a paragraph, a caption or a button label.

  • Red --red

    #e2342b

    The one hue. A surface and a display colour: the block, the mark, a heading word at 19px/700 or bigger. Never body text. 4.34:1 on the page

  • Red, readable --red-deep

    #f0524a

    The only red at reading size. Links, small bold. 5.48:1 on the page

  • Red field --red-field

    #c9251d

    A red fill with WORDS on it, a button, a pill. The ratio is against the white label, not the page. 5.58:1 on the page

  • Ink --ink

    #f4f2f6

    Everything you read. 17.22:1 on the page

  • Mute --mute

    #a8a2b0

    Captions and meta. 7.72:1 on the page

  • Paper --paper

    #0f0f10

    The page. Near-black under a faint dot grid, and nearly all of it is page.

  • Panel --panel

    #1d1a1a

    One quiet field: the footer, a code background.

  • Line --line

    #322929

    Hairlines and card borders.

  • Green --green

    #7fd79a

    A genuinely good state, and nothing else. 11.03:1 on the page

Clear space, and the don'ts

Keep 10% of the tile's side clear on every side. That is the margin the logo already has inside the tile, put back on the outside. On a 240 px block it is 24 px.

Square corners at every size, including the tab icon.

  • Don't round it, stretch it, shadow it or put a gradient on it.
  • Don't give the cursor a colour of its own. P|Y is one colour, always.
  • Don't put the bare logo on a photo or a busy background. Use the tile.
  • Don't retype it in a font. The logo is drawn, and the spacing is measured.
  • Don't recolour it outside the table above.
  • Don't use it in a way that suggests I made or endorsed something I didn't.

Type

Three fonts. Bebas Neue is free; the other two are already on every Mac, so Final Cut Pro, Keynote and Pages list them with nothing to install.

  • Bebas Neue

    Titles, the hook, and "Prompt It Yourself" beside the logo. One weight, capitals. The word that matters goes red.

    Get Bebas Neue

  • Helvetica Neue

    Subtitles and every small line: names, labels, captions. Bold for labels, Regular for a sentence.

    On every Mac. On Windows, Arial.

  • Menlo

    Any prompt or code shown on screen.

    On every Mac. On Windows, Consolas.

The website uses the same three. It downloads only Bebas Neue: Helvetica Neue and Menlo are already on your device, so the pages stay light. The logo is a drawing, so it needs no font.

Asking me something

These are free to use when you are talking about or linking to the show. Need a size that isn't here, or something else entirely, write to contact@promptityourself.com. I answer my own email.