How does the image strip that cuts through BRANDS work?

The cover stacks "WE MAKE / BRANDS / SCREAM" in heavy Syne, and a wide black-and-white montage of studio artifacts - posters, proofs, screens - slides across the middle row at letter height. The strip slices "BRANDS" mid-word, leaving the top and bottom halves of the letters readable above and below it. Swap the montage image for a strip of your own work and the cut keeps working; the type and the strip are separate layers, so neither needs rebuilding.

Is the copy editable, or am I stuck with the screaming voice?

Everything is a text child you can rewrite in the editor. "WE MAKE BRANDS SCREAM", "WE DON'T DO QUIET", "SCREAM WITH US", the ticker services, and the project caption are all placeholders for your own voice. The structure - stacked statement, two work teases, callback close - holds at any temperature. If your studio is more deadpan than loud, the same layout reads just as well with quieter words; the acid accent and hard cuts carry the attitude either way.

How do I put this on my agency site?

Export to HTML, React, Vue, or Svelte and mount it where your hero section sits - it ships as clean component code, not an iframe. The 2:1 canvas is sized for the full-width band at the top of a studio homepage, the 4-second autoplay keeps the loop moving, and the acid "START A PROJECT" pill persists on every pane so the contact path never disappears. The same project also exports to video for a portfolio reel or social cut.

Agency Hero Template - Brutalist Marquee Screamer

A homepage hero for creative agencies and studios that have decided modesty is someone else's positioning. Four wide panes of near-black, bone Syne 800 in all caps, and a single acid-green accent rationed to the CTA, the index numerals, and one full slab. "WE MAKE BRANDS SCREAM" is the placeholder thesis, a black-and-white work montage slices through the middle of it, and a Space Mono ticker - "CAMPAIGNS · BRANDING · MOTION · WEB" - drifts along the bottom edge of every pane. Export it as clean HTML, React, Vue, or Svelte code and it drops into an existing site as the hero section.

#What Makes This Template Stand Out

The cover commits to one violent layout move. "WE MAKE / BRANDS / SCREAM" stacks left-aligned at full display weight, and a horizontal strip of b&w studio photography cuts straight across "BRANDS" at mid-letter height - the word stays legible through the slice while the strip slides in from the right with hard easing. The headline enters with stomp, per word. Nothing fades anywhere in this template; every transition cuts.

The two work teases are structured like case-study posters. Pane 2 goes full-bleed with a flash-lit poster wall - torn type, screaming faces - under a 300px acid "01" and the mono caption "NEON DISTRICT - REBRAND, 2026". Pane 3 hard-splits 50/50: a solid acid slab carrying "WE DON'T DO / QUIET" in black Syne with a small "02", against a b&w still of a motion piece glowing on a studio screen. Index, caption, image - enough to tease real work without building case-study panes.

The marquee ticker is the connective tissue. The same Space Mono service line loops continuously along the bottom of all four panes at identical position, with the acid "START A PROJECT" pill sitting on top of it bottom-right. When the close arrives - "SCREAM / WITH US" centered, with SCREAM matching the cover's scale - the loop back to pane 1 snaps like a hard cut in a reel, not a slideshow rewind.

Near-black canvas, bone Syne 800 headlines, and one acid accent rationed on purpose
Cover headline sliced mid-word by a b&w work-montage strip sliding in from the right
Stomp entrances per word and hard left/right cuts - no fade transitions anywhere
Two work-tease panes with giant acid index numerals and mono project captions
Looping Space Mono service ticker pinned to the bottom edge of every pane
4-pane 2:1 hero that exports to HTML, React, Vue, or Svelte and drops into any site

#Who Should Use This Template

Creative agencies and brand studios whose positioning is loud by design. The template says "we are the confident option" before a visitor reads a single case study.
Motion and design studios that sell energy. The stomp entrances, hard cuts, and looping ticker demonstrate craft in the hero itself instead of claiming it in copy.
Independent creative directors and small collectives without a full site to point at. Two work teases and a contact CTA is a complete pitch when the typography carries it.
Rebranding teams launching a new studio identity that need the announcement and the new homepage hero to be the same loud thing.

#Best Use Cases

#Agency Homepage Hero

Export to HTML, React, Vue, or Svelte and mount it as the top band of the studio site. The 4-second autoplay runs thesis, work, attitude, invitation on a loop, and the persistent acid pill keeps "START A PROJECT" one click away on every pane. Because the export is plain component code, it drops into a Next.js site, a Webflow embed, or a static page the same way.

#New Business and Pitch Opener

Run the four panes full-screen at the top of a new-business presentation before the deck proper starts. The hero doubles as a statement of taste: this is the energy the client is buying. Swap the two work teases for the prospect's industry-adjacent projects and the opener becomes bespoke in two image swaps and a caption edit.

The same project exports to video, which turns the homepage hero into the launch-day asset. The stomping headline and sliced work strip survive the conversion intact, the ticker gives the loop continuous motion, and the 2:1 frame crops cleanly for feed placements. One file announces the studio on the site and in the feed simultaneously.

#How to Customize This Template

Open PaneFlow and select "Agency Hero - Marquee Screamer" from the template gallery
Rewrite the cover's "WE MAKE / BRANDS / SCREAM" stack with your own three-row thesis
Replace the montage strip image slicing the middle word with a wide b&w strip of your studio's work
Edit the ticker text - "CAMPAIGNS · BRANDING · MOTION · WEB" - to your actual service list
Swap pane 2's full-bleed work photo and update the mono caption "NEON DISTRICT - REBRAND, 2026" to a real project and year
Update pane 3's acid slab statement "WE DON'T DO / QUIET" and replace the b&w motion still on the right half
Rewrite the closing "SCREAM / WITH US" callback so it echoes a word from your cover, and point the "START A PROJECT" pill at your contact page
Export to HTML, React, Vue, or Svelte for the site hero, or to video for the launch reel - and keep acid green scarce when you add anything

Portfolio Strip - Work Showcase - the case-study section to sit beneath this hero
SaaS Hero - Kinetic Type - the same type-led hero energy aimed at product homepages
Photography Gallery - Fullscreen Museum - full-bleed b&w imagery treated with quiet instead of volume
Architecture Hero - Slow Drift - the opposite temperament: a hero that earns attention by slowing down

PaneFlow for Agencies - pitch decks, case studies, and studio site sections
PaneFlow for Designers - editorial typography and motion without hand-coding
PaneFlow for Webflow - embedding exported PaneFlow heroes in Webflow sites

Start with Agency Hero - Marquee Screamer

Open this template in PaneFlow, customize it to match your brand, and export as HTML, React, Vue, or video.

Use This Template Browse All Templates

Agency Hero - Marquee Screamer Template