Modal · identity essentials · Lane 1.B–1.D

Modal · identity.

The artifacts the world sees first: the favicon in the tab strip, the Open Graph card on every link share, the avatar on every social platform. Brand-strict. v2 silhouette. Drop into design/assets/identity/ and reference from anywhere.

Favicon

SVG · 16×16 native · scales crisp at any DPI 2 files · static + animated
Static
favicon.svg · 14 rects · <1KB
↓ SVG
Animated · blink
favicon-animated.svg · ~5s blink cycle
↓ SVG

In context · browser tab strip

📄 PRODUCT.md ×
🐙 github.com / pauldabrowski85 ×
Enact ×
▲ Vercel · enact ×

Wire it in <head>:
<link rel="icon" type="image/svg+xml" href="assets/identity/favicon-animated.svg">

Open Graph card

SVG → 1200×630 · for Twitter, LinkedIn, Slack, iMessage previews 1 file
og-card.svg · 1200×630 · paper ground · module + wordmark + tagline + url ↓ Download SVG

Most platforms prefer PNG/JPG for OG images. Open the SVG in any browser, screenshot at exact 1200×630, or use rsvg-convert -w 1200 og-card.svg -o og-card.png. Wire in <head>:
<meta property="og:image" content="https://enactskill.com/assets/identity/og-card.png">

Avatar set

Same SVG renders crisp at 32 / 64 / 128 / 256 / 512 px 2 files · paper + carbon ground

Paper ground (light platforms)

32 × 32
menu · inline
↓
64 × 64
comment · activity
↓
128 × 128
slack · discord
↓
256 × 256
twitter · github · ph
↓
512 × 512
app icon · pwa
↓

Carbon ground (dark platforms)

32 × 32
dark mode
↓
64 × 64
dark mode
↓
128 × 128
dark mode
↓
256 × 256
dark mode
↓
512 × 512
dark mode
↓

In context · platform mockups

Twitter / X
Enact
@enactskill
Made one. It'll show up next time you're working on something it knows about.
Slack
Modal · APP
12:42 PM
Heard you used the Jeff Su one. Good.
GitHub
enactskill
github.com/enactskill
The bit that helps with the application of what you learn.
Discord
Modal BOT
Today at 12:42 PM
Below 0.70. That one didn't take.

Both avatar SVGs are 16-pixel-grid native — they upscale crisp to any size most platforms ask for. Twitter wants 400×400, Slack 512×512, Discord 1024×1024 — all derive from the same source SVG via rsvg-convert or any browser screenshot.