Freaking Amazing Marketing

Site Polish and Tweaks

The aesthetic and functional moves that take a build from fine to next level. These are the tweaks you reach for again and again. Grab a prompt, drop in the client detail, send.

How to use: each card has a paste-ready prompt in plain shorthand. Hit Copy, swap the bracketed bits for the client, and send it mid-build.

The five that come up on almost every build

  1. Blend the bottom of the hero cutout so the figure dissolves into the section instead of hard-cutting.
  2. Static gallery to infinite marquee with edge fade, pause on hover, and lightbox on click.
  3. Swap the script or display font so a build stops looking like a template twin.
  4. Strip and rebuild the footer to something centered and creative, not a wall of links.
  5. Add movement with scroll reveals, count-ups, and hover micro-interactions, all reduced-motion guarded.
1

Hero

The section you tweak most. Small moves here change the whole first impression.

Blend the bottom of a cutout Top

Person's legs or feet hard-edge into the section below. Fade them into the background color so there is no visible cut.

Prompthis legs look cut off, blend the bottom of the hero image into the section color so it dissolves clean, no hard edge

Swap the hero or about image

Drop in a new CDN photo and blend it in the same pass.

Promptupdate the hero right image to https://assets.famdemosites.com/[slug]/[file].webp and blend the bottom

Shrink the portrait to fit the frame

Cutout bleeds off the bottom or runs too big. Bring it fully inside.

Promptthe right image needs to be smaller so the whole figure sits inside the frame, not bleeding off the bottom

Pull back the overlay

Background photo reading too dark or too heavy on the color wash. Keep the text side dark, let the image side breathe.

Promptthe bg image needs much less overlay, keep the left dark for text but let the right read clean

Mobile hero restructure

Cutout looks off full-screen on phones. Let the bg image cover, move the portrait below the CTAs in flow, kill the parallax on mobile.

Prompton mobile let the bg image cover the hero and move the person cutout below the CTA buttons in flow, guard the parallax so it does not run on mobile

Tighten hero padding and leading

Too much air up top, or the headline lines sit too loose.

Prompttighten the hero padding and headline leading, it is too airy up top

Split the headline into colored lines

Each key word its own line, its own brand accent. Reads bold and intentional.

Promptsplit the hero tagline into three lines and color each word a different brand accent
2

Movement

Motion is where a site earns the word premium. Orchestrate it, then know when to pull it back. Everything guarded by prefers-reduced-motion.

Add the wow-factor motion pack

The full treatment: drifting hero glow, floating portrait, staggered entrances, shimmer sweep on accent words, button sheen.

Promptadd wow-factor motion: hero glow drift, floating portrait, staggered section entrances, shimmer on accent words, button hover sheen, all guarded by prefers-reduced-motion

Staggered scroll reveals

Sections and cards ease in as they enter view, with a slight cascade.

Promptadd scroll reveals with a staggered cascade on the cards, IntersectionObserver, reduced-motion safe

Stat count-up on scroll

Numbers roll up from zero when the stats block enters the viewport.

Promptmake the stat numbers count up when they scroll into view

Hover micro-interactions

Card lift with soft shadow, button sheen, gentle image zoom. Small feedback that feels expensive.

Promptadd hover micro-interactions: card lift with soft shadow, button sheen sweep, slow image zoom, only on pointer devices

Ken Burns on the hero image

Slow continuous zoom on a static hero photo so it feels alive without a video.

Promptgive the hero image a slow Ken Burns zoom so it feels alive, reduced-motion safe

Dial it back Counter

The correction when motion gets noisy. Kill a specific effect, keep the rest.

Prompttoo much movement, remove the animated sheen and keep it static
5

Type

Font choices carry the personality. Swaps here are the fastest way to break a build out of template land. Pull from the Adobe kit oky1fcu.

Swap the script or accent font Top

Bickham gets replaced constantly. Sloop, Voltage, and Caflisch are the usual alternates.

PromptI do not love the script accent, show me the other kit options for the signature and swap to the best fit

Swap the display font to break a twin

When two clients read as the same build. Change the headline face to reset the identity.

Promptthe display font is the same as [other client], change it so this does not read as the same template

Letter-spacing plus fix descender clipping

Script tails on g, y, j, p get cut off. Add spacing and give the line room to breathe.

Promptadd letter-spacing to the script instances for readability and fix the descenders getting clipped

Bump eyebrow and title sizes

Labels and section titles reading too small across the board.

Promptincrease the eyebrow font-size and the section title sizes across all sections
6

Layout and Color

Structural and palette moves that add depth and keep the dark or light rhythm honest.

Split a combined section

Break a crowded section into two or three, each with its own nav and footer link, so the dark or light alternation stays clean.

Promptsplit the [media] section into separate sections so the dark light alternation stays clean, each with its own nav and footer link

Enforce the dark or light alternation

Audit the flow and flip whatever is off. Dark hero, light about, alternate, dark footer.

Promptaudit and fix the section flow: dark hero, light about, alternate every section after, footer stays dark

Cream to white with card shadows

Trade the flat cream look for white sections with soft shadowed cards for depth.

Promptswap the cream backgrounds to white with soft card shadows for depth

Push the palette more electric

When the colors feel safe. Turn up the accent energy.

Promptthe colors are boring, push it to an electric [purple and pink] mix

Flip the About layout

Photo to one side, text to the other, resize the columns.

Promptflip the about to photo-left text-right, make the portrait smaller and the text column larger

Framed portrait treatment

White border, drop shadow, offset accent frame behind. Gives a portrait presence.

Promptgive the about portrait a framed treatment: white border, drop shadow, offset gold accent frame

Full-bleed section background

Drop a photo behind a section with a dark gradient overlay so text stays readable.

Promptgive the [tour] section a full-bleed image background with a dark gradient overlay

Reposition images to keep faces in frame

Cropped photos cutting off heads. Anchor the crop.

Promptset object-position top center on the pillar images so the faces do not get cropped out
7

Features

Interactive moments that make a site feel built, not templated. Reach for one signature piece per build.

Cinematic video with theatre modal

Background clip plays muted, a play button opens the real video in a TV-style modal. Big impact moment.

Promptmake the video section a cinematic bg with an overlay and a play button that opens the youtube video as a theatre modal: [url]

Floating sticky CTA

A cutout head or button that peeks in after a bit of scroll and follows the reader.

Promptmake the SMS CTA a floating head cutout that peeks in from the bottom-right after scrolling 260px

Brand-native interactive module

A pick-a-side or quiz style block pulled from the client's own content format. Feels authentic, not bolted on.

Promptbuild a pick-a-side interactive drawn from their real content format, tap to lock in a choice with a playful line

Click-to-expand embeds

Spotify or video players as accordions that lazy-load the iframe only on first open, so the page stays fast.

Promptturn the always-on iframes into click-to-expand accordions that lazy-load the embed only on first open
8

Integrity

The polish that protects the client. Real numbers, honest labels, nothing invented passed off as fact.

Flag placeholders clearly

Anything unverified gets a visible Sample badge and the placeholder data attribute so it is never mistaken for real.

Promptflag every unverified item with a visible Sample badge and data-fam-placeholder="true"

Correct inflated stats to real numbers

Research the client's real platform figures and press, and replace the inflated mockup numbers.

Promptresearch the real follower counts and press placements, correct the inflated mockup numbers, verified only

Remove sample content pending real data

Pull invented cards or dates until the client sends the real thing.

Promptremove the sample [tour dates] and leave it clean until we have real data