.elementor-3879 .elementor-element.elementor-element-52b032f6:not(.elementor-motion-effects-element-type-background), .elementor-3879 .elementor-element.elementor-element-52b032f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_2 );}.elementor-3879 .elementor-element.elementor-element-52b032f6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3879 .elementor-element.elementor-element-52b032f6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3879 .elementor-element.elementor-element-49f86422{color:var( --e-global-color-blocksy_palette_8 );}/* Start custom CSS for text-editor, class: .elementor-element-49f86422 */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ABrandADay — Singapore Branding Agency</title>
<meta name="description" content="ABrandADay is a Singapore branding agency specialising in brand strategy, conceptualisation, identity and go-to-market execution.">
<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=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
  :root{
    --blue:#2b6ef2;
    --blue-dark:#1c4fbd;
    --magenta:#cf2f6e;
    --navy:#101d33;
    --navy-2:#16233f;
    --ink:#0b0f17;
    --paper:#f5f7fb;
    --paper-2:#eceff5;
    --mist:#c9d4e3;
    --line:rgba(11,15,23,.1);
    --line-soft:rgba(255,255,255,.12);
    --radius:16px;
    --maxw:1180px;
    --ease:cubic-bezier(.2,.7,.2,1);
  }

  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:.01ms !important; transition-duration:.01ms !important;}
  }

  body{
    margin:0;
    font-family:'Inter',system-ui,sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }

  h1,h2,h3,.display{
    font-family:'Space Grotesk',system-ui,sans-serif;
    font-weight:600;
    line-height:1.08;
    margin:0;
    letter-spacing:-0.01em;
  }

  p{margin:0;}
  img{max-width:100%;display:block;}
  a{color:inherit;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}

  .skip-link{
    position:absolute; left:-999px; top:0; background:var(--magenta); color:#fff;
    padding:10px 16px; border-radius:0 0 8px 0; z-index:200;
  }
  .skip-link:focus{left:0;}

  :focus-visible{outline:3px solid var(--blue); outline-offset:3px;}

  /* ---------- Nav ---------- */
  .nav{
    position:sticky; top:0; z-index:100;
    background:rgba(245,247,251,.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 24px; max-width:var(--maxw); margin:0 auto;
  }
  .brand{display:flex; align-items:center; gap:10px; font-family:'Space Grotesk'; font-weight:700; font-size:1.05rem; text-decoration:none;}
  .brand-mark{
    width:34px; height:34px; border-radius:9px;
    background:linear-gradient(135deg,var(--magenta),var(--blue));
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:.85rem; font-weight:700; flex:none;
  }
  .nav-links{display:flex; align-items:center; gap:28px; list-style:none; margin:0; padding:0;}
  .nav-links a{
    text-decoration:none; font-size:.92rem; font-weight:500; color:var(--ink);
    padding:6px 2px; border-bottom:2px solid transparent; transition:border-color .2s var(--ease), color .2s var(--ease);
  }
  .nav-links a:hover{border-color:var(--magenta);}
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'Space Grotesk'; font-weight:600; font-size:.92rem;
    padding:11px 20px; border-radius:999px; text-decoration:none;
    border:1.5px solid transparent; cursor:pointer; transition:transform .18s var(--ease), background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
  }
  .btn:hover{transform:translateY(-1px);}
  .btn-primary{background:var(--ink); color:#fff;}
  .btn-primary:hover{background:var(--magenta);}
  .btn-outline{border-color:var(--ink); color:var(--ink); background:transparent;}
  .btn-outline:hover{border-color:var(--magenta); color:var(--magenta);}
  .nav-cta{display:flex;}
  .menu-toggle{display:none; background:none; border:none; cursor:pointer; padding:8px;}
  .menu-toggle span{display:block; width:22px; height:2px; background:var(--ink); margin:5px 0; transition:transform .2s var(--ease), opacity .2s var(--ease);}

  @media (max-width:860px){
    .nav-links{
      position:fixed; inset:64px 0 auto 0; background:var(--paper);
      flex-direction:column; align-items:flex-start; gap:2px; padding:12px 24px 20px;
      border-bottom:1px solid var(--line);
      transform:translateY(-8px); opacity:0; pointer-events:none; transition:opacity .2s var(--ease), transform .2s var(--ease);
    }
    .nav-links.open{opacity:1; transform:translateY(0); pointer-events:auto;}
    .nav-links a{width:100%; padding:12px 4px; border-bottom:1px solid var(--line);}
    .nav-cta{display:none;}
    .menu-toggle{display:block;}
  }

  /* ---------- Eyebrow ---------- */
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'Space Grotesk'; font-weight:600; font-size:.78rem;
    letter-spacing:.14em; text-transform:uppercase; color:var(--magenta);
    margin-bottom:14px;
  }
  .eyebrow::before{content:""; width:16px; height:2px; background:var(--magenta); display:inline-block; border-radius:2px;}

  section{padding:96px 0;}
  .section-head{max-width:640px; margin-bottom:48px;}
  .section-head p{margin-top:16px; color:#3d4757; font-size:1.05rem;}

  /* ---------- Hero ---------- */
  .hero{padding:64px 0 0;}
  .hero-inner{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
  .hero h1{font-size:clamp(2.4rem, 5.6vw, 4.4rem); max-width:15ch;}
  .hero h1 .hl{
    color:var(--magenta);
    background:linear-gradient(transparent 70%, rgba(207,47,110,.18) 70%);
  }
  .hero p.lede{
    margin-top:24px; max-width:640px; font-size:1.12rem; color:#3d4757;
  }
  .chip-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:32px;}
  .chip{
    font-family:'Space Grotesk'; font-weight:600; font-size:.86rem;
    padding:9px 18px; border-radius:999px; border:1.5px solid var(--ink);
    text-decoration:none; color:var(--ink); transition:all .2s var(--ease);
  }
  .chip:hover{background:var(--ink); color:#fff;}
  .hero-frame{
    margin-top:56px; border-radius:24px; overflow:hidden; position:relative;
    box-shadow:0 30px 60px -30px rgba(16,29,51,.4);
  }
  .hero-frame img{width:100%; height:clamp(260px,42vw,520px); object-fit:cover;}

  /* ---------- Awards ---------- */
  .awards{background:var(--navy); color:#fff;}
  .awards .eyebrow{color:#ff9fc2;}
  .awards .eyebrow::before{background:#ff9fc2;}
  .awards .section-head p{color:var(--mist);}
  .awards-strip{
    margin-top:16px; border-radius:18px; overflow:hidden; background:#fff; padding:28px 8px;
  }

  /* ---------- Split image ---------- */
  .split-shot{
    margin:0; overflow:hidden; border-radius:0;
  }
  .split-shot img{width:100%; height:clamp(240px,40vw,440px); object-fit:cover;}

  /* ---------- Services ---------- */
  .services-layout{
    display:grid; grid-template-columns:0.85fr 1.15fr; gap:56px; align-items:start;
  }
  .services-sticky{position:sticky; top:96px;}
  .service-grid{display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--line);}
  .service-card{
    background:var(--paper); padding:28px 26px; transition:background .2s var(--ease);
  }
  .service-card:hover{background:#fff;}
  .service-icon{
    width:42px; height:42px; border-radius:11px; background:rgba(43,110,242,.1);
    display:flex; align-items:center; justify-content:center; color:var(--blue); margin-bottom:16px;
  }
  .service-card h3{font-size:1.05rem; margin-bottom:8px;}
  .service-card p{font-size:.93rem; color:#4b5566;}

  @media (max-width:900px){
    .services-layout{grid-template-columns:1fr;}
    .services-sticky{position:static;}
    .service-grid{grid-template-columns:1fr;}
  }

  /* ---------- Full-width break ---------- */
  .break-shot{overflow:hidden;}
  .break-shot img{width:100%; height:clamp(260px,44vw,480px); object-fit:cover;}

  /* ---------- Testimonials ---------- */
  .testimonials{background:var(--navy-2); color:#fff;}
  .testimonials .eyebrow{color:#8fb3ff;}
  .testimonials .eyebrow::before{background:#8fb3ff;}
  .testimonials .section-head p{color:var(--mist);}
  .carousel-wrap{position:relative;}
  .carousel{
    display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory;
    padding:6px 6px 22px; margin:0 -6px;
    scrollbar-width:none;
  }
  .carousel::-webkit-scrollbar{display:none;}
  .t-card{
    scroll-snap-align:start; flex:0 0 clamp(280px, 78vw, 380px);
    background:rgba(255,255,255,.06); border:1px solid var(--line-soft);
    border-radius:18px; padding:28px; display:flex; flex-direction:column; gap:18px;
  }
  .t-quote-mark{color:#8fb3ff; font-size:2.2rem; font-family:'Space Grotesk'; line-height:1;}
  .t-card p.quote{font-size:.96rem; color:#dbe3ef; flex:1;}
  .t-name{font-family:'Space Grotesk'; font-weight:600; font-size:1rem;}
  .t-role{font-size:.82rem; color:var(--mist);}
  .carousel-controls{display:flex; gap:12px; margin-top:8px;}
  .car-btn{
    width:46px; height:46px; border-radius:50%; border:1px solid var(--line-soft);
    background:rgba(255,255,255,.05); color:#fff; cursor:pointer;
    display:flex; align-items:center; justify-content:center; transition:background .2s var(--ease), transform .18s var(--ease);
  }
  .car-btn:hover{background:var(--magenta); transform:translateY(-1px);}

  /* ---------- Logos strip ---------- */
  .logos{padding:64px 0;}
  .logos-frame{border-radius:18px; overflow:hidden; border:1px solid var(--line);}

  /* ---------- Why choose us ---------- */
  .why-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:2px; background:var(--line); border-radius:18px; overflow:hidden;}
  .why-card{background:#fff; padding:30px 24px; display:flex; flex-direction:column; gap:16px;}
  .why-icon{
    width:40px; height:40px; border-radius:10px; background:rgba(207,47,110,.1);
    display:flex; align-items:center; justify-content:center; color:var(--magenta);
  }
  .why-card p{font-size:.92rem; color:#3d4757;}
  @media (max-width:980px){
    .why-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:560px){
    .why-grid{grid-template-columns:1fr;}
  }

  /* ---------- FAQ ---------- */
  .faq-cols{display:grid; grid-template-columns:1fr 1fr; gap:16px 24px;}
  @media (max-width:820px){.faq-cols{grid-template-columns:1fr;}}
  details.faq{
    background:var(--navy); border-radius:12px; overflow:hidden;
    border:1px solid var(--line-soft);
  }
  details.faq + details.faq{margin-top:0;}
  details.faq summary{
    list-style:none; cursor:pointer; padding:18px 22px;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    color:#fff; font-family:'Space Grotesk'; font-weight:600; font-size:.98rem;
  }
  details.faq summary::-webkit-details-marker{display:none;}
  details.faq svg.chev{flex:none; transition:transform .25s var(--ease); color:#8fb3ff;}
  details.faq[open] svg.chev{transform:rotate(180deg);}
  .faq-body{padding:0 22px 20px; color:var(--mist); font-size:.92rem;}
  .faq-body p + p{margin-top:10px;}

  /* ---------- CTA / Footer ---------- */
  .cta{
    background:linear-gradient(135deg,var(--magenta),var(--blue-dark));
    color:#fff; border-radius:24px; padding:56px 40px; text-align:center;
    display:flex; flex-direction:column; align-items:center; gap:20px;
  }
  .cta h2{font-size:clamp(1.8rem,3.6vw,2.6rem); max-width:20ch;}
  .cta .btn-primary{background:#fff; color:var(--ink);}
  .cta .btn-primary:hover{background:var(--ink); color:#fff;}

  footer{padding:48px 0 64px; color:#4b5566; font-size:.86rem;}
  footer .wrap{display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; border-top:1px solid var(--line); padding-top:24px;}
</style>
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>

<header class="nav">
  <div class="nav-inner">
    <a class="brand" href="#top">
      <span class="brand-mark">AB</span>
      ABrandADay
    </a>
    <nav>
      <ul class="nav-links" id="navLinks">
        <li><a href="#services">Services</a></li>
        <li><a href="#work">Work</a></li>
        <li><a href="#why">Why Us</a></li>
        <li><a href="#faq">FAQ</a></li>
      </ul>
    </nav>
    <div class="nav-cta">
      <a class="btn btn-primary" href="mailto:sayhi@brandingagency.sg">Start a project</a>
    </div>
    <button class="menu-toggle" id="menuToggle" aria-label="Toggle menu" aria-expanded="false" aria-controls="navLinks">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<main id="main">

  <!-- Hero -->
  <section class="hero" id="top">
    <div class="hero-inner">
      <h1>Singapore Branding Agency — <span class="hl">ABrandADay</span>.</h1>
      <p class="lede">Our team specialises in brand strategy, bringing life to brands and helping businesses reach their goals. We start from the very beginning, working on brand conceptualisation and then continue with the full execution of go-to-market strategies. By curating unique brand experiences, we shift perceptions and reshape views — expanding the reach of our clients' campaigns.</p>
      <div class="chip-row">
        <a class="chip" href="#services">Strategy</a>
        <a class="chip" href="#services">Creative</a>
        <a class="chip" href="#services">Digital</a>
      </div>
      <div class="hero-frame">
        <img src="https://www.brandingagency.sg/wp-content/uploads/2023/12/WhatsApp_Image_2023-12-11_at_11.32.00-3.jpeg" alt="ABrandADay team reviewing a client website together in the studio">
      </div>
    </div>
  </section>

  <!-- Awards -->
  <section class="awards">
    <div class="wrap">
      <div class="section-head">
        <span class="eyebrow">Recognition</span>
        <h2>Awards showcase.</h2>
        <p>Accolades are a testament to the impact we've made as a young and dynamic boutique agency, showcasing our dedication to approaching every challenge with a mindset of excellence.</p>
      </div>
      <div class="awards-strip">
        <img src="https://www.brandingagency.sg/wp-content/uploads/2025/03/WEB-AWARDS-1-1024x305.png" alt="Row of award logos won by ABrandADay">
      </div>
    </div>
  </section>

  <!-- Split shot -->
  <figure class="split-shot">
    <img src="https://www.brandingagency.sg/wp-content/uploads/2023/12/WhatsApp_Image_2023-12-11_at_11.32.00.jpeg" alt="ABrandADay team collaborating on a brand project">
  </figure>

  <!-- Services -->
  <section id="services">
    <div class="wrap">
      <div class="services-layout">
        <div class="services-sticky">
          <span class="eyebrow">What we do</span>
          <h2>Services offered.</h2>
          <p style="margin-top:16px; color:#3d4757; font-size:1.05rem;">Unleash your brand's potential with us. From compelling logos to comprehensive brand strategies, we turn visions into impactful identities.</p>
        </div>
        <div class="service-grid">
          <article class="service-card">
            <div class="service-icon">
              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2"/><circle cx="10" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
            </div>
            <h3>Brand Consultancy</h3>
            <p>Expert advice and guidance on brand strategy, helping businesses make decisions that enhance their brand's impact and relevance.</p>
          </article>
          <article class="service-card">
            <div class="service-icon">
              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 3v3M12 18v3M21 12h-3M6 12H3M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1M18.4 18.4l-2.1-2.1M7.7 7.7 5.6 5.6"/></svg>
            </div>
            <h3>Brand Conceptualisation</h3>
            <p>Creating the core ideas and concepts that form a brand's foundation — what it represents and the story it aims to tell.</p>
          </article>
          <article class="service-card">
            <div class="service-icon">
              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s7-6.1 7-11.5A7 7 0 0 0 5 9.5C5 14.9 12 21 12 21z"/><circle cx="12" cy="9.5" r="2.4"/></svg>
            </div>
            <h3>Brand Positioning</h3>
            <p>Identifying a unique place in the market — deciding how a brand wants to be perceived in the minds of its audience.</p>
          </article>
          <article class="service-card">
            <div class="service-icon">
              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/><path d="M11 8v6M8 11h6"/></svg>
            </div>
            <h3>Brand Identity</h3>
            <p>The visual representation of a brand — logo, colour, typography and design elements for a consistent, recognisable look.</p>
          </article>
          <article class="service-card">
            <div class="service-icon">
              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h13M11 6l6 6-6 6"/><path d="M21 5v14"/></svg>
            </div>
            <h3>Brand Implementation</h3>
            <p>Putting design concepts and strategy into practice — every visual asset needed to maintain a cohesive brand image.</p>
          </article>
          <article class="service-card">
            <div class="service-icon">
              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>
            </div>
            <h3>Copywriting</h3>
            <p>Crafting compelling written content for websites, ads and brochures — written to engage and persuade effectively.</p>
          </article>
          <article class="service-card" style="grid-column:1 / -1;">
            <div class="service-icon">
              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="m14.5 9.5-2 5-5 2 2-5z"/></svg>
            </div>
            <h3>Go-to-Market Strategy</h3>
            <p>A plan for reaching and engaging your target audience — market research, pricing, distribution and marketing tactics for a successful launch, re-launch or market entry.</p>
          </article>
        </div>
      </div>
    </div>
  </section>

  <!-- Full width break -->
  <figure class="break-shot">
    <img src="https://www.brandingagency.sg/wp-content/uploads/2023/12/WhatsApp_Image_2023-12-11_at_11.32.00-2.jpeg" alt="Creative and process flow behind an ABrandADay branding strategy">
  </figure>

  <!-- Testimonials -->
  <section class="testimonials" id="work">
    <div class="wrap">
      <div class="section-head">
        <span class="eyebrow">Client voices</span>
        <h2>Testimonials.</h2>
        <p>Read through a collection of heartfelt testimonials that showcase the impact of our services — from transforming brands to exceeding expectations.</p>
      </div>
      <div class="carousel-wrap">
        <div class="carousel" id="carousel">

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">We have worked with ABAD on the De'Longhi and Kenwood brands and their dedication and commitment to our account have exceeded our expectations. They took the time to understand the essence of our brands and translated it into work that is both creative and strategic.</p>
            <div><div class="t-name">Adeline Tan</div><div class="t-role">Former Marketing Director, De'Longhi Group (Singapore &amp; Malaysia)</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">ABAD never fail to deliver, even on tight timelines. The professionalism and rapport are amazing — never once did they talk down to me even when the stress meter went into overdrive. The creatives are a little playful, a little rebellious; that's what we love.</p>
            <div><div class="t-name">Yeong Ming</div><div class="t-role">Digital Product Owner, GLDB</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">Very professional and awesome team to work with!</p>
            <div><div class="t-name">Stephanie Yap</div><div class="t-role">Executive Director, Applied Colors</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">I'm thrilled to have worked with a team of both highly skilled and enjoyable individuals. The campaign performed exceptionally well, exceeding our engagement and reach goals. I wholeheartedly recommend them.</p>
            <div><div class="t-name">Raymond Oh</div><div class="t-role">Marketing Manager, Courts Singapore</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">The team thinking out of the box, always. Happy to work with them. Of course, a nice and cosy office too.</p>
            <div><div class="t-name">Jeremy Sui</div><div class="t-role">Business Development Manager, New Port Duty Free</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">Always a pleasure working with Team ABrandADay — passionate, creative, loads of energy, and they take the time to understand our business needs and challenges. Swift and sharp in campaign planning and execution.</p>
            <div><div class="t-name">Heather Ang</div><div class="t-role">VP, Marketing &amp; OEM Sales, Senoko Energy</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">Nafe's imaginative approach consistently brings fresh perspectives to inspire and captivate audiences. They actively listen to clients' requirements to ensure alignment with our vision, delivering innovative ideas throughout.</p>
            <div><div class="t-name">Lisa Leong</div><div class="t-role">Head of Learning &amp; Development, JUMBO Group Of Restaurants</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">Does his homework well before providing proposals which are always fresh and exciting — particularly strong in the F&amp;B circle too.</p>
            <div><div class="t-name">Thiam Ann Chia</div><div class="t-role">Director, TheSeafoodCompany</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">Jas is brutally effective, honest and on-point. The ABAD team has decades of experience in advertising, particularly retail. On a limited budget they ensured we got the most bang for the buck. Highly commendable.</p>
            <div><div class="t-name">Zan Haliru</div><div class="t-role">Chief Commercial Officer, HipVan</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">Jasmine has that rare combination of creativity, commercial acumen and leadership. Nafe possesses a vast creative range and a rapid onboarding of client DNA, turning a brief into something tangible at lightning speed.</p>
            <div><div class="t-name">Terry O'Connor</div><div class="t-role">Chief Executive Officer, Matahari Department Stores (MDS)</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">A boutique brand agency that punches above their size — highly committed and passionate professionals who listen intently to clients' needs and take on each job as if they own the brand. Highly recommended!</p>
            <div><div class="t-name">Poh Hwee Hian</div><div class="t-role">Former Country Manager, Singapore &amp; Malaysia, De'Longhi Group</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">An agency with very passionate individuals, well versed in creative ideas and real, concrete, actionable go-to-market plans that bring real results. Not every agency has multiple strengths — well done, team!</p>
            <div><div class="t-name">Vivien Chak</div><div class="t-role">Senior Product Marketing Manager (SG) &amp; Team Lead Business Manager (MY), De'Longhi Group</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">Nafe's contributions have them standing out for creativity, innovation, and leadership — consistently producing campaigns that resonate with audiences and push creative boundaries.</p>
            <div><div class="t-name">Amos Chow</div><div class="t-role">Business Manager, Yikowei</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">A creative agency run by a team of passionate people — passion for innovative ideas and never saying no to creativity.</p>
            <div><div class="t-name">Pamela Kuah</div><div class="t-role">Producer, Han Productions</div></div>
          </article>

          <article class="t-card">
            <span class="t-quote-mark">&ldquo;</span>
            <p class="quote">When Covid hit, there was a sudden surge in demand for digitalisation. Nafe provided consultancy, laying the structure to navigate the critical period, taking the time to understand our business and pain points.</p>
            <div><div class="t-name">Jonathan Lim</div><div class="t-role">Founder, The Oddle Company</div></div>
          </article>

        </div>
        <div class="carousel-controls">
          <button class="car-btn" id="carPrev" aria-label="Previous testimonial">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg>
          </button>
          <button class="car-btn" id="carNext" aria-label="Next testimonial">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
          </button>
        </div>
      </div>
    </div>
  </section>

  <!-- Client logos -->
  <section class="logos">
    <div class="wrap">
      <div class="logos-frame">
        <img src="https://www.brandingagency.sg/wp-content/uploads/2023/12/Client-Logos-2500-x-1250-web-banner-scaled.jpg" alt="Logos of ABrandADay client partners">
      </div>
    </div>
  </section>

  <!-- Why choose us -->
  <section id="why">
    <div class="wrap">
      <div class="section-head">
        <span class="eyebrow">The difference</span>
        <h2>Why choose us.</h2>
        <p>From a team of experts dedicated to your success to a track record of delivering results, here are a few reasons choosing us over other branding agencies makes sense.</p>
      </div>
      <div class="why-grid">
        <div class="why-card">
          <div class="why-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 21h8M12 17v4M7 4h10v4a5 5 0 0 1-10 0Z"/><path d="M17 5h3a3 3 0 0 1-3 5M7 5H4a3 3 0 0 0 3 5"/></svg></div>
          <p>Proven track record of success — an award-winning agency.</p>
        </div>
        <div class="why-card">
          <div class="why-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="2.4"/><circle cx="18" cy="6" r="2.4"/><circle cx="12" cy="18" r="2.4"/><path d="M8.1 7.3 10.4 16M15.9 7.3 13.6 16M8.4 6h7.2"/></svg></div>
          <p>A consultative approach that tailors solutions to each client's pain points.</p>
        </div>
        <div class="why-card">
          <div class="why-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v3M12 3a4 4 0 0 1 4 4c0 2-1.5 3-2 4.5-.3 1-0.3 2-0.3 2.5H10.3c0-.5 0-1.5-.3-2.5-.5-1.5-2-2.5-2-4.5a4 4 0 0 1 4-4Z"/><path d="M9.5 18h5M10 21h4"/></svg></div>
          <p>Out-of-the-box solutions that transcend convention to drive meaningful outcomes.</p>
        </div>
        <div class="why-card">
          <div class="why-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21c-5-1.5-8-5-8-10 0-3 2-6 8-8 6 2 8 5 8 8 0 5-3 8.5-8 10Z"/><path d="M9 12c1.5 1.5 4.5 1.5 6-1"/></svg></div>
          <p>ESG-centric — a commitment to sustainable, responsible branding.</p>
        </div>
        <div class="why-card">
          <div class="why-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="m15 8-5 3-1 5 5-3z"/></svg></div>
          <p>Deep expertise in tackling a rapidly progressing digital market.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Break -->
  <figure class="break-shot">
    <img src="https://www.brandingagency.sg/wp-content/uploads/2023/12/WhatsApp_Image_2023-12-11_at_17.03.47.jpeg" alt="ABrandADay studio at work">
  </figure>

  <!-- FAQ -->
  <section id="faq">
    <div class="wrap">
      <div class="section-head">
        <span class="eyebrow">Questions</span>
        <h2>Frequently asked questions.</h2>
        <p>Explore our branding agency FAQ to find answers to common queries about our services, processes and approach.</p>
      </div>
      <div class="faq-cols">
        <div class="faq-col">
          <details class="faq" open>
            <summary>What services does your agency offer?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>Our agency offers an extensive range of services, including branding, branding strategy, corporate branding, digital branding, digital marketing solutions, brand management, content creation, graphic design, web development and more.</p></div>
          </details>
          <details class="faq">
            <summary>How can your agency help improve our brand identity?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>We specialise in brand conceptualisation and actualisation. A consultation with us gives a holistic understanding of your profile, identity and strengths, so we can provide strategies that address pain points and exceed business goals.</p></div>
          </details>
          <details class="faq">
            <summary>How does your company compare with other branding agencies?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>We stand out through our commitment to excellence and innovation, a unique approach to brand strategy, creative solutions, and a proven track record in successful brand transformations — with a dedication to understanding and fulfilling our clients' needs.</p></div>
          </details>
          <details class="faq">
            <summary>Can you share examples of branding projects you've worked on?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>We're proud to have assisted numerous client-partners in elevating their brands. Email us your specific requirements and we'll share a curated selection of portfolios that showcase our diverse range of projects.</p>
            <p>These portfolios represent the breadth and depth of our work across sectors — how our expertise has met and often exceeded needs similar to yours.</p></div>
          </details>
          <details class="faq">
            <summary>How does your agency approach digital marketing and SEO?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>We craft tailored digital marketing and SEO strategies focused on enhancing online presence and attracting targeted traffic, plus broader communication and marketing solutions aligned to your specific goals.</p></div>
          </details>
          <details class="faq">
            <summary>What's the importance of content creation in marketing?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>Content is crucial for engaging your audience, conveying your brand's message, and enhancing search visibility. We focus on content that resonates with your audience and fosters meaningful connections.</p></div>
          </details>
        </div>
        <div class="faq-col">
          <details class="faq">
            <summary>What's the benefit of combining consultancy, creative and brand agency services?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>Our Brand Consultancy arm provides in-depth analysis and strategic planning; our Creative Agency side brings innovative design and advertising solutions. As a Brand Agency, we combine both to build and manage your brand's identity and reputation across every touchpoint — cohesive, impactful, and aligned with your objectives.</p></div>
          </details>
          <details class="faq">
            <summary>How does your approach to corporate branding differentiate you in Singapore?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>We focus on a cohesive, powerful brand identity that resonates locally and globally, aligning corporate image with strategic objectives so every touchpoint communicates the right message.</p>
            <p>Our team combines innovative design, strategic thinking and in-depth Singapore market understanding to deliver solutions that are visually compelling and strategically sound.</p></div>
          </details>
          <details class="faq">
            <summary>Is it necessary for your agency to have experience in our industry?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>Industry experience helps, but our core strength is adaptability across sectors. We dig into different market sectors, conduct research, and apply branding expertise to create strategies that resonate — bringing fresh perspectives industry veterans might miss.</p></div>
          </details>
          <details class="faq">
            <summary>What's your approach to social media and online reputation management?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>Our communications strategy includes managing social media accounts, creating content, and employing reputation management strategies to maintain a positive online presence.</p></div>
          </details>
          <details class="faq">
            <summary>What's the typical cost of working with your agency?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>Costs depend on the scope of your project. We provide customised quotes based on your specific requirements.</p></div>
          </details>
          <details class="faq">
            <summary>How do you keep up with the latest marketing trends and technologies?
              <svg class="chev" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
            </summary>
            <div class="faq-body"><p>Our team regularly attends industry conferences, takes courses, and follows reputable marketing platforms to stay at the forefront of industry trends.</p></div>
          </details>
        </div>
      </div>
    </div>
  </section>

  <!-- CTA -->
  <section>
    <div class="wrap">
      <div class="cta">
        <h2>Let's build a brand that shifts perceptions.</h2>
        <a class="btn btn-primary" href="mailto:sayhi@brandingagency.sg">Email the team</a>
      </div>
    </div>
  </section>

</main>

<footer>
  <div class="wrap">
    <span>© <span id="year"></span> ABrandADay. All rights reserved.</span>
    <span>Singapore</span>
  </div>
</footer>

<script>
  // Mobile menu toggle
  const menuToggle = document.getElementById('menuToggle');
  const navLinks = document.getElementById('navLinks');
  menuToggle.addEventListener('click', () => {
    const open = navLinks.classList.toggle('open');
    menuToggle.setAttribute('aria-expanded', open ? 'true' : 'false');
  });
  navLinks.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {
    navLinks.classList.remove('open');
    menuToggle.setAttribute('aria-expanded', 'false');
  }));

  // Testimonial carousel
  const carousel = document.getElementById('carousel');
  const prevBtn = document.getElementById('carPrev');
  const nextBtn = document.getElementById('carNext');
  function cardStep(){
    const card = carousel.querySelector('.t-card');
    if(!card) return 340;
    const style = getComputedStyle(carousel);
    const gap = parseFloat(style.columnGap || style.gap || 20);
    return card.getBoundingClientRect().width + gap;
  }
  prevBtn.addEventListener('click', () => carousel.scrollBy({left: -cardStep(), behavior:'smooth'}));
  nextBtn.addEventListener('click', () => carousel.scrollBy({left: cardStep(), behavior:'smooth'}));

  document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
</html>/* End custom CSS */