silentmode/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
site/deviant/brand/source/README.md
Local Dev d392305c0b Initial commit
2026-09-12 00:07:34 +02:00

1.6 KiB
Raw Blame History

Working files & exports

Author SVGs edit-in-place under brand/{logo,icon,social}/. This directory is for derivative files that shouldn't clutter the primary directories.

Structure

  • exports/ — PNGs generated from the primary SVGs. Do not check in unless a specific delivery pipeline requires them.
  • sketches/ — WIP art, alternates, rejected variants (kept for provenance).

Exporting to PNG

Any of these work; pick what's installed.

# rsvg-convert (librsvg — smallest, fastest)
rsvg-convert -w 1200 -h 630 ../social/og-1200x630.svg -o exports/og-1200x630.png

# Inkscape CLI (higher-fidelity text rendering)
inkscape ../social/og-1200x630.svg --export-type=png --export-filename=exports/og-1200x630.png --export-width=1200

# ImageMagick (falls back if the above aren't installed)
magick -density 300 -background none ../social/og-1200x630.svg -resize 1200x630 exports/og-1200x630.png

Font gotcha: Fraunces and DM Sans are Google Fonts. If the renderer does not have them installed locally, the PNG will show the fallback (Georgia / system sans). For high-fidelity social exports, install both:

# Ubuntu / Debian
sudo apt-get install fonts-liberation
# Then drop Fraunces + DM Sans .ttf files into ~/.fonts/ and run fc-cache -fv

Or export from a browser (file:// open + screenshot at the target size) — Chrome/Firefox honour the Google Fonts <link> if the SVG references it, though our brand SVGs use plain <text> with a system-safe stack, so the Fraunces + DM Sans rendering happens only when those faces are locally available.