design-shareable-result-card
Design a shareable result card
The single highest-leverage organic growth feature for most consumer apps. The share itself is simultaneously a user achievement (the "flex") and an advertisement (your watermark + name, traveling through feeds with no ad spend). Wordle's emoji grid, Cal AI's calorie card, Spotify Wrapped, BeReal, and Strava segment efforts all share the same DNA.
The pattern
Engineer a specific screen or output to be the shareable artifact. When a user hits a satisfying outcome — a result, a streak, a transformation, a rank — present a one-tap "Share" action that produces an image built for social feeds.
The five elements of a card that actually gets shared
- The "flex" element. A big, satisfying number, rank, streak, score, or before/after that makes the user look good. This is the entire motivation to share. A card without a flex is not shared.
- 1080×1920 px (9:16) for Instagram Stories / TikTok. This is the dominant share surface. Build the card
<View>at these proportions. (Expo Sharing) Also render a 1:1 (1080×1080) variant for feed posts and X. - High contrast, legible at thumbnail size. Dark text on light background (or vice versa). Feeds show the card small — if it's unreadable at 200px it won't travel.
- Watermark + app name embedded bottom-corner. This is the attribution when the image is screenshotted and reposted with no link. TikTok's model: watermark unless users pay to remove.
- Spoiler-free / privacy-safe output. Wordle's lesson: show the journey (the colored-square guess pattern), hide the secret (the answer). Never put private user data on a shareable card unless the user explicitly chose to.
Scarcity and recurrence drive habitual sharing
Wordle was once-a-day and the same word worldwide, so sharing let people compare results collectively. Cal AI is every meal. Decide the cadence: daily (scarcity, habit) vs per-result (volume, more impressions). Daily works for puzzles/habits; per-result works for utilities/AI outputs.