Here's a tight, conversion-focused image plan for your three pages. Keep everything dark, minimal, and cinematic with your emerald accent. Images should support the CTA—not compete with it.
Shot list (what to make)
Free Focus Pack Opt-In (default page)
-
Hero background (loop or still)
Abstract “audio/flow” visual: soft waves, bokeh, faint gridlines; dark slate with subtle emerald accents.
Use as a muted video loop (no audio) or a lightweight still. -
Free Pack cover art
Square 1:1 “Focus Pack” cover (clean title, TaurusBeats mark). This repeats across funnel for recognition. -
Micro trust strip (optional)
Small, monochrome badges [Ad-free, Downloads Included, New Music Monthly]. Keep them icon-level, not brand logos. -
Favicon/OG
-
Favicon: simple TB monogram on dark.
-
OG preview: “Free Focus Pack” title on the cover art with subtle waveform motif.
-
Thank You / Download
-
Download hero banner
A cropped version of the Free Pack cover with “Your Focus Pack is Ready” overlay (or just place the button over the cover). -
Library teaser grid
4–6 square tiles that look like album/playlist covers labeled: Deep Work, Study Mix, Night Shift, Journal Session, etc. These visually sell the full library.
$100 Focus Library Offer
-
Hero visual
Either:-
A clean desk scene with laptop + headphones showing your player UI (mocked), or
-
A looping abstract visualizer clip.
Keep it quiet and premium—no clutter.
-
-
“What you get” thumbnails
6 square tiles (matching the teaser grid styling) used in the features section. -
Testimonial avatars
Real headshots if you have consent. Otherwise, minimalist initials in a circle on dark background. -
Satisfaction badge (tiny)
A minimal “30-Day Satisfaction Promise” lock/badge. Monochrome, line-art style.
Style guardrails
-
Mood: dark slate, soft gradient, light grain, subtle emerald highlight.
-
Composition: lots of negative space; never put busy visuals behind CTAs or body text.
-
Consistency: same type system and border radii across covers/tiles.
-
No stock cliché: no people staring at laptops unless it's highly stylized and subdued.
Technical specs (so they load fast and look crisp)
-
Formats: AVIF or WebP primary, JPEG fallback.
-
Hero (video): 1920×1080, MP4 (h.264), 12–18s loop, ≤3 MB; muted, playsinline, no controls.
-
Hero (still): 1920×1080 WebP, target ≤250 KB.
-
Covers/tiles: 2000×2000 master; export WebP 1000×1000 for web (≤150 KB each).
-
OG image: 1200×630 JPG/WebP, ≤250 KB.
-
Favicon: 32×32 + 180×180 apple-touch.
-
Delivery:
width/height, serve via CDN with long cache + versioned filenames.
Example code you can drop in
Responsive hero still with fallbacks
Lightweight background video
Grid of library tiles (offer page “What You Get”)
Alt text and naming (AEO + accessibility)
-
Alt text: functional, not flowery.
-
“Free Focus Pack cover – 5 tracks and 1-hour mix”
-
“Focus Library playlist tile – Deep Work”
-
“Abstract flow waveform background”
-
-
Filenames: kebab-case + versioning:
-
free-focus-pack-cover-v1.webp -
tile-deep-work-v1.webp -
hero-flow-loop-v1.mp4
-
Quick creation prompts (if you generate assets)
Use your emerald accent and dark slate base.
Abstract hero / background
-
“moody abstract audio waveform, soft bokeh, dark slate gradient with subtle emerald accents, minimal, cinematic lighting, high contrast, no text, 16:9”
Cover/tiles
-
“square album cover, minimal geometric waveform, dark slate with emerald accent, clean grid, no text except title 'Deep Work' in small modern sans, high-end, 1:1”
Badge
-
“minimal line-art shield/lock icon, monochrome on transparent, flat, no text”
Legal & rights
-
Use your own original art or properly licensed stock.
-
If using testimonials + headshots, get written consent.
-
Avoid trademarked marks in any mock device UI.
If you only do five assets this week (MVP)
-
Free Pack cover (1:1).
-
Offer page hero (video or still).
-
Four library tiles (Deep Work, Study Mix, Night Shift, Journal Session).
-
OG images for all three pages.
-
Minimal satisfaction badge.
Want me to drop example
