Bold Typography Agency

Create a bold typography agency website where type is the primary design element. Headlines should be massive, expressive, and impossible to ignore.

Design Requirements

Typography is King: Headlines should be 12rem, viewport-spanning, and impactful

Font: Space Grotesk, extremely bold (800-900 weight), tight letter-spacing

Color: Near-monochrome — #0a0a0a on #fafafa, with single accent (#ef4444)

Layout: Full-viewport text sections, text as texture/pattern, overlapping text layers

Imagery: Minimal — the typography IS the visual element

Sections to Include

Hero — Full-viewport headline that fills the entire screen, text might overflow edges intentionally

Marquee — Horizontal scrolling text ticker at full width with services/capabilities

Work — Project titles as full-width oversized text, hover reveals project image behind text

About — Large pull-quote style text, one sentence per screen-width

Services — Numbered list with massive numbers and smaller descriptive text

Contact — Giant "Let's Talk" text, minimal contact form below

Technical Details

font-size: clamp(4rem, 10vw, 12rem) for responsive huge text

CSS mix-blend-mode for text overlay effects on images

Text reveal animation on scroll (clip-path or overflow hidden with translateY)

Marquee: CSS animation or requestAnimationFrame for smooth infinite scroll

Responsive: text scales down but remains bold and impactful