STS logo — vector assets
The finished vectors live in svg/, their PNG rasters in png/. Both are generated — do not edit them by hand. The generator now lives in this repo at logo/_generator/ (logo.qmd builds the mark, lockup.qmd adds the wordmark and rasters); to change anything, edit the parameters there and re-run lockup.qmd from inside _generator/ (it sources logo.qmd, writes the SVGs to ../svg and the PNGs to ../png). Superseded originals — the old brand.pptx and the first-generation logoSTS.qmd — are kept in _archive/.
Where each is used
| asset | site reference |
|---|---|
svg/lockup-horiz-white.svg |
navbar logo, all pages (_quarto.yml) |
svg/lockup-navy.svg |
home-page hero (index.qmd) |
svg/lockup-horiz.svg |
reveal.js slide logo — copied to slides/slides/img/ (02_*.qmd) |
| file | use |
|---|---|
logo-fill.svg |
mark alone, solid (shapes touch, no gaps) |
logo-fill-white.svg |
mark alone, palette for white/light backgrounds |
logo-fill-navy.svg |
mark alone, palette for navy/dark backgrounds |
logo-wire-black.svg / logo-wire-white.svg |
wireframe variants |
lockup-horiz.svg |
logo + wordmark (black text), light backgrounds |
lockup-horiz-white.svg |
logo + wordmark (white text), dark backgrounds |
lockup-navy.svg |
self-contained navy banner |
lockup-square.svg |
stacked square lockup, light backgrounds |
The gaps between the logo’s shapes are transparent voids (mask-cut, not painted), so every asset sits on any background — the -white / -navy suffixes only choose the palette for the intended background: white-background assets use #54B5CB / #027DBF; navy-background assets keep the original #99D9EA / #00A2E8. Wordmark is IBM Plex Sans Medium, baked to outlines — no font needed anywhere. Everything scales cleanly; the fills are tuned to stay legible at 34px height.
png/ holds rasterised fallbacks (heights 34 / 256 / 1024, transparent except lockup-navy) for places that refuse SVG — regenerated by _generator/lockup.qmd alongside everything else.