4f6b667cf7
Replace the bare brand text on pages with the Gitmost logo lockup (mark + "gitmost" wordmark) and use the mark as the favicon. - add generated logo lockups (text outlined from Space Grotesk SemiBold) in dark/light ink variants; add reusable theme-aware <BrandLogo> component - use BrandLogo in the global header (mark-only on mobile, full lockup on desktop) and on auth pages, dropping the old Docmost icon + plain text - point favicon to /brand/gitmost-favicon.svg (SVG primary + PNG fallbacks); regenerate favicon/app-icon PNGs from the brand SVGs - rename app name Docmost -> Gitmost (getAppName, index.html title/apple title, manifest name); use getAppName() in the 404 title - align theme/background colors to the brand tile (#0E1117) - move brand guide and logos into docs/brand/ (canonical home) with a README, and serve runtime copies from apps/client/public/brand/
32 lines
1.4 KiB
Markdown
32 lines
1.4 KiB
Markdown
# Gitmost brand assets
|
|
|
|
Canonical home for the Gitmost logo, marks and brand guide.
|
|
See [gitmost-brand-guide.html](./gitmost-brand-guide.html) for usage rules
|
|
(colors, clear space, don'ts).
|
|
|
|
## Files
|
|
|
|
| File | Use |
|
|
| --- | --- |
|
|
| `gitmost-brand-guide.html` | Brand guide — open in a browser. |
|
|
| `gitmost-logo-dark.svg` | Primary horizontal logo (mark + wordmark), dark ink — for light backgrounds. |
|
|
| `gitmost-logo-light.svg` | Primary horizontal logo, light ink — for dark backgrounds. |
|
|
| `gitmost-icon.svg` | App icon — mark on a dark `#0E1117` tile (256px). |
|
|
| `gitmost-favicon.svg` | Favicon — mark on a dark tile, heavier strokes for small sizes. |
|
|
| `gitmost-mark-dark.svg` | Bare mark, dark strokes — for light backgrounds. |
|
|
| `gitmost-mark-light.svg` | Bare mark, light strokes — for dark backgrounds. |
|
|
| `gitmost-mark-mono.svg` | Single-color mark (print, engraving, B/W). |
|
|
|
|
## Runtime copies
|
|
|
|
The web client serves the assets it needs from `apps/client/public/brand/`
|
|
(logos, marks, favicon) and `apps/client/public/icons/` (PNG favicons and PWA
|
|
app icons rasterized from `gitmost-favicon.svg` / `gitmost-icon.svg`). When a
|
|
brand asset here changes, refresh those copies.
|
|
|
|
## Wordmark
|
|
|
|
The wordmark is "gitmost" set in Space Grotesk SemiBold (600), tracking
|
|
-0.04em, all lowercase. In `gitmost-logo-*.svg` the text is converted to
|
|
outlines, so no font is required at runtime.
|