← Brand kit

Give credit.
Make it feel at home.

Compact and roomy attribution. Copy an example and its two local stylesheets into your project. Explicit themes are shown here; automatic mode is supported.

Original

Light

Heart + mark

Made with love + mark

Made with loveby

With agency name

Made with lovebyWS AgencyA project by WS Agency

Dark

Heart + mark

Made with love + mark

Made with loveby

With agency name

Made with lovebyWS AgencyA project by WS Agency
Copy Original heart + mark automatic-theme HTML
<a class="wsa-brand wsa-credit" data-identity="original" data-appearance="auto" href="https://ws.agency/" aria-label="Made with love by WS Agency"><span class="wsa-credit-symbols"><svg class="wsa-heart" width="20.48" height="20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0.67 0.17 22.66 22.13" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round" stroke-linecap="round"><path d="M12 21C10 19 2 13 2 7a5 5 0 0 1 10-1 5 5 0 0 1 10 1c0 6-8 12-10 14Z"/></svg><img class="wsa-on-light" src="../assets/logos/original/sign-color.svg" alt=""><img class="wsa-on-dark" src="../assets/logos/original/sign-white.svg" alt=""></span></a>
Copy Original Made with love + mark automatic-theme HTML
<a class="wsa-brand wsa-credit" data-identity="original" data-appearance="auto" href="https://ws.agency/" aria-label="Made with love by WS Agency"><span>Made with <span class="sr-only">love</span></span><span class="wsa-credit-symbols"><svg class="wsa-heart" width="20.48" height="20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0.67 0.17 22.66 22.13" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round" stroke-linecap="round"><path d="M12 21C10 19 2 13 2 7a5 5 0 0 1 10-1 5 5 0 0 1 10 1c0 6-8 12-10 14Z"/></svg><span>by</span><img class="wsa-on-light" src="../assets/logos/original/sign-color.svg" alt=""><img class="wsa-on-dark" src="../assets/logos/original/sign-white.svg" alt=""></span></a>
Copy Original with agency name automatic-theme HTML
<a class="wsa-brand wsa-credit" data-identity="original" data-appearance="auto" href="https://ws.agency/" aria-label="Made with love by WS Agency"><span>Made with <span class="sr-only">love</span></span><span class="wsa-credit-symbols"><svg class="wsa-heart" width="20.48" height="20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0.67 0.17 22.66 22.13" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round" stroke-linecap="round"><path d="M12 21C10 19 2 13 2 7a5 5 0 0 1 10-1 5 5 0 0 1 10 1c0 6-8 12-10 14Z"/></svg><span>by</span><img class="wsa-on-light" src="../assets/logos/original/sign-color.svg" alt=""><img class="wsa-on-dark" src="../assets/logos/original/sign-white.svg" alt=""></span><span class="wsa-credit-name">WS Agency</span></a>

Red

Light

Heart + mark

Made with love + mark

Made with loveby

With agency name

Made with lovebyWS AgencyA project by WS Agency

Dark

Heart + mark

Made with love + mark

Made with loveby

With agency name

Made with lovebyWS AgencyA project by WS Agency
Copy Red heart + mark automatic-theme HTML
<a class="wsa-brand wsa-credit" data-identity="red" data-appearance="auto" href="https://ws.agency/" aria-label="Made with love by WS Agency"><span class="wsa-credit-symbols"><svg class="wsa-heart" width="20.48" height="20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0.67 0.17 22.66 22.13" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round" stroke-linecap="round"><path d="M12 21C10 19 2 13 2 7a5 5 0 0 1 10-1 5 5 0 0 1 10 1c0 6-8 12-10 14Z"/></svg><img class="wsa-on-light" src="../assets/logos/red/sign-color.svg" alt=""><img class="wsa-on-dark" src="../assets/logos/red/sign-white.svg" alt=""></span></a>
Copy Red Made with love + mark automatic-theme HTML
<a class="wsa-brand wsa-credit" data-identity="red" data-appearance="auto" href="https://ws.agency/" aria-label="Made with love by WS Agency"><span>Made with <span class="sr-only">love</span></span><span class="wsa-credit-symbols"><svg class="wsa-heart" width="20.48" height="20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0.67 0.17 22.66 22.13" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round" stroke-linecap="round"><path d="M12 21C10 19 2 13 2 7a5 5 0 0 1 10-1 5 5 0 0 1 10 1c0 6-8 12-10 14Z"/></svg><span>by</span><img class="wsa-on-light" src="../assets/logos/red/sign-color.svg" alt=""><img class="wsa-on-dark" src="../assets/logos/red/sign-white.svg" alt=""></span></a>
Copy Red with agency name automatic-theme HTML
<a class="wsa-brand wsa-credit" data-identity="red" data-appearance="auto" href="https://ws.agency/" aria-label="Made with love by WS Agency"><span>Made with <span class="sr-only">love</span></span><span class="wsa-credit-symbols"><svg class="wsa-heart" width="20.48" height="20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0.67 0.17 22.66 22.13" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round" stroke-linecap="round"><path d="M12 21C10 19 2 13 2 7a5 5 0 0 1 10-1 5 5 0 0 1 10 1c0 6-8 12-10 14Z"/></svg><span>by</span><img class="wsa-on-light" src="../assets/logos/red/sign-color.svg" alt=""><img class="wsa-on-dark" src="../assets/logos/red/sign-white.svg" alt=""></span><span class="wsa-credit-name">WS Agency</span></a>

Blue

Light

Heart + mark

Made with love + mark

Made with loveby

With agency name

Made with lovebyWS AgencyA project by WS Agency

Dark

Heart + mark

Made with love + mark

Made with loveby

With agency name

Made with lovebyWS AgencyA project by WS Agency
Copy Blue heart + mark automatic-theme HTML
<a class="wsa-brand wsa-credit" data-identity="blue" data-appearance="auto" href="https://ws.agency/" aria-label="Made with love by WS Agency"><span class="wsa-credit-symbols"><svg class="wsa-heart" width="20.48" height="20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0.67 0.17 22.66 22.13" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round" stroke-linecap="round"><path d="M12 21C10 19 2 13 2 7a5 5 0 0 1 10-1 5 5 0 0 1 10 1c0 6-8 12-10 14Z"/></svg><img class="wsa-on-light" src="../assets/logos/blue/sign-color.svg" alt=""><img class="wsa-on-dark" src="../assets/logos/blue/sign-white.svg" alt=""></span></a>
Copy Blue Made with love + mark automatic-theme HTML
<a class="wsa-brand wsa-credit" data-identity="blue" data-appearance="auto" href="https://ws.agency/" aria-label="Made with love by WS Agency"><span>Made with <span class="sr-only">love</span></span><span class="wsa-credit-symbols"><svg class="wsa-heart" width="20.48" height="20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0.67 0.17 22.66 22.13" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round" stroke-linecap="round"><path d="M12 21C10 19 2 13 2 7a5 5 0 0 1 10-1 5 5 0 0 1 10 1c0 6-8 12-10 14Z"/></svg><span>by</span><img class="wsa-on-light" src="../assets/logos/blue/sign-color.svg" alt=""><img class="wsa-on-dark" src="../assets/logos/blue/sign-white.svg" alt=""></span></a>
Copy Blue with agency name automatic-theme HTML
<a class="wsa-brand wsa-credit" data-identity="blue" data-appearance="auto" href="https://ws.agency/" aria-label="Made with love by WS Agency"><span>Made with <span class="sr-only">love</span></span><span class="wsa-credit-symbols"><svg class="wsa-heart" width="20.48" height="20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0.67 0.17 22.66 22.13" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round" stroke-linecap="round"><path d="M12 21C10 19 2 13 2 7a5 5 0 0 1 10-1 5 5 0 0 1 10 1c0 6-8 12-10 14Z"/></svg><span>by</span><img class="wsa-on-light" src="../assets/logos/blue/sign-color.svg" alt=""><img class="wsa-on-dark" src="../assets/logos/blue/sign-white.svg" alt=""></span><span class="wsa-credit-name">WS Agency</span></a>