Johan LEROY
adc53b413e
Site (packages/site) : adopte le design system Emerald (polices Inter + JetBrains Mono variables, tokens sémantiques, thème clair/sombre + bascule) et met les mockups à jour sur l'app réelle. - style.css : tokens Emerald (@theme sombre + override html[data-theme=light]) ; lib/theme.ts + ThemeToggle.vue + anti-FOUC index.html ; sweep des couleurs brutes vers les tokens dans toutes les sections. - Mockups fidèles à l'IDE multi-projet : HeroMockup (rail ActivityBar au lieu de la sidebar large + v obsolète retirée), ShowcaseSection (supervision au lieu du dashboard worktree-first, onglets mobiles réels), WorkspaceShowcase (diff-add/del, bouton commit accent-solid) ; framing « worktree-first » résiduel levé (i18n). - og-cover.png rafraîchi (carte Emerald). Docs : README.md + README.fr.md (retrait « Status: MVP », ajout du langage Emerald + thème clair/sombre/système, VSIX 0.2.0 -> 0.3.0, section Screenshots), vscode README (VSIX 0.3.0), brand README (thème clair), CHANGELOG daemon 3.2.0. Captures IDE sombre + clair (brand/screenshot-ide-*.png).
43 lines
2.0 KiB
Markdown
43 lines
2.0 KiB
Markdown
# Brand assets
|
||
|
||
Logo and icon assets for Arboretum. Source artwork is a neon circuit-tree (green
|
||
branches, cyan session nodes, a `>_` prompt at the base) on a dark background.
|
||
|
||
| File | Use |
|
||
| --- | --- |
|
||
| `arboretum-logo-source.png` | Master artwork (opaque dark background). Keep; everything else derives from it. |
|
||
| `arboretum-logo.png` | Full logo, **transparent**. Best on dark surfaces (the wordmark is light). |
|
||
| `arboretum-logo-on-dark.png` | Full logo on a dark backdrop (`#09090b`, the app's dark theme; the UI now also ships a light theme on `#fafafa`). Safe on any theme, used in the README. |
|
||
| `arboretum-mark.png` | Square, **transparent**, tree only (no wordmark). Ideal **Gitea repo avatar**, reads on both light and dark. |
|
||
|
||
The transparent versions are extracted by luminance (alpha ∝ brightness), the clean
|
||
way to lift glow-on-black artwork: the dark background becomes fully transparent, the
|
||
bright strokes stay opaque, and the glow halos stay semi-transparent so the logo sits
|
||
correctly on any dark surface.
|
||
|
||
## Gitea
|
||
|
||
Upload `arboretum-mark.png` as the repository avatar (Settings → uploads a square image;
|
||
the tree-only mark stays legible at small sizes and works on Gitea's light and dark themes).
|
||
Use `arboretum-logo.png` (transparent) on dark pages, or `arboretum-logo-on-dark.png`
|
||
when the surrounding background might be light.
|
||
|
||
## App / favicon assets
|
||
|
||
The web-facing assets live in `packages/web/public/` and are wired into the SPA:
|
||
|
||
- `icon.svg`: scalable favicon, redrawn to match the brand (vector, glow, `>_`).
|
||
- `icon-192.png` / `icon-512.png`: maskable PWA icons (tree on `#09090b`, content in the safe zone).
|
||
- `apple-touch-icon.png`: iOS home-screen icon (180×180).
|
||
- `favicon.ico`: multi-size favicon (16/32/48), transparent.
|
||
- `logo.png`: transparent full logo for in-app use.
|
||
|
||
## Regenerate
|
||
|
||
```bash
|
||
python3 brand/build-assets.py # uses brand/arboretum-logo-source.png
|
||
python3 brand/build-assets.py other.png # or pass another source
|
||
```
|
||
|
||
Requires Python with Pillow + numpy. Writes both `brand/` and `packages/web/public/`.
|