# Integration
Clone the repository, select an identity, and copy the files you need to your own project's static asset directory. Keep relevant licenses. Pin a release tag or commit when using a submodule or automated copy. Do not hotlink authenticated Gitea raw-file URLs; access may require sign-in and MIME behavior varies.
## Minimal CSS integration
```html
` and include `examples/footer.css` plus `tokens/tokens.css`; optionally include fonts. Update relative asset paths for your application's directory structure. Keep the single link pointing to `https://ws.agency/`.
The component has a meaningful link label, decorative images with empty alt text, keyboard focus and a minimum 44 px target height. It has no JavaScript dependency. The two monochrome/color images switch with explicit `data-appearance` or the system preference. A host site's custom theme must set this attribute too; a parent class called `dark` is not automatically observed.
For attribution without visible text, use the **Heart + mark** example or `assets/badges//made-with-love-symbols-.svg` (PNG is also included). Keep the link's `aria-label="Made with love by WS Agency"` even though only the two icons are visible. The outlined heart and sign share a 20 px visible height and a common vertical center; the HTML group stays together when surrounding text wraps. The heart is a new kit illustration, preserved in `sources/kit/heart.svg`.
For a README, use [the Markdown examples](../examples/README-badges.md). Copy badge files into that repository first. Plain SVG badges have outlined text and an opaque background, so they render without installed fonts and remain legible on another site's background.
## Favicons and app icons
```html