Skip to content

Commit e5720ee

Browse files
tianzhouclaude
andcommitted
Add per-product wordmark + full lockup assets
For each product (pgconsole, pgschema, pgtui, pgparser), add a wordmark and a full lockup (icon + wordmark) in public/icons/, mirroring the umbrella's wordmark / logo-full: - <product>-wordmark.svg — product name in APK Protocol 600 outlines (tracking -0.025em, no runtime webfont), tinted in the product hue. - <product>-full.svg (+ 2x transparent .png) — icon + wordmark, word ink box centred on the mark and set a short gap right of it. One universal version each (no dark/light split): the wordmark uses a vertical mid->deep ramp of the product hue so it reads on both dark and light. Two per-mark alignment tweaks: pgparser's wordmark is centred lower to match its bottom-heavy triangle, and pgtui's is pulled in to offset its chevron tip. Document the assets in DESIGN.md. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 parent b8f9341 commit e5720ee

13 files changed

Lines changed: 203 additions & 0 deletions

DESIGN.md

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -235,6 +235,26 @@ Sources live in `public/icons/<product>.svg`. To add a product: derive a
235235
palette row, design a triangle-only glyph with a meaningful knockout, keep the
236236
silhouette in the 21..99 band.
237237

238+
### Product wordmarks & lockups
239+
240+
Each product has a single wordmark and lockup (no dark/light split — one
241+
version reads on any surface), in `public/icons/`:
242+
243+
- `<product>-wordmark.svg` — the product name as **APK Protocol 600** outlines
244+
(tracking −0.025em, no runtime webfont — the umbrella wordmark is Space
245+
Grotesk, so products use the display face to stay distinct), tinted in the
246+
product hue.
247+
- `<product>-full.svg` (+ 2× transparent `.png`) — icon + wordmark, icon
248+
spanning 21..99 with the word's ink box centred on the mark centre and
249+
starting a fixed gap right of the mark edge (same alignment idea as
250+
`logo-full`).
251+
252+
The icon keeps its diagonal `light→mid→deep` gradient; the wordmark is a
253+
**vertical `mid→deep`** ramp of the same hue (top→bottom), the darker half of
254+
the icon transition so it stays legible on both dark and light. Regenerate all
255+
four products from the font with the outlining script (fonttools reads the
256+
woff2 in `src/app/fonts/`); never re-typeset a wordmark as live text.
257+
238258
### Product tile
239259

240260
Card in the 2×2 grid: `card` surface, hairline dividers, `tile` padding; the

public/icons/pgconsole-full.png

55.9 KB
Loading

public/icons/pgconsole-full.svg

Lines changed: 30 additions & 0 deletions
Loading
Lines changed: 20 additions & 0 deletions
Loading

public/icons/pgparser-full.png

55.3 KB
Loading

public/icons/pgparser-full.svg

Lines changed: 28 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)