feat(assets): ship Cameleer3 logo and favicon variants with the design system
All checks were successful
Build & Publish / publish (push) Successful in 1m5s
All checks were successful
Build & Publish / publish (push) Successful in 1m5s
Add brand assets as static package exports (logo, logo-16 through logo-512, logo-svg) with pre-generated PNG sizes for favicons, PWA icons, Apple touch icons, and social images. Includes inventory showcase section and updated documentation. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -334,6 +334,34 @@ import type { Column, DataTableProps, SearchResult } from '@cameleer/design-syst
|
||||
|
||||
See `CLAUDE.md` "Using This Design System in Other Apps" for full setup instructions.
|
||||
|
||||
## 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.
|
||||
|
||||
| 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 |
|
||||
|
||||
### Usage
|
||||
|
||||
```tsx
|
||||
import logo from '@cameleer/design-system/logo-512'
|
||||
<img src={logo} alt="Cameleer3" />
|
||||
```
|
||||
|
||||
```html
|
||||
<!-- Favicons in index.html -->
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/cameleer3-32.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/cameleer3-180.png">
|
||||
```
|
||||
|
||||
## Styling Rules
|
||||
|
||||
- **CSS Modules only** — no inline styles except dynamic values (width, color from props)
|
||||
|
||||
Reference in New Issue
Block a user