Sync your brand in a snap

URBRANDSOURCE_API_KEY=
URBRANDSOURCE_API_URL=https://app.urbrandsource.com

npm install -D urbrandsource@0.1.1

npx urbrandsource pull your-brand --main --out ./public/brands

{
  "scripts": {
    "brand:pull": "urbrandsource pull your-brand --main --out ./public/brands",
    "prebuild": "urbrandsource pull your-brand --main --out ./public/brands"
  }
}

- name: Pull Main assets
  env:
    URBRANDSOURCE_API_KEY: ${{ secrets.URBRANDSOURCE_API_KEY }}
    URBRANDSOURCE_API_URL: https://app.urbrandsource.com
  run: npx urbrandsource pull your-brand --main --out ./public/brands

// Next.js — stable paths after pull (files live in public/brands/your-brand/)
import Image from 'next/image';

<Image src="/brands/your-brand/logo.png" alt="Logo" width={120} height={40} />
<Image src="/brands/your-brand/logos/logo-100.png" alt="Logo" width={100} height={100} />

// Metadata
export const metadata = {
  icons: { icon: '/brands/your-brand/favicon.ico' },
  openGraph: { images: ['/brands/your-brand/og.png'] }
};

// Tailwind / CSS — brand.json uses format "tailwind-css"
// Pull writes public/brands/your-brand/brand.json with :root CSS vars + tailwind.theme.extend
import brand from '../../public/brands/your-brand/brand.json';

// Example: apply CSS variables from brand.json in globals.css
// :root { ...brand.css[':root'] }