HeadPills
Talk to us

Case · Marketing

Bruit Brothers: a brand agency that makes others loud, with a site that does not shout.

Bruit Brothers makes other companies loud and had stayed invisible itself. Bruit means both noise and hearing; Brothers is about a team that stays consistent. The brief was a single page built almost entirely from motion: how blocks arrive, how type behaves, the rhythm of the scroll, all made by hand in 2024. Webflow, English.

  • Marketing
  • Creative
  • Webflow
  • Custom animation
  • Motion design
  • English
Visit the site ↗Start a similar project
bruitbrothers.comBruit Brothers website preview
One page

A single page where the site presents a team standing together, not a generic agency pitch. checked on the live site · Sep 2026

Built on Webflow

Motion built by hand in Webflow interactions. checked on the live site · Sep 2026

Made before today’s AI tools

Every element sourced and assembled by hand in 2024.

The site, screen by screen

Full frames from bruitbrothers.com taken on 3 September 2026, nothing cropped. Pick a screen or let them run.

bruitbrothers.com1 / 3
Bruit Brothers homepageBruit Brothers homepage, scrolledBruit Brothers on a phone

Homepage. The first screen of bruitbrothers.com: what the business is, for whom, and the first action, as a visitor sees it today.

Homepage, further down. The second screen of the homepage: the part a visitor reaches after the first scroll.

On a phone. Two screens on a phone: the layout is built for this size first, because that is where most visitors read it.

The project

Task, approach, what went live

The task

Bruit Brothers is a brand agency that makes other companies loud and had stayed invisible itself. The name carries a double meaning: bruit is both noise and hearing, and Brothers is about how a team works together and stays consistent, not surnames.

The brief was a single page, built almost entirely from motion, in 2024, before today’s AI tools existed.

The approach

We put the double meaning of the name into the logic of the mark: restrained on the surface, with something underneath. The page presents a team standing together rather than a generic agency pitch.

Nearly every element was hand-crafted as motion: how blocks arrive, how type behaves, the rhythm of the scroll, all sourced and assembled by hand.

What went live

A one-page Webflow site built almost entirely from hand-tuned motion, matching an agency that creates impact without shouting. Domain and hosting in the client’s name.

What the site does

Seen on the live site, September 2026

  • One page, one story

    The whole agency on a single scroll.

  • Motion as the design

    Blocks arrive, type behaves, the scroll has a rhythm; all hand-tuned.

  • A team, not a pitch

    The site presents people standing together.

  • The name in the mark

    Noise and hearing, restrained on the surface.

  • Webflow interactions

    Motion built natively, no external libraries.

  • Edited by the client

    Texts and cases updated without a developer.

What was built

WebsiteOne-page Webflow site

Built almost entirely from motion.

WebsiteCustom animation

Hand-tuned motion design, 2024.

BrandThe name in the mark

Double meaning built into the logic of the logo.

“We wanted a site that makes people stop scrolling, and that is what we got. The animation, the motion, the whole feel is bold, the way our agency is. HeadPills understood the brief from the first call and delivered a site we are proud to send to clients.”
Bruit Brothers · Marketing agency · approved by the client

Questions

Facts about the Bruit Brothers project

What is the Bruit Brothers site built on?

Webflow, with the motion built natively in Webflow interactions, as checked on the live site in September 2026.

Was the Bruit Brothers site made with AI?

No. It was built in 2024, before today’s AI tools, and every element was sourced and assembled by hand. That is part of why it took eleven months from first sketch to launch.

Why is the Bruit Brothers site one page?

Because the brief was one story told through motion: how blocks arrive, how type behaves, the rhythm of the scroll. A second page would have broken the rhythm.

Start a similar project.

Tell us what your site has to do. A short call, then a fixed price in writing.

Talk to usSee all work