feat(brand): social-share cards, social kit & brand book#79
Merged
Conversation
Links unfurled on social media fell back to the framework default icon because BaseLayout emitted no Open Graph / Twitter meta tags. Add a full set of share tags to every page, defaulting to a new branded 1200x630 card, plus a /brand brand book and a ready-to-upload social-media kit. - BaseLayout: og:*/twitter:* tags + canonical; summary_large_image with the 1200x630 card (public/og-image.png); per-page image override prop. - public/brand: avatars (400, 1000) and banners for X, LinkedIn, Fosstodon/Mastodon and Bluesky at each platform's recommended size. - New /brand page: logo & mark, color palette (from theme.css), typography (all OFL-1.1), the social kit, and naming/trademark usage. - Footer (both the shared SiteFooter and the landing footer): add a 'Brand assets' link under Project. Artwork is rendered from the existing mark.svg and the project's own self-hosted OFL-1.1 fonts (Jost/Inter); only flat PNGs ship.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What & why
Sharing a Magpie link on social media showed the framework's default icon,
because
BaseLayoutemitted no Open Graph / Twitter meta tags at all — soscrapers had nothing to use and fell back to a guess. This adds proper share
tags site-wide, plus a brand book and a ready-to-upload social-media kit.
Changes
BaseLayout.astro):og:*/twitter:*tags +canonicalon every page.summary_large_imagepointing at a new branded1200×630 card (
public/og-image.png). Pages can override via animageprop (the
/brandpage does).public/brand/): avatars (400, 1000) and banners sizedper platform — X (1500×500), LinkedIn (1128×191), Fosstodon/Mastodon
(1500×500), Bluesky (3000×1000).
/brand): logo & mark with downloads, color palette (pulledfrom
theme.cssso it can't drift), typography, the social kit, andnaming/trademark guidance.
SiteFooterand the landing-page footer.Provenance / licensing
All artwork is rendered from the existing
mark.svgand the project's ownself-hosted fonts (Jost & Inter, both OFL-1.1 — already bundled via
@fontsource). Only flat PNGs ship; no new font files or dependencies.Notes
showing the old preview until their cache expires (force-refresh via each
platform's card validator).
banner's lower-left.
🤖 Generated with Claude Code