For Compass clients · Opt-in · 5% discount when you keep it

A small footer badge. A real discount.

Compass clients can drop a discreet "Built with Compass" badge in their site footer. Monochrome. Inherits your footer's text color. Quiet next to your copyright. Keep it on for a year and the next engagement is 5% off. Remove it any time - no clawback, no follow-up.

// Preview · this is how it looks on a dark footer
© 2026 Your Firm · Toronto, Canada
Built with Compass
// Preview · same badge on a light footer
© 2026 Your Firm · Toronto, Canada
Built with Compass
// Quick answer

The Compass Badge is an opt-in footer attribution for active Compass AI Group clients. It is monochrome by default (inherits the host footer's text color, no gold splash on your brand), self-contained (no JavaScript or external CSS), and carries a UTM tag identifying your site so referral traffic is attributable. Clients who keep the badge on their production footer for 12 consecutive months get 5% off the next Compass engagement (build fees, not retainers). Snippets for plain HTML, React, Next.js, WordPress, and Shopify below. Removable any time with no clawback.

// Why opt in

Four reasons. One footer line.

The badge is small. The mechanics are honest. The discount is real money. The whole arrangement only works if it stays optional and respectful.

You signal "I work with people who built this"

A buyer landing on your site sees that you chose to work with operators who ship credibly. It is a quieter version of the same trust the badge confers everywhere on the modern web.

You get a 5% discount you can compound

On a $20K build, that is $1,000 back. On a $40K build, $2,000. Real money, applied to scope you were already planning to commission.

You help a Canadian operator land more work

Compass is Bobby Atwal solo with a small pipeline. Every badge places a quiet referral signal on your footer. You become part of the reason the next Canadian firm finds us.

You stay in control

Monochrome. Removable. No tracking of your visitors. If it stops feeling right, take it off the same day. We will not chase you.

// Drop-in snippets

Pick your stack. Paste. Ship.

The hosted SVG is the simplest - one tag, always up to date. The inline HTML is the most portable. Everything else mirrors the same markup for the platforms our clients run.

Hosted SVG · simplest

Snippet

One <a> tag. Zero JS. Compass controls the design centrally - design updates land on every client site automatically.

<!-- Hosted SVG · zero JS, works anywhere -->
<a href="https://compassaigroup.com/?utm_source=client_site&utm_medium=badge"
   target="_blank" rel="noopener noreferrer">
  <img src="https://compassaigroup.com/badges/compass-badge-dark.svg"
       alt="Built with Compass AI Group"
       width="148" height="28" />
</a>

Inline HTML · most portable

Snippet

Self-contained. Works on any platform. Inherits the surrounding text color so it matches your footer.

<!-- Built with Compass · drop into your site footer -->
<a href="https://compassaigroup.com/?utm_source=client_site&utm_medium=badge&utm_campaign=built_with_compass"
   target="_blank" rel="noopener noreferrer"
   aria-label="Built with Compass AI Group"
   style="display:inline-flex; align-items:center; gap:6px; opacity:0.7;
          font:500 12px/1 system-ui, -apple-system, sans-serif; letter-spacing:0.02em;
          text-decoration:none; color:inherit;">
  <svg width="12" height="12" viewBox="0 0 32 32" fill="currentColor" aria-hidden="true">
    <path d="M16 0 L17.4 14 L32 16 L17.4 18 L16 28 L14.6 18 L0 16 L14.6 14 Z"/>
  </svg>
  <span>Built with <strong style="font-weight:600;">Compass</strong></span>
</a>

React / Next.js

Snippet

Drop the CompassBadge component into your project. Pass clientSlug so traffic from your site shows up in our analytics with your name attached.

// React / Next.js footer
import { CompassBadge } from '@/components/CompassBadge';

export function Footer() {
  return (
    <footer>
      {/* your existing footer content */}
      <CompassBadge variant="dark" clientSlug="your-firm-slug" />
    </footer>
  );
}

// Drop CompassBadge.tsx into your /components folder.
// Self-contained - no external dependencies.

WordPress shortcode

Snippet

Add the function to your theme. Use [compass_badge] anywhere.

<?php
// functions.php - add to your active theme
function compass_badge() {
  return '<a href="https://compassaigroup.com/?utm_source=client_site&utm_medium=badge&utm_campaign=built_with_compass"
            target="_blank" rel="noopener noreferrer"
            aria-label="Built with Compass AI Group"
            style="display:inline-flex; align-items:center; gap:6px; opacity:0.7;
                   font:500 12px/1 system-ui, sans-serif; letter-spacing:0.02em;
                   text-decoration:none; color:inherit;">
            <svg width="12" height="12" viewBox="0 0 32 32" fill="currentColor" aria-hidden="true">
              <path d="M16 0 L17.4 14 L32 16 L17.4 18 L16 28 L14.6 18 L0 16 L14.6 14 Z"/>
            </svg>
            <span>Built with <strong style="font-weight:600;">Compass</strong></span>
          </a>';
}
add_shortcode('compass_badge', 'compass_badge');

// Use anywhere with: [compass_badge]
?>

Shopify (Liquid)

Snippet

Paste into your theme footer.liquid above the closing </footer>.

{%- comment -%} Shopify Liquid · drop into footer.liquid {%- endcomment -%}
<a href="https://compassaigroup.com/?utm_source=client_site&utm_medium=badge&utm_campaign=built_with_compass"
   target="_blank" rel="noopener noreferrer"
   aria-label="Built with Compass AI Group"
   style="display:inline-flex; align-items:center; gap:6px; opacity:0.7;
          font:500 12px/1 system-ui, sans-serif; letter-spacing:0.02em;
          text-decoration:none; color:inherit;">
  <svg width="12" height="12" viewBox="0 0 32 32" fill="currentColor" aria-hidden="true">
    <path d="M16 0 L17.4 14 L32 16 L17.4 18 L16 28 L14.6 18 L0 16 L14.6 14 Z"/>
  </svg>
  <span>Built with <strong style="font-weight:600;">Compass</strong></span>
</a>
// Program terms

The deal. Written plainly.

Nothing hidden. Nothing in fine print. The badge program lives or dies on trust - these rules are how we keep it earned.

01

Opt-in, always

Nothing forces you to display the badge. We do not include it as a default in any engagement. You choose, every time.

02

Removable, always

Remove it any month, any year, with no notice. The code we shipped you stays yours regardless. No clawback on past discounts.

03

5% discount on your next engagement

If the badge has been live on your production footer for at least 12 consecutive months, your next Compass engagement gets a 5% discount applied to the build fee (not retainers).

04

Visual respects your brand

The badge is monochrome by default. It picks up your footer's text color and sits quietly next to your copyright. No gold splash on your design, no Compass branding fighting yours.

05

Attribution stays clean

The badge link to compassaigroup.com carries a UTM tag identifying your site, so any new business referred from your site is traceable. We can see what traffic the badge generates without tracking your visitors.

// If you are an existing Compass client

Paste a snippet. Email me your clientSlug.

I will track the badge install, log the start date, and the 12-month discount countdown begins. When your next engagement lands, the 5% is applied automatically.

Email me my clientSlug← All capabilities

Plot Your
Course.

A free 30-minute Bearings call. Two operators talking about your business. No deck. No pitch. Just an honest read on whether AI is the right tool - and if so, where I'd start.

Book Your Bearings Call