<?php
$assetBase =
    basename(rtrim(FCPATH, "\\/")) === "public"
        ? "assets/"
        : "public/assets/"; ?>
<!doctype html><html lang="en"><head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>BrandSquare — Logos that make brands unforgettable</title><meta name="description" content="Strategic logo design for ambitious brands. Get three original concepts and a complete brand-ready file kit.">
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="<?= base_url(
    $assetBase . "css/landing_1.css",
) ?>"><link rel="stylesheet" href="<?= base_url(
    $assetBase . "css/landing_1_simple.css",
) ?>">
</head><body>
<nav><a class="brand" href="#">Brand<span>Square.</span></a><div class="nav-links"><a href="#work" data-scroll>Our work</a><a href="#process" data-scroll>Process</a><a class="nav-cta" href="#brief" data-scroll>Start your logo</a></div></nav>
<main><section class="hero"><div class="hero-copy"><div class="eyebrow"><i></i> Branding studio for bold businesses</div><h1>A logo people<br><em>remember.</em></h1><p>Strategic identities made to earn attention, build trust, and turn first impressions into loyal customers.</p><div class="hero-actions"><a href="#brief" data-scroll class="button">Start my 5-minute brief <span>→</span></a><a href="#work" data-scroll class="text-link">See selected work ↘</a></div><div class="proof"><div class="avatars"><b>AK</b><b>JM</b><b>SR</b><b>+</b></div><div><strong>4.9/5</strong><span>from 180+ happy founders</span></div></div></div>
<div class="hero-art"><div class="orb"></div><div class="case-card card-one"><small>IDENTITY / 2026</small><div class="case-logo">M<span>O</span>NU</div><p>Natural skincare, reimagined.</p></div><div class="case-card card-two"><div class="tiny-mark">n.</div><div><b>NORTH & CO.</b><span>Building better places</span></div></div><div class="float-tag">✦ Original. Always.</div></div></section>
<section class="client-strip"><span>Trusted by teams at</span><b>HORIZON</b><b>MONO</b><b>ARCFLOW</b><b>NORTH & CO.</b><b>VANTAGE</b></section>
<section class="work" id="work"><div class="section-head reveal"><div><span class="kicker">Selected work</span><h2>Built to stand out.<br>Made to last.</h2></div><p>No templates. No recycled ideas. Every identity begins with strategy and ends with a visual system that is distinctly yours.</p></div><div class="work-grid reveal"><article class="project p1"><div class="project-mark">VANTA</div><footer><b>Vanta Coffee</b><span>Brand identity · Packaging</span></footer></article><article class="project p2"><div class="project-mark">ønda</div><footer><b>Onda Audio</b><span>Strategy · Visual identity</span></footer></article><article class="project p3"><div class="project-mark">KITE<span>▲</span></div><footer><b>Kite Finance</b><span>Brand identity · Digital</span></footer></article></div></section>
<section class="process" id="process"><span class="kicker">A professional logo—without a complicated process</span><h2>Three easy steps.<br>We guide every one.</h2><div class="steps"><article><i>01 · ABOUT 5 MINUTES</i><h3>Share your idea</h3><p>Complete our simple guided brief or book a quick call. Tell us what you do, who you serve, and the look you love.</p><div class="step-visual style-row"><span>Minimal</span><span>Bold</span><span>Elegant</span><span>Playful</span></div></article><article><i>02 · FIRST LOOK IN 5–7 DAYS</i><h3>Explore three original ideas</h3><p>Receive three genuinely different logo directions, each shaped by your market, audience, and ambition.</p><div class="step-visual concept-row"><b>BS</b><b>Brand<br>Square</b><b>B/S</b></div></article><article><i>03 · READY TO USE</i><h3>Refine and launch</h3><p>Choose your favorite, refine it with us, and receive a complete logo kit for every place your brand appears.</p><div class="step-visual file-row"><span>PNG</span><span>SVG</span><span>PDF</span><span>JPG</span></div></article></div><div class="process-promise"><span>✓ Clear pricing</span><span>✓ Guided feedback</span><span>✓ No design jargon</span><span>✓ 100% ownership</span></div></section>
<section class="brief" id="brief"><div><span class="kicker">Your five-minute brand brief</span><h2>Start your logo<br>the simple way.</h2><p>Packages from <strong>$499</strong> · First concepts in 5–7 business days.</p><div class="brief-note"><b>What happens next?</b><span>We’ll review your answers and personally reply within one business day with clear next steps.</span></div></div><form class="lead-form multi-step-form" data-multistep novalidate><div class="form-head"><div><span>Your project brief</span><b data-step-label>Step 1 of 3</b></div><div class="progress"><i data-progress></i></div></div><fieldset data-step><legend>First, tell us about your business.</legend><p class="field-help">Just the essentials—we’ll learn the rest together.</p><label>Business name<input required name="business_name" placeholder="Your business or project"></label><label>What industry are you in?<input required name="industry" placeholder="e.g. Wellness, technology, hospitality"></label><label>Describe your business in one sentence<textarea name="message" placeholder="What do you offer, and who is it for?"></textarea></label><button type="button" class="next-step">Choose a visual style →</button></fieldset><fieldset data-step hidden><legend>Which direction feels most like you?</legend><p class="field-help">Choose one for now. This is inspiration, not a final commitment.</p><div class="style-picker"><label><input required type="radio" name="style" value="Minimal"><span><i class="minimal-mark">Aa</i><b>Minimal</b></span></label><label><input type="radio" name="style" value="Bold"><span><i class="bold-mark">B!</i><b>Bold</b></span></label><label><input type="radio" name="style" value="Elegant"><span><i class="elegant-mark">É</i><b>Elegant</b></span></label><label><input type="radio" name="style" value="Playful"><span><i class="playful-mark">✦</i><b>Playful</b></span></label></div><label>Estimated budget<select name="budget"><option value="">Select a comfortable range</option><option>$499–$799</option><option>$800–$1,299</option><option>$1,300+</option><option>I’m not sure yet</option></select></label><div class="form-nav"><button type="button" class="prev-step">← Back</button><button type="button" class="next-step">Add my contact details →</button></div></fieldset><fieldset data-step hidden><legend>Where should we send the next steps?</legend><p class="field-help">No sales pressure. You’ll hear from a real designer.</p><label>Your name<input required name="name" placeholder="Jane Smith"></label><label>Email address<input required type="email" name="email" placeholder="jane@company.com"></label><label>WhatsApp or phone <span>(optional)</span><input type="tel" name="phone" placeholder="Include country code"></label><div class="form-nav"><button type="button" class="prev-step">← Back</button><button type="submit">Send my brief →</button></div><small>Private and secure. No spam—ever.</small></fieldset></form></section></main>
<footer class="site-footer"><a class="brand" href="#">Brand<span>Square.</span></a><p>Distinctive identities for ambitious businesses.</p><span>© <?= date(
    "Y",
) ?> BrandSquare</span></footer>
<script src="<?= base_url(
    $assetBase . "js/landing.js",
) ?>"></script></body></html>

