// EMBED

Drop the Orchesta badge in any footer.

A tiny Web Component (~2 KB) you can paste into landing pages, marketing sites, footers — anywhere. Inherits text color from its parent, supports custom accent and copy variants.

1. Add the script once

Paste this anywhere in the page (near the end of <body> is fine):

<script src="https://orchesta.io/badge.js" defer></script>
<orchesta-badge></orchesta-badge>

2. Pick a copy variant

<orchesta-badge variant="part-of"></orchesta-badge>
<orchesta-badge variant="made-by"></orchesta-badge>
<orchesta-badge variant="product-of"></orchesta-badge>
<orchesta-badge variant="wordmark"></orchesta-badge>

3. Custom accent color

Pass a CSS color to accent — the tuning bars adopt it:

<orchesta-badge accent="#6366F1"></orchesta-badge>      <!-- callu indigo -->
<orchesta-badge accent="#16a34a"></orchesta-badge>      <!-- any green -->
<orchesta-badge accent="#0EA5E9"></orchesta-badge>      <!-- any hex -->

Attributes

variant: part-of (default) · made-by · product-of · wordmark
accent: Any CSS color value. Defaults to Orchesta violet (#8B5CF6).
href: Link destination. Defaults to https://orchesta.io.

Notes

Text color inherits from currentColor — works on light and dark backgrounds.
All styles live in Shadow DOM — no CSS pollution.
The script auto-registers <orchesta-badge> on first load, idempotent.
~2 KB gzipped, no dependencies, no analytics.
Respects prefers-reduced-motion.