Start a project
All work

Concept Social media agency · Toronto · 2026

Loudline

Make the feed stop. A social agency that leads with the number.

Recorded from the live site at loudline.vercel.app

The brief

A social agency that sells attention has to hold yours first. Loudline's site is built like the feed it fights: fast cuts, black and bone, and one signal colour that means the number went up.

Loudline is a fictional social agency that turns attention into revenue for brands with something to say. Its buyers are founders and marketing leads who scroll for a living. The brief: a site that stops the thumb, proves the work with numbers before adjectives, and turns a visit into a booked call in as few steps as possible.

Type
Concept, self-initiated
Role
Brand world, Art direction, Web design, Development
Built with
React, TanStack Start, Three.js, Framer Motion
Typefaces
Bricolage Grotesque and Inter Tight

How it was made

  1. Signal, used sparingly

    Black, bone and one acid lime. The lime only appears where something can be pressed or where a number went up, so the eye learns what it means in a single scroll.

Loudline: Stop the thumb

Chapter 1 of 4

Stop the thumb

Loudline is a concept: a social agency that turns attention into revenue. Its buyers are founders who scroll for a living, so the site had one job before anything else: be the thing that stops their thumb.

Loudline: The number is the headline

Chapter 2 of 4

The number is the headline

Agencies love adjectives. Loudline leads with numbers: +312% engagement in 90 days, sold out in 11 days, 9K to 140K followers. Every case is filed under launch, growth or rebrand, so a visitor finds the one that looks like their own problem.

Loudline: One colour that means up

Chapter 3 of 4

One colour that means up

Black, bone and one acid lime, used only where something can be pressed or a number went up. By the third section your eye has learned what lime means, and the 2.4B impressions counter lands with real weight.

Loudline: Four steps, five weeks

Chapter 4 of 4

Four steps, five weeks

The process is four words in heavy type, listen, shape, ship, scale, with the deliverables underneath. Every form on the site ends in the same place, a booked call, because that is the only conversion that matters.

Colour and type

The palette and typefaces Loudline ships with.

Bricolage Grotesque and Inter Tight

  • Ink#0E0E10
  • Ink III#1C1C1F
  • Signal#D6FF3A
  • Bone#F4F2EC
  • Ash#8A8A8E

Up close

  • Loudline, screen 1
  • Loudline, screen 2
  • Loudline, screen 3
  • Loudline, screen 4

On the phone

Most visitors meet Loudline on a phone, so the phone layout was designed, not squeezed.

  • Loudline on a phone, screen 1
  • Loudline on a phone, screen 2
  • Loudline on a phone, screen 3
sections on the home page
12
brand images art-directed for the build
24
forms, every one ending in a call
4

Want a site like this for your business?

Tell me what you do and who it is for. You get a free first call and a clear quote.

Start a project