Brand Asset Library

Organizza colori, font, logo, copy e asset multimediali in kit di brand. Un kit di default per progetto, più kit secondari per sub-brand o campagne.

Export design token

Genera un API token dal pannello "Tokens" e usalo come URL pubblico per leggere i token in CI/CD o nel build del sito.

bash

GET https://project--YOUR_PROJECT.lovable.app/api/public/brand/<token>?format=css
GET https://project--YOUR_PROJECT.lovable.app/api/public/brand/<token>?format=json
GET https://project--YOUR_PROJECT.lovable.app/api/public/brand/<token>?format=tailwind

Formato CSS

css

:root {
  --brand-primary: #2563eb;
  --brand-accent:  #f97316;
  --brand-font-display: "Space Grotesk";
  --brand-font-body: "Inter";
}

Tailwind

Il formato tailwind ritorna direttamente un frammento JS importabile in tailwind.config.js sotto theme.extend.colors e theme.extend.fontFamily.

Asset

Logo, icone, immagini, font e video sono salvati nel bucket pubblico brand-assets. Ogni asset è associato opzionalmente a un kit e può essere referenziato via URL diretto.