Branding — Web assets

The assets this site actually ships, and where each one is wired.

Favicons

The site declares favicon.ico for broad support, the vector mark for browsers that support it, and an Apple touch icon. The ICO is repacked from the PNGs below and carries five resolutions.

favicon-256x256.png

favicon-64x64.png

favicon-32x32.png

apple-touch-icon-180x180.png

Below about 40px the mascot’s face carries the recognition; the helmet lettering does not survive the downscale. That is why the site header and the favicon both use the square mascot rather than a pill variant.

Social and Open Graph

Shared links resolve a preview card from og-image-light.png at the standard 1200 × 630.

Asset	Dimensions	Where it surfaces
og-image-light	1200 × 630	Facebook, LinkedIn, Slack link previews
og-image-dark	1200 × 630	Dark-surface link previews
twitter-card-light	1500 × 500	Twitter/X large card

Absolute URLs pending

The og:image and twitter:image values are root-relative. They resolve correctly today, but social crawlers expect absolute URLs — set site in astro.config.mjs and make them absolute once the Workers URL or custom domain is known.

Brand overview

The composite below summarises the logo variants, icon sizes, palette and type ramp in one sheet.

Related

• Branding — logo system and usage rules
• Colours — accent, semantic and surface tokens
• Typography — the type ramp and tabular figures