← Loudhaus
Brand Identity System

Loudhaus
Brand Guidelines

Everything you need to represent Loudhaus consistently — from logo usage to tone of voice, color application, and social media specs.

01 — Logo System

Primary Wordmark + Icon Mark

The Loudhaus logo is a sound-wave bar sequence paired with the wordmark in Syne 800. The bars represent amplitude — loud, present, measurable. Use the full wordmark when space permits; the icon mark alone for small formats (avatars, favicons).

Primary — Dark Background
LOUDHAUS
Reversed — Light Background
LOUDHAUS
Icon Mark — Large
Icon Mark — Small
Brand Color — Full Amber
LOUDHAUS
02 — Color Palette

Brand Colors

Amber gold on near-black. This isn't a "dark mode" — it's the brand. The amber is bold, referencing broadcast gold, late-night signage, premium hospitality. It pops. Don't dilute it.

Background
#0a0a0a
Primary background. Everything lives on this.
Elevated
#1a1a1a
Cards, surfaces, panels. Subtle depth.
Brand Amber
#e8a020
Primary accent. CTAs, highlights, the logo bars, hover states. Use sparingly — it should mean something.
Bright Amber
#f0b840
Hover state of Brand Amber. Use on interactive elements only.
Foreground
#e8e4df
Primary text. Slightly warm white — not harsh pure white.
Muted Text
#8a8580
Secondary text, descriptions, captions.
Dim Text
#5a5652
Labels, footnotes, placeholders.
Border
#2a2a2a
Dividers, card borders, rule lines.
03 — Typography

Type System

Two fonts. Syne for display and brand moments — loud, structural, impossible to miss. DM Sans for body — clean, contemporary, readable at all sizes.

Display — Syne (Google Fonts)
Syne
800
Use for: Page titles, hero headlines, section labels, logo wordmark, CTAs
Weight: 800 (ExtraBold) primary — 700, 600 acceptable
Letter-spacing: -0.02em on large sizes; +0.15em on small caps
800 / ExtraBold LOUDHAUS
700 / Bold Service Title
600 / SemiBold Section Header
Body — DM Sans (Google Fonts)
We make local businesses look like national brands. Social media, branding, and campaigns that actually move the needle.
Use for: Body copy, descriptions, nav items, form inputs, footnotes
Weights: 400 (regular) and 500 (medium) for body; 700 for emphasized body
Line height: 1.6–1.8 for body text
400 / Regular Body copy reads here
500 / Medium Navigation, labels
700 / Bold Emphasis, callouts
Role Size Font Weight Usage
Hero clamp(3rem, 8vw, 6.5rem) Syne 800 Page hero headlines only
Section clamp(1.8rem, 3vw, 2.5rem) Syne 800 Section titles, major headers
Card Title 1.5rem Syne 700 Card headings, feature titles
Lead body text here reads like this in context. 1.2rem DM Sans 400 Intro paragraphs, hero sub
Standard body copy at this size for most paragraphs. 1rem DM Sans 400 Default body, descriptions
EYEBROW LABEL 0.75rem + letter-spacing: 0.2em DM Sans 500 Section eyebrows, tags, meta
04 — Tone of Voice

How Loudhaus Sounds

We speak like the agency that made it — confident, direct, never trying too hard. We're talking to owners who've been let down by generic marketing. Cut the jargon, deliver the punch.

Confident, Not Arrogant
We know what we're doing — and we say so clearly. No hedging, no "we'll try our best." We deliver. But we never punch down or talk over the people we serve.
"We've helped restaurants like yours triple their Instagram reach in 60 days. We know the playbook."
Direct, Not Cold
Get to the point fast. Local business owners don't have time for fluff. Short sentences. Real outcomes. But stay warm — these are real people building real things.
"More bookings. More repeat customers. Less wasted budget. That's what we're here for."
Ambitious, Not Corporate
We talk about big outcomes — national brand presence, real growth numbers — without sounding like a Fortune 500 press release. Stay grounded, stay human.
"Your competitors are still posting blurry photos. You don't have to be."
Credible, Not Boastful
Lead with results and specifics. Numbers beat adjectives. "300% more engagement" beats "amazing growth." Let outcomes speak — avoid self-congratulatory language.
"One client's Google review count went from 12 to 140 in a single quarter. That's what consistent reputation management looks like."
05 — Tagline Options

Brand Taglines

Primary tagline for the brand. Secondary options for ads, pitch decks, and social captions.

01
Your brand deserves to be loud. ★
Primary tagline — used on the homepage hero and all primary brand surfaces. The star marks this as the chosen primary.
02
Agency-grade marketing for local business.
Sub-tagline — used paired with the primary, or standalone in pitch decks and bios.
03
We make local businesses look national.
Ad copy variation — punchy, great for social ads targeting small business owners.
04
Show up. Stand out. Stay loud.
Campaign/social caption tagline — works as a three-beat rhythm in video, reels, and profile bios.
05
Stop blending in. Start being found.
Problem-framing tagline — excellent for cold outreach email subject lines and targeted ads.
06
Built for businesses that move.
Secondary brand descriptor — short, premium feel, good for email footers and print collateral.
06 — Visual Dos & Don'ts

Brand Standards

What Loudhaus always does and never does — visually and verbally. This keeps every touchpoint consistent.

✓ Always Do
  • Use the amber accent sparingly — it should command attention, not decorate
  • Lead with outcomes — numbers, results, before/after contrasts
  • Maintain high contrast — dark bg, bright text, amber as signal
  • Use Syne for all brand-forward text (headlines, wordmark, labels)
  • Keep logo clear space at minimum 24px padding on all sides
  • Use warm off-white (#e8e4df) for primary text — not pure white
  • Let typography do the heavy lifting — minimal decoration
  • Speak in specifics: clients, industries, actual outcomes
✗ Never Do
  • Don't place the logo on busy or low-contrast backgrounds
  • Don't stretch, skew, rotate, or outline the logo
  • Don't use the amber on amber — no badge on an amber background
  • Don't swap in generic sans-serifs (Inter, Arial, Helvetica) for Syne
  • Don't use drop shadows on the logo mark — it's a flat, bold system
  • Don't write in passive voice — "results are delivered" vs "we deliver results"
  • Don't use emojis in business copy — they undermine the premium voice
  • Don't mix more than 2 typefaces on any single surface
07 — Social Media Specs

Profile & Asset Dimensions

Use the icon mark for all profile avatars. Banners use the horizontal wordmark on dark background with the wave-bar pattern. See /social-kit for downloadable templates.

View Social Kit Templates →
LOUDHAUS
Brand Identity System — Version 1.0 — 2026