Badges

Show what your site runs on.

A small badge for the footer of a site you built with Total CMS. Copy one line of HTML: no script, no cookies, nothing to install.

Pick a badge Badges for designers
© Studio Jyoti · PrivacyBuilt with Total CMS
© Harbor RealtyBuilt with Total CMS
© Casa VerdePowered by Total CMS

Pick a badge

Three styles, light or dark.

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.

Pill version
Built with Total CMS
HTML 
<a href="https://totalcms.co/?mtm_campaign=badge&amp;mtm_content=pill"><img src="https://totalcms.co/badges/pill-light.svg" alt="Built with Total CMS" width="167" height="32"></a>
Built with Total CMS
HTML 
<a href="https://totalcms.co/?mtm_campaign=badge&amp;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.

Text mark version
Powered by Total CMS
HTML 
<a href="https://totalcms.co/?mtm_campaign=badge&amp;mtm_content=text" style="display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1;color:inherit;text-decoration:none"><svg x="0" y="0" width="14" height="14" viewBox="0 0 6250 6250"><defs><linearGradient id="tcms-badge-a" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-131.769295,4875.469665,-4875.469665,-131.769295,3114.28138,1578.255403)"><stop offset="0" stop-color="#f37420"/><stop offset="0.7" stop-color="#e03649"/><stop offset="1" stop-color="#d31b60"/></linearGradient><linearGradient id="tcms-badge-b" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-52.707792,2793.509672,-2793.509672,-52.707792,3481.222929,2929.887111)"><stop offset="0" stop-color="#faa61a"/><stop offset="1" stop-color="#f26922"/></linearGradient></defs><path fill="url(#tcms-badge-a)" d="M4595.595,5554.8c-635.41,518.295 -1469.952,512.459 -2073.163,184.497c-603.211,-327.962 -893.103,-1024.883 -816.97,-1625.168c76.133,-600.286 325.034,-937.024 831.61,-1481.671c506.58,-544.647 587.927,-898.961 587.927,-898.961c0,0 76.777,172.764 70.919,585.642c-5.854,412.878 -131.769,562.216 -213.451,922.38c-81.686,360.186 -35.446,442.176 37.759,614.929c34.526,81.46 100.95,153.158 161.519,206.179c-154.222,-286.72 -78.935,-659.073 140.095,-1023.149c225.456,-374.812 591.478,-931.17 486.072,-1742.283c-105.407,-811.113 -816.206,-1297.195 -816.206,-1297.195c0,0 -0.761,339.67 -47.613,699.842c-46.849,360.168 -336.741,705.696 -975.094,1364.542c-638.345,658.847 -866.748,1241.546 -922.384,1762.777c-55.635,521.231 26.355,1320.622 752.549,1938.487c726.197,617.83 1628.083,468.492 1628.083,468.492c885.449,-155.527 1374.209,-685.92 1607.059,-1152.75c-112.622,159.772 -256.477,324.779 -438.71,473.409Z"/><path fill="url(#tcms-badge-b)" d="M3020.226,3856.448c-73.205,-172.753 -119.445,-254.744 -37.759,-614.929c81.683,-360.164 207.598,-509.502 213.451,-922.38c5.858,-412.878 -70.919,-585.642 -70.919,-585.642c0,0 -81.347,354.314 -587.927,898.961c-506.577,544.647 -755.477,881.385 -831.61,1481.671c-76.133,600.286 213.759,1297.206 816.97,1625.168c603.211,327.962 1437.754,333.799 2073.163,-184.497c182.233,-148.63 326.088,-313.637 438.71,-473.409c109.085,-218.63 162.071,-423.323 173.284,-569.018c35.159,-456.82 -5.836,-937.02 -421.661,-1455.326c-415.789,-518.292 -368.958,-1057.084 -368.958,-1057.084c-225.456,193.261 -389.438,450.944 -430.433,764.263c-40.996,313.319 0,415.803 70.283,767.196c70.283,351.378 -210.849,696.92 -480.236,711.564c-269.388,14.608 -380.666,-155.209 -380.666,-155.209c-4.941,-8.312 -9.631,-16.695 -14.173,-25.149c-60.57,-53.022 -126.994,-124.719 -161.519,-206.179Z"/></svg>Powered by Total CMS</a>
Powered by Total CMS
HTML 
<a href="https://totalcms.co/?mtm_campaign=badge&amp;mtm_content=text" style="display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1;color:inherit;text-decoration:none"><svg x="0" y="0" width="14" height="14" viewBox="0 0 6250 6250"><path fill="currentColor" d="M4595.595,5554.8c-635.41,518.295 -1469.952,512.459 -2073.163,184.497c-603.211,-327.962 -893.103,-1024.883 -816.97,-1625.168c76.133,-600.286 325.034,-937.024 831.61,-1481.671c506.58,-544.647 587.927,-898.961 587.927,-898.961c0,0 76.777,172.764 70.919,585.642c-5.854,412.878 -131.769,562.216 -213.451,922.38c-81.686,360.186 -35.446,442.176 37.759,614.929c34.526,81.46 100.95,153.158 161.519,206.179c-154.222,-286.72 -78.935,-659.073 140.095,-1023.149c225.456,-374.812 591.478,-931.17 486.072,-1742.283c-105.407,-811.113 -816.206,-1297.195 -816.206,-1297.195c0,0 -0.761,339.67 -47.613,699.842c-46.849,360.168 -336.741,705.696 -975.094,1364.542c-638.345,658.847 -866.748,1241.546 -922.384,1762.777c-55.635,521.231 26.355,1320.622 752.549,1938.487c726.197,617.83 1628.083,468.492 1628.083,468.492c885.449,-155.527 1374.209,-685.92 1607.059,-1152.75c-112.622,159.772 -256.477,324.779 -438.71,473.409Z"/><path fill="currentColor" d="M3020.226,3856.448c-73.205,-172.753 -119.445,-254.744 -37.759,-614.929c81.683,-360.164 207.598,-509.502 213.451,-922.38c5.858,-412.878 -70.919,-585.642 -70.919,-585.642c0,0 -81.347,354.314 -587.927,898.961c-506.577,544.647 -755.477,881.385 -831.61,1481.671c-76.133,600.286 213.759,1297.206 816.97,1625.168c603.211,327.962 1437.754,333.799 2073.163,-184.497c182.233,-148.63 326.088,-313.637 438.71,-473.409c109.085,-218.63 162.071,-423.323 173.284,-569.018c35.159,-456.82 -5.836,-937.02 -421.661,-1455.326c-415.789,-518.292 -368.958,-1057.084 -368.958,-1057.084c-225.456,193.261 -389.438,450.944 -430.433,764.263c-40.996,313.319 0,415.803 70.283,767.196c70.283,351.378 -210.849,696.92 -480.236,711.564c-269.388,14.608 -380.666,-155.209 -380.666,-155.209c-4.941,-8.312 -9.631,-16.695 -14.173,-25.149c-60.57,-53.022 -126.994,-124.719 -161.519,-206.179Z"/></svg>Powered by Total CMS</a>

Stacked

Bigger, for a site that is happy to show what it runs on.

Stacked version
Built with Total CMS
HTML 
<a href="https://totalcms.co/?mtm_campaign=badge&amp;mtm_content=stacked"><img src="https://totalcms.co/badges/stacked-light.svg" alt="Built with Total CMS" width="134" height="46"></a>
Built with Total CMS
HTML 
<a href="https://totalcms.co/?mtm_campaign=badge&amp;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 two more badges for your own site: one with your handle, and one that counts the sites and extensions you have had approved. Both link to your profile, and the count stays current.

Example profile card badge Example earned badge
Make a profile See the designers