← Back
💼
Agency
Business<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Agency</title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;color:#0a0a0a}.nav{height:64px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;padding:0 48px;justify-content:space-between}.logo{font-weight:900;font-size:20px;letter-spacing:-1px}.nav-links{display:flex;gap:28px}.nav-links a{text-decoration:none;font-size:14px;color:#737373;font-weight:500}.contact-btn{background:#0a0a0a;color:#fff;padding:9px 22px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer}.hero{padding:80px 48px 64px;border-bottom:1px solid #e5e5e5}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#737373;margin-bottom:20px}.hero h1{font-size:72px;font-weight:900;letter-spacing:-3px;line-height:1;max-width:800px;margin-bottom:32px}.hero-footer{display:flex;justify-content:space-between;align-items:flex-end}.hero-footer p{color:#737373;font-size:16px;max-width:380px;line-height:1.6}.hero-btn{background:#0a0a0a;color:#fff;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;white-space:nowrap}.services{padding:64px 48px;border-bottom:1px solid #e5e5e5}.services h2{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#737373;margin-bottom:32px}.service-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.service-item{padding:32px 24px;border-right:1px solid #e5e5e5}.service-item:last-child{border-right:none}.service-num{font-size:11px;color:#737373;margin-bottom:16px}.service-item h3{font-size:18px;font-weight:700;margin-bottom:8px;letter-spacing:-0.3px}.service-item p{font-size:13px;color:#737373;line-height:1.6}.clients{padding:48px;background:#f2f2f2;text-align:center}.clients p{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#737373;margin-bottom:24px}.client-logos{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.client-logo{font-size:18px;font-weight:800;color:#0a0a0a;opacity:.3;letter-spacing:-0.5px}</style></head><body><nav class="nav"><span class="logo">NORTH</span><div class="nav-links"><a href="#">Work</a><a href="#">Services</a><a href="#">About</a></div><button class="contact-btn">Let's talk</button></nav><section class="hero"><p class="eyebrow">Creative & Strategy Studio</p><h1>We make brands that matter.</h1><div class="hero-footer"><p>North is a full-service creative studio helping ambitious brands define their identity and grow.</p><button class="hero-btn">Start a project →</button></div></section><section class="services"><h2>What we do</h2><div class="service-list"><div class="service-item"><div class="service-num">01</div><h3>Brand Identity</h3><p>Strategy, naming, visual identity systems that last.</p></div><div class="service-item"><div class="service-num">02</div><h3>Web Design</h3><p>High-performance websites that convert and inspire.</p></div><div class="service-item"><div class="service-num">03</div><h3>Campaigns</h3><p>Integrated campaigns across digital and print.</p></div><div class="service-item"><div class="service-num">04</div><h3>Motion</h3><p>Animation and video for brand and product.</p></div></div></section><section class="clients"><p>Trusted by</p><div class="client-logos"><span class="client-logo">STRIPE</span><span class="client-logo">NOTION</span><span class="client-logo">LINEAR</span><span class="client-logo">VERCEL</span><span class="client-logo">FIGMA</span></div></section></body></html>