Badge previews
Insured by
Heuston's Insurance
Specialist · Since 1985 · NJ Licensed
Light (for dark site backgrounds)
Where to put it: Footer, "About" page, contact page, or next to your dealership license information. Customers researching your lot will see it — and so will Google.
Dark badge — embed code
Works on white, light, or neutral backgrounds. No external dependencies — self-contained HTML.
<!-- Heuston's Insurance Services — Client Badge -->
<a href="https://heustons.com"
target="_blank" rel="noopener"
style="display:inline-flex;align-items:center;gap:10px;
background:#0b1320;border:1px solid rgba(201,162,90,0.4);
border-radius:6px;padding:10px 16px;text-decoration:none;
font-family:sans-serif;box-shadow:0 2px 8px rgba(11,19,32,0.18);"
aria-label="Insured by Heuston's Insurance Services">
<svg width="32" height="32" viewBox="0 0 48 48" aria-hidden="true">
<defs>
<linearGradient id="hb" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#c9a25a"/>
<stop offset="100%" stop-color="#8a6a30"/>
</linearGradient>
</defs>
<path d="M24 2 L44 12 L44 28 C44 38 36 44 24 46 C12 44 4 38 4 28 L4 12 Z"
fill="url(#hb)" stroke="#1a2435" stroke-width="1.5"/>
<text x="24" y="30" text-anchor="middle"
font-family="Georgia,serif" font-size="20"
font-weight="700" fill="#0b1320">H</text>
</svg>
<span style="display:flex;flex-direction:column;gap:1px;">
<span style="font-size:9px;letter-spacing:0.15em;text-transform:uppercase;
color:rgba(201,162,90,0.8);font-weight:600;">Insured by</span>
<span style="font-size:13px;font-weight:700;color:#fbf7f0;">Heuston's Insurance</span>
<span style="font-size:9.5px;color:rgba(251,247,240,0.5);">Specialist · Since 1985 · NJ Licensed</span>
</span>
</a>
Light badge — embed code
For dark-background sites or footers with dark backgrounds.
<!-- Heuston's Insurance Services — Client Badge (Light) -->
<a href="https://heustons.com"
target="_blank" rel="noopener"
style="display:inline-flex;align-items:center;gap:10px;
background:#fbf7f0;border:1px solid rgba(138,106,48,0.35);
border-radius:6px;padding:10px 16px;text-decoration:none;
font-family:sans-serif;box-shadow:0 2px 6px rgba(0,0,0,0.08);"
aria-label="Insured by Heuston's Insurance Services">
<svg width="32" height="32" viewBox="0 0 48 48" aria-hidden="true">
<defs>
<linearGradient id="hbl" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#c9a25a"/>
<stop offset="100%" stop-color="#8a6a30"/>
</linearGradient>
</defs>
<path d="M24 2 L44 12 L44 28 C44 38 36 44 24 46 C12 44 4 38 4 28 L4 12 Z"
fill="url(#hbl)" stroke="#e2d9cc" stroke-width="1.5"/>
<text x="24" y="30" text-anchor="middle"
font-family="Georgia,serif" font-size="20"
font-weight="700" fill="#0b1320">H</text>
</svg>
<span style="display:flex;flex-direction:column;gap:1px;">
<span style="font-size:9px;letter-spacing:0.15em;text-transform:uppercase;
color:rgba(138,106,48,0.9);font-weight:600;">Insured by</span>
<span style="font-size:13px;font-weight:700;color:#0b1320;">Heuston's Insurance</span>
<span style="font-size:9.5px;color:rgba(11,19,32,0.45);">Specialist · Since 1985 · NJ Licensed</span>
</span>
</a>
How to add it to your website
- 1 Click Copy on the badge code above that matches your website's background color.
- 2 Paste the code into your website's footer, "About" page, or contact page. Most website builders (WordPress, Wix, Squarespace, Dealer.com) have an "HTML block" or "Custom Code" option.
- 3 That's it. The badge links to heustons.com automatically and requires no ongoing updates.
Need help? If your website developer needs the badge in a different format (PNG, SVG file, or specific dimensions), email info@heustons.com and we'll send it over.