diff --git a/CLAUDE.md b/CLAUDE.md index aee43c0..f291dbc 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -119,13 +119,11 @@ import type { ChartSeries, DataPoint } from '@cameleer/design-system' // Styles (once, at app root) import '@cameleer/design-system/style.css' -// Brand assets (static files — logo variants and favicon sizes) -import logo from '@cameleer/design-system/logo' // full resolution PNG -import logo16 from '@cameleer/design-system/logo-16' // 16×16 favicon -import logo32 from '@cameleer/design-system/logo-32' // 32×32 favicon -import logo48 from '@cameleer/design-system/logo-48' // 48×48 taskbar -import logo180 from '@cameleer/design-system/logo-180' // Apple touch icon -import logo192 from '@cameleer/design-system/logo-192' // Android/PWA icon -import logo512 from '@cameleer/design-system/logo-512' // PWA splash, og:image -import logoSvg from '@cameleer/design-system/logo-svg' // SVG vector logo +// Brand assets (static files via ./assets/* export) +import logo from '@cameleer/design-system/assets/cameleer3-logo.png' // full resolution +import logo32 from '@cameleer/design-system/assets/cameleer3-32.png' // 32×32 favicon +import logo180 from '@cameleer/design-system/assets/cameleer3-180.png' // Apple touch icon +import logo192 from '@cameleer/design-system/assets/cameleer3-192.png' // Android/PWA icon +import logo512 from '@cameleer/design-system/assets/cameleer3-512.png' // PWA splash, og:image +import logoSvg from '@cameleer/design-system/assets/camel-logo.svg' // SVG vector logo ``` diff --git a/COMPONENT_GUIDE.md b/COMPONENT_GUIDE.md index 15fce57..1f9433b 100644 --- a/COMPONENT_GUIDE.md +++ b/COMPONENT_GUIDE.md @@ -336,23 +336,23 @@ See `CLAUDE.md` "Using This Design System in Other Apps" for full setup instruct ## Brand Assets -The design system ships logo assets as static files via package exports. These are not React components — they resolve to file URLs when imported via a bundler. +The design system ships logo assets as static files via the `./assets/*` package export. These are not React components — they resolve to file URLs when imported via a bundler. All PNGs have transparent backgrounds. -| Export | Size | Use case | -|--------|------|----------| -| `@cameleer/design-system/logo` | Original | Full resolution for print/marketing | -| `@cameleer/design-system/logo-16` | 16×16 | Browser tab favicon | -| `@cameleer/design-system/logo-32` | 32×32 | Standard favicon, bookmarks | -| `@cameleer/design-system/logo-48` | 48×48 | Windows taskbar | -| `@cameleer/design-system/logo-180` | 180×180 | Apple touch icon | -| `@cameleer/design-system/logo-192` | 192×192 | Android/PWA icon | -| `@cameleer/design-system/logo-512` | 512×512 | PWA splash, og:image | -| `@cameleer/design-system/logo-svg` | Vector | SVG logo for scalable usage | +| File | Size | Use case | +|------|------|----------| +| `cameleer3-logo.png` | Original | Full resolution for print/marketing | +| `cameleer3-16.png` | 16×16 | Browser tab favicon | +| `cameleer3-32.png` | 32×32 | Standard favicon, bookmarks | +| `cameleer3-48.png` | 48×48 | Windows taskbar | +| `cameleer3-180.png` | 180×180 | Apple touch icon | +| `cameleer3-192.png` | 192×192 | Android/PWA icon | +| `cameleer3-512.png` | 512×512 | PWA splash, og:image | +| `camel-logo.svg` | Vector | SVG logo for scalable usage | ### Usage ```tsx -import logo from '@cameleer/design-system/logo-512' +import logo from '@cameleer/design-system/assets/cameleer3-512.png' Cameleer3 ``` diff --git a/package.json b/package.json index 71066d4..7071379 100644 --- a/package.json +++ b/package.json @@ -11,14 +11,7 @@ "import": "./dist/index.es.js" }, "./style.css": "./dist/style.css", - "./logo": "./assets/cameleer3-logo.png", - "./logo-16": "./assets/cameleer3-16.png", - "./logo-32": "./assets/cameleer3-32.png", - "./logo-48": "./assets/cameleer3-48.png", - "./logo-180": "./assets/cameleer3-180.png", - "./logo-192": "./assets/cameleer3-192.png", - "./logo-512": "./assets/cameleer3-512.png", - "./logo-svg": "./assets/camel-logo.svg" + "./assets/*": "./assets/*" }, "files": [ "dist", diff --git a/src/pages/Inventory/sections/BrandAssetsSection.tsx b/src/pages/Inventory/sections/BrandAssetsSection.tsx index 304a31d..3b156aa 100644 --- a/src/pages/Inventory/sections/BrandAssetsSection.tsx +++ b/src/pages/Inventory/sections/BrandAssetsSection.tsx @@ -13,7 +13,7 @@ export function BrandAssetsSection() {

Cameleer3 Logo (PNG)

Full-resolution logo and pre-generated size variants for favicons, PWA icons, and social images. - Shipped as static assets via package exports. + Shipped as static assets via @cameleer/design-system/assets/* export.

@@ -28,7 +28,7 @@ export function BrandAssetsSection() { />
{size}×{size} - @cameleer/design-system/logo-{size} + assets/cameleer3-{size}.png
))}
@@ -41,7 +41,7 @@ export function BrandAssetsSection() { />
Original - @cameleer/design-system/logo + assets/cameleer3-logo.png @@ -59,7 +59,7 @@ export function BrandAssetsSection() { Camel SVG logo SVG - @cameleer/design-system/logo-svg + assets/camel-logo.svg