2025-12-03 21:56:50 +00:00
|
|
|
{
|
|
|
|
|
"name": "Veza Platform",
|
|
|
|
|
"short_name": "Veza",
|
|
|
|
|
"description": "Plateforme de streaming, collaboration et distribution musicale moderne",
|
feat(branding): scaffold Logo component + Sumi icons + brand assets pipeline (Sprint 3)
Sprint 3 = production assets (logo, icons, hero, textures). Most deliverables
are physical artistic work (artist Renaud + Nikola scans). This commit lays
the CODE scaffold so assets drop in without friction when delivered.
New : apps/web/src/components/branding/
- Logo.tsx — single source of truth for Talas / Veza brand rendering.
Replaces ad-hoc inline wordmarks (Sidebar/Navbar/Footer/landing each had
their own VEZA <h2>). Variants: wordmark / symbol / lockup. Sizes xs..xl.
Colors auto/ink/cyan/inverse. Optional tagline. Horizontal/vertical orient.
- assets/SymbolPlaceholder.tsx — geometric ink stroke + arc + dot, monochrome,
currentColor inheritance, scalable. Mirrors charte §3.1 brief. Replaced by
artist's hand-drawn mark in P0.1 of BRIEF_ARTISTE.
- Logo.stories.tsx — full Storybook coverage: variants, sizes, colors,
orientation, Talas vs Veza, all-sizes ladder.
- index.ts — barrel exports.
New : apps/web/src/components/icons/sumi/
- Play.tsx — first calligraphic icon stub (programmatic approximation per
charte §6.3). 9 more to come (Pause, Search, Profile, Chat, Upload,
Settings, Home, Close, Volume).
- index.ts — barrel + commented TODO list per priority.
- Used via existing components/icons/SumiIcon.tsx wrapper which falls back to
Lucide when no Sumi version exists.
Brand alignment of platform metadata :
- public/favicon.svg — Mizu cyan placeholder (#0098B5) replacing default
vite.svg. Mirrors SymbolPlaceholder geometry.
- public/manifest.json — theme_color #1a1a1a -> #0098B5 (SUMI accent),
background_color #ffffff -> #0D0D0F (charte §4.4 rule 1: no pure white).
- index.html — theme-color meta + msapplication-TileColor aligned to SUMI.
Favicon link points to /favicon.svg.
New doc : apps/web/docs/BRANDING.md
- Architecture map of brand assets in apps/web.
- Logo component API + usage examples.
- Asset deliverables status table (P0/P1/P2 from brief artiste, all 🟡 placeholders).
- Naming convention for raw scans + processed SVGs.
- Step-by-step "how to integrate a delivered asset" for wordmark and Sumi icon.
- Brand color guard (ESLint rule pointer).
Build OK (vite 12.6s). Typecheck clean. No visual regression — Sidebar/Navbar
inline wordmarks intentionally NOT migrated yet (they use fontWeight 300 which
contradicts charte's Bold requirement; a per-screen migration call later).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-27 15:08:17 +00:00
|
|
|
"theme_color": "#0098B5",
|
|
|
|
|
"background_color": "#0D0D0F",
|
2025-12-03 21:56:50 +00:00
|
|
|
"display": "standalone",
|
|
|
|
|
"orientation": "portrait",
|
|
|
|
|
"scope": "/",
|
|
|
|
|
"start_url": "/",
|
|
|
|
|
"icons": [
|
|
|
|
|
{
|
|
|
|
|
"src": "/icons/icon-72x72.png",
|
|
|
|
|
"sizes": "72x72",
|
|
|
|
|
"type": "image/png",
|
|
|
|
|
"purpose": "maskable any"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"src": "/icons/icon-96x96.png",
|
|
|
|
|
"sizes": "96x96",
|
|
|
|
|
"type": "image/png",
|
|
|
|
|
"purpose": "maskable any"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"src": "/icons/icon-128x128.png",
|
|
|
|
|
"sizes": "128x128",
|
|
|
|
|
"type": "image/png",
|
|
|
|
|
"purpose": "maskable any"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"src": "/icons/icon-144x144.png",
|
|
|
|
|
"sizes": "144x144",
|
|
|
|
|
"type": "image/png",
|
|
|
|
|
"purpose": "maskable any"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"src": "/icons/icon-152x152.png",
|
|
|
|
|
"sizes": "152x152",
|
|
|
|
|
"type": "image/png",
|
|
|
|
|
"purpose": "maskable any"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"src": "/icons/icon-192x192.png",
|
|
|
|
|
"sizes": "192x192",
|
|
|
|
|
"type": "image/png",
|
|
|
|
|
"purpose": "maskable any"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"src": "/icons/icon-384x384.png",
|
|
|
|
|
"sizes": "384x384",
|
|
|
|
|
"type": "image/png",
|
|
|
|
|
"purpose": "maskable any"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"src": "/icons/icon-512x512.png",
|
|
|
|
|
"sizes": "512x512",
|
|
|
|
|
"type": "image/png",
|
|
|
|
|
"purpose": "maskable any"
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
"shortcuts": [
|
|
|
|
|
{
|
|
|
|
|
"name": "Dashboard",
|
|
|
|
|
"short_name": "Dashboard",
|
|
|
|
|
"description": "Accéder au tableau de bord",
|
|
|
|
|
"url": "/dashboard",
|
|
|
|
|
"icons": [{ "src": "/icons/dashboard-96x96.png", "sizes": "96x96" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"name": "Chat",
|
|
|
|
|
"short_name": "Chat",
|
|
|
|
|
"description": "Ouvrir le chat",
|
|
|
|
|
"url": "/chat",
|
|
|
|
|
"icons": [{ "src": "/icons/chat-96x96.png", "sizes": "96x96" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"name": "Bibliothèque",
|
|
|
|
|
"short_name": "Library",
|
|
|
|
|
"description": "Parcourir la bibliothèque musicale",
|
|
|
|
|
"url": "/library",
|
|
|
|
|
"icons": [{ "src": "/icons/library-96x96.png", "sizes": "96x96" }]
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
"categories": ["music", "entertainment", "social"],
|
|
|
|
|
"screenshots": [
|
|
|
|
|
{
|
|
|
|
|
"src": "/screenshots/dashboard-wide.png",
|
|
|
|
|
"sizes": "1280x720",
|
|
|
|
|
"type": "image/png",
|
|
|
|
|
"form_factor": "wide"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"src": "/screenshots/dashboard-narrow.png",
|
|
|
|
|
"sizes": "375x812",
|
|
|
|
|
"type": "image/png",
|
|
|
|
|
"form_factor": "narrow"
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|