Que fait OpenBrand ?
Extrayez les actifs de marque de n'importe quelle URL de site Web — logos, couleurs, images de fond et nom de marque.
Configuration
Serveur MCP (recommandé pour Claude Code / Cursor)
claude mcp add --transport stdio \
--env OPENBRAND_API_KEY=votre_cle_api \
openbrand -- npx -y openbrand-mcp
Obtenez votre clé API gratuite sur openbrand.sh/dashboard.
Une fois configuré, utilisez l'outil extract_brand_assets avec une URL pour obtenir des données de marque structurées.
Package npm (aucune clé API nécessaire)
npm add openbrand
import { extractBrandAssets } from "openbrand";
const result = await extractBrandAssets("https://stripe.com");
if (result.ok) {
// result.data.brand_name → "Stripe"
// result.data.logos → LogoAsset[]
// result.data.colors → ColorAsset[]
// result.data.backdrop_images → BackdropAsset[]
}
API
curl "https://openbrand.sh/api/extract?url=https://stripe.com" \
-H "Authorization: Bearer votre_cle_api"
Ce qu'il extrait
| Actif | Sources |
|---|---|
| Logos | Favicons, icônes apple-touch, logos d'en-tête/nav, SVGs en ligne (avec sondage des dimensions) |
| Couleurs de marque | Balises meta de couleur de thème, manifest.json, couleurs dominantes des images de logo |
| Images de fond | og:image, arrière-plans CSS, images héros/bannière |
| Nom de marque | og:site_name, application-name, texte alternatif du logo, titre de la page |
Format de réponse
{
"brandName": "Stripe",
"logos": [
{ "url": "https://...", "type": "favicon", "resolution": { "width": 32, "height": 32, "aspect_ratio": 1 } }
],
"colors": [
{ "hex": "#635bff", "usage": "primary" },
{ "hex": "#0a2540", "usage": "secondary" }
],
"backdrops": [
{ "url": "https://...", "description": "Hero image" }
]
}
Quand utiliser cette compétence
- Construire une page d'accueil ou une interface utilisateur qui correspond à la marque d'un client
- Générer des guides de style de marque ou des tokens de design
- Créer des modèles d'e-mails de marque ou des supports marketing
- Remplir les champs de marque dans un CMS ou un outil de design
- Toute tâche où vous avez besoin de logos, couleurs ou images provenant d'un site Web