brand system
application / share system
application / share system
Export rules for favicons, app icons, OG images, and social assets.
OG / social
claim your page
01 / share rules
Share assets should feel like the same system at every size: symbol-first when tiny, quiet when content matters, dark when the platform demands contrast, and patchwork only for campaign moments.
01
Favicons, small nav, and compact avatars use the symbol only. The wordmark waits until the surface has room.
02
Default share cards use paper or soft tint fields so the page/profile content can be the loudest element.
03
Dark social avatars and campaign cards can reverse the mark, but do not add glow, shadow, or extra containers.
04
Patchwork pieces are allowed for launch, story, and social moments, not for default favicons or app chrome.
02 / share asset directions
Each surface keeps a concise palette and framing direction beside the preview, so this page stays focused on the asset system rather than generation mechanics.
clean icon export sheet
flat, precise, vector-faithful
clean icon export sheet
flat, precise, vector-faithful
thumbnail check
16 / 32 / 48
wiredbrowser chrome, tabs, bookmark bars
destination
public/logo-icon.pnglib/constants/brand.tsapp/layout.tsxallowed mark behavior
platform-safe app icon
PWA icon, mask-safe, centered
thumbnail check
180 / 512
exportedmobile home screen, PWA, install prompt
destination
public/apple-icon.pngpublic/logo-icon.pngapp/layout.tsxallowed mark behavior
dark social avatar
400px avatar thumbnail
thumbnail check
400 square
recipeX, Farcaster, Discord, community profiles
destination
public/social-avatar.pngallowed mark behavior
got your pawr?
got your pawr?
1500x500 profile cover
thumbnail check
1500x500
recipeprofile cover image and launch profile header
destination
public/social-cover.pngallowed mark behavior
pawr.link
claim your page
quiet default OG image
1200x630 default link preview
thumbnail check
1200x630
templatehomepage, docs, story, fallback link previews
destination
app/opengraph-image/route.tsapp/(landing)/opengraph-image.pngallowed mark behavior
max
links, work, updates, and proof in one page.
profile-led share card
1200x630 profile preview
thumbnail check
1200x630
wiredprofile cards and page-specific previews
destination
app/[username]/opengraph-image.tsxlib/og/serve-og-image.tsallowed mark behavior
many parts, one page
campaign patchwork graphic
1080 square / story crop
thumbnail check
square / story
recipelaunch posts, changelog graphics, founder-led notes
destination
public/brand/campaign-square.pngallowed mark behavior
03 / export specs
The next production step is turning recipes into generated files or route-backed templates. This table keeps names, status, and destinations in one place.
asset
favicon.ico / icon.png
format
ico + png
size
16, 32, 48
status
source
canonical symbol
destination
public/logo-icon.pngpublic/favicon.pngasset
apple-touch-icon.png
format
png
size
180x180
status
source
reverse app icon
destination
public/apple-icon.pngapp/layout.tsx icons.appleasset
social-avatar.png
format
png
size
400x400
status
source
reverse social avatar
destination
public/social-avatar.pngasset
social-cover.png
format
png
size
1500x500
status
source
social question line
destination
public/social-cover.pngasset
opengraph-image.png
format
png
size
1200x630
status
source
default OG recipe
destination
app/opengraph-image/route.tsapp/(landing)/opengraph-image.pngasset
profile-share.png
format
png
size
1200x630
status
source
profile share recipe
destination
app/[username]/opengraph-image.tsxpages.og_image_url blob cacheasset
campaign-square.png
format
png
size
1080x1080
status
source
campaign patchwork recipe
destination
public/brand/campaign-square.png