Skip to main content

Social assets

Palette (apple.com style): white #ffffff / #f5f5f7, ink #1d1d1f, secondary #6e6e73, hairline #d2d2d7, blue #0071e3 to #2997ff. Dark variant: #000 / #0b0b0f, text #f5f5f7, cards #1c1c1e, blue #2997ff. Orange (#ff6a2a) appears once, as a dot on the in-tree FluxVM hypervisor card; the Zyvor logo file keeps its brand colour.

FileWhat it isRebuild
../assets/social-preview.svg / .png / @2x.png1280x640 README hero, lightpython3 docs/social/build-social-svg.py docs/assets then rsvg-convert -w 1280 docs/assets/social-preview.svg -o docs/assets/social-preview.png (-w 2560 for @2x)
../assets/social-preview-dark.svg / .png / @2x.pngSame card for GitHub's dark themesame, with social-preview-dark
fluxvm-share-card.png1200x630 Open Graph / repository social preview./docs/social/build-social-card.sh
fluxvm-social-card.html / .jpg1600x900 LinkedIn / Xsame script

build-social-svg.py holds the light and dark palettes and generates both SVGs from one layout, so they cannot drift apart. rsvg-convert (librsvg) renders the PNGs; the HTML cards need Google Chrome and macOS sips.

GitHub repository social preview​

GitHub's repository Social preview is not settable through the API or gh. After changing the card, upload docs/social/fluxvm-share-card.png by hand: repository Settings > General > Social preview > Edit > Upload an image.