Integrations-guide
Drop dine publicerede Grundtone-tokens ind i enhver frontend. Vælg den snippet der matcher din stack.
Mangler du en API-nøgle?
Opret en inde i Studio under projektets 'API keys'-tab. Åbn dashboard →
html
<script src="https://cdn.grundtone.com/client/v1.js"
data-api-key="pk_live_<your-key>"></script>
<link rel="stylesheet"
href="https://cdn.grundtone.com/k/pk_live_<your-key>/tokens.css" />Produktion: pin en version + brug Sub-Resource Integrity
For langlivede produktions-deploys: pin til en immutable version-URL og tilføj en SRI-hash. Den tilsvarende hash serveres på samme path med .sri-suffix.
html
<script
src="https://cdn.grundtone.com/client/v1.0.0.js"
integrity="sha384-<hash from cdn.grundtone.com/client/v1.0.0.js.sri>"
crossorigin="anonymous"
data-api-key="pk_live_<your-key>"></script>Light / dark mode
SDK'en anvender det tema der matcher det valgte mode. Brug 'auto' for at følge styresystemets præference.
ts
app.use(grundtone, {
apiKey: 'pk_live_<your-key>',
mode: 'auto', // 'light' | 'dark' | 'auto' (follows prefers-color-scheme)
})