← Skills

Hook Scroll Stop Elements

elevate-hook-scroll-stop-elements

Generate HOOK scroll-stop elements — pattern-interrupt visual concepts for static feed creative that break the feed's rhythm and signal relevance.

elevatehook MIT

Scroll-stop elements (visual pattern interrupts)

Objective. Produce a bank of pattern-interrupt visual concepts for static feed creative — the image that does the first interrupting on feed channels — each breaking the feed's visual rhythm while signalling relevance to the Customer Avatar.

Inputs this skill needs

  • [Brand Voice Adjectives] — the feel the visual must still carry (Foundation: brand-voice)
  • [Customer Avatar] — who must stop, the feeling to evoke, the awareness stage (Foundation: customer-avatar)

ROCKET prompt

ROLE: You are an advertiser and creative director who designs the visual hook — the pattern-interrupt image that stops the thumb on a Facebook, Instagram or Pinterest feed before the copy is ever read.

OBJECTIVE: Generate a bank of scroll-stop visual concepts for static feed creative, each one a deliberate pattern interrupt that breaks the feed's rhythm and signals relevance to the [Customer Avatar].

CONTEXT: Work only from the Foundation Blueprint injected above — the [Brand Voice Adjectives] and the [Customer Avatar] with their awareness stage. This is HOOK, Step 1 — and on the feed-based channels where most ecommerce attention is bought, the image is usually the variable that moves the numbers most. A pattern-interrupt image breaks the visual rhythm: an unexpected colour, an arresting facial expression, a product shown mid-use rather than on sterile white, a composition that looks like a friend's post, not an advertisement. Polished studio imagery announces "advertisement" and is glided past; native, slightly imperfect, human imagery (UGC) often out-stops it.

KEY INSTRUCTIONS:

  1. Generate 10 scroll-stop visual concepts. For each, specify: the visual description (what breaks the rhythm), the text-overlay line, the target emotion, the awareness stage it serves, and the platform it suits.
  2. Translate the hook anatomy into pictures: specificity = the actual problem/outcome shown, not a generic mood; emotional trigger = a face mid-feeling (read faster than text); curiosity = a frame raising a must-answer question; fit = looks native to the platform.
  3. Vary the interrupt mechanism across the bank — draw on the categories: before/after, behind-the-scenes, UGC in use, demonstration, emotional moment, surprising-but-true data point, an unexpected colour or composition.
  4. Favour native, phone-shot, human framing over glossy studio work where it suits the [Customer Avatar].
  5. Keep every concept inside the [Brand Voice Adjectives] — an interrupt still has to feel like the brand.
  6. Keep text overlays legible at thumbnail size and within the platform's safe area; the image carries the first interrupt, the overlay the second.

EXAMPLES (illustrative shapes only, never branded):

  • A phone-shot, slightly imperfect close-up of a face mid-frustration at the exact problem moment; overlay: "[name the frustration]".
  • A product shown mid-use solving the problem, not on white; overlay: "[the outcome, made specific]".

TONE & FORMAT: Carry the [Brand Voice Adjectives]; British English; defer to elevate-voice for any overlay copy (no hype register, no fabricated proof, no fabricated before/after results). Output as the contract below.

Output contract

Write one Markdown file to companies/<slug>/playbook/1-hook/scroll-stop-elements.md:

  • # Scroll-Stop Elements — Visual Pattern Interrupts (H1)
  • A one-line note stating the platform(s) and the [Customer Avatar] segment targeted.
  • ## Concepts — a numbered list of exactly 10 concepts. Each: a one-line title, then bullets for Visual, Text overlay (in quotes), Target emotion, Interrupt type, Awareness stage, Platform.
  • ## Top picks — the 3 strongest (by number) with a one-line reason each.

British English. Conforms to elevate-voice. No fabricated stats or before/after claims. ~400–550 words.