Each links to totalcms.co. The image is served from totalcms.co, so a badge can be redrawn later without anyone pasting new code. It always carries its width and height, so it never shifts a page while it loads.
Pill
The standard badge. Quiet enough for a client site’s footer.
Client site
{{ cms.badge.pill() }}
<a href="https://totalcms.co/?mtm_campaign=badge&mtm_content=pill"><img src="https://totalcms.co/badges/pill-light.svg" alt="Built with Total CMS" width="167" height="32"></a>
Client site
{{ cms.badge.pill({theme: 'dark'}) }}
<a href="https://totalcms.co/?mtm_campaign=badge&mtm_content=pill"><img src="https://totalcms.co/badges/pill-dark.svg" alt="Built with Total CMS" width="167" height="32"></a>
Text mark
No box: it takes the color of the footer text around it. The one-color version suits a brand-colored footer.
Bigger, for a site that is happy to show what it runs on.
Client site
{{ cms.badge.stacked() }}
<a href="https://totalcms.co/?mtm_campaign=badge&mtm_content=stacked"><img src="https://totalcms.co/badges/stacked-light.svg" alt="Built with Total CMS" width="134" height="46"></a>
Client site
{{ cms.badge.stacked({theme: 'dark'}) }}
<a href="https://totalcms.co/?mtm_campaign=badge&mtm_content=stacked"><img src="https://totalcms.co/badges/stacked-dark.svg" alt="Built with Total CMS" width="134" height="46"></a>
For designers
A badge that links to your own work.
Make a profile and you get more badges, all linking to your profile. For your own site, one with your handle and one that counts the sites and extensions you have had approved, kept current. For your clients’ sites, a Built by badge with your studio’s name.
