diff --git a/CLAUDE.md b/CLAUDE.md index f291dbc..3a1ca3e 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -125,5 +125,6 @@ import logo32 from '@cameleer/design-system/assets/cameleer3-32.png' // 32× 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 +import logoSvg from '@cameleer/design-system/assets/cameleer3-logo.svg' // high-detail SVG logo +import camelSvg from '@cameleer/design-system/assets/camel-logo.svg' // simplified camel SVG ``` diff --git a/COMPONENT_GUIDE.md b/COMPONENT_GUIDE.md index 1f9433b..b8b15e2 100644 --- a/COMPONENT_GUIDE.md +++ b/COMPONENT_GUIDE.md @@ -347,7 +347,8 @@ The design system ships logo assets as static files via the `./assets/*` package | `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 | +| `cameleer3-logo.svg` | Vector | High-detail SVG logo (traced from PNG, transparent) | +| `camel-logo.svg` | Vector | Simplified camel SVG logo | ### Usage diff --git a/assets/cameleer3-logo.svg b/assets/cameleer3-logo.svg new file mode 100644 index 0000000..75f6111 --- /dev/null +++ b/assets/cameleer3-logo.svg @@ -0,0 +1,144 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cameleer3-logo.svg b/src/assets/cameleer3-logo.svg new file mode 100644 index 0000000..75f6111 --- /dev/null +++ b/src/assets/cameleer3-logo.svg @@ -0,0 +1,144 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/pages/Inventory/sections/BrandAssetsSection.tsx b/src/pages/Inventory/sections/BrandAssetsSection.tsx index 3b156aa..c190e20 100644 --- a/src/pages/Inventory/sections/BrandAssetsSection.tsx +++ b/src/pages/Inventory/sections/BrandAssetsSection.tsx @@ -1,6 +1,7 @@ import styles from './BrandAssetsSection.module.css' import camelLogoSvg from '../../../assets/camel-logo.svg' import cameleer3Logo from '../../../assets/cameleer3-logo.png' +import cameleer3LogoSvg from '../../../assets/cameleer3-logo.svg' const LOGO_SIZES = [16, 32, 48, 180, 192, 512] as const @@ -48,17 +49,24 @@ export function BrandAssetsSection() {
-

Camel Logo (SVG)

+

SVG Logos

- Vector logo for scalable usage. Shipped as a static asset via package export. + Vector logos for scalable usage. Transparent backgrounds, infinitely scalable.

+
+
+ Cameleer3 SVG logo +
+ Cameleer3 SVG + assets/cameleer3-logo.svg +
Camel SVG logo
- SVG + Camel SVG assets/camel-logo.svg