Work with us
Social MediaStable

Sticky Note

Sourcecomponents/social/StickyNote.astro

The sticky note

An ugly ad that looks like a photo of a real yellow Post-it — handwritten, taped to a desk. The options someone decided against are crossed out in red, and the one thing they’re actually going to do is left standing and circled. Same family as the chat & note ads: it should read like a snapshot, not an ad.

Post-it · Feed 1080 × 1350
Post-it · Story 1080 × 1920

Parts

  • The note — a tilted post-it with tape, handwriting font. Colour via color.
  • Crossed lines — cross:true = the option they’re not going to take.
  • The survivor — the one un-crossed line, circled in red. That’s the product.

Props

PropTypeDefaultNotes
format 'portrait' | 'story' 'portrait' portrait = 1080×1350. story = 1080×1920.
heading string 'To-do' The underlined note heading.
items {text,cross}[] [] The lines. cross:true strikes it through in red — 'not gonna do this'. The one left un-crossed gets circled.
color 'yellow' | 'pink' | 'blue' 'yellow' The post-it colour.

Usage

List the tired, expensive, or lazy alternatives — cross them all off — and leave the product as the obvious one standing.

<StickyNote
  format="portrait"
  color="yellow"
  heading="Endlich eine Website?"
  items={[
    { text: 'teure Agentur beauftragen', cross: true },
    { text: 'im Baukasten selber frickeln', cross: true },
    { text: 'weiter ohne Website bleiben', cross: true },
    { text: '<b>Get Sparklin</b>' },
  ]}
/>

Rules

Do

Leave exactly one line un-crossed — the product.

Make the crossed lines real, relatable alternatives.

Don't

Brand it. No logos, no tokens — it’s a photo of a note.

Leave two options open — the joke needs one winner.