Internal · share-preview reference

The link, in two places.

Left: what the sender composes. Right: what the recipient sees. Sharing is a warm act, so the preview hue is fixed at 145°, not the sender's last hue.

Phone chrome is a generic stand-in, not Apple's iMessage UI. Use this page to validate copy, image hue, and meta-tag content — not pixel-exact rendering.

9:41
Cancel New Message Send
To: +
I've been using this app called Prism. It's how I name how I'm feeling, in colour. Wondered if you'd want a code. — https://prismapp.ca
iMessage
qwertyuiop
asdfghjkl
⇧zxcvbnm⌫
123🌐spacereturn
Sender's compose
Pre-filled body · 113 / 240 characters
9:42
21
Sam
Today 9:41
Prism Name what you feel — in colour. prismapp.ca
Delivered
iMessage
Recipient's thread
URL renders as a rich-link card · hue locked at 145°

Open Graph & Twitter meta — drop into <head>

<meta property="og:title" content="Prism">
<meta property="og:description" content="Name what you feel — in colour.">
<meta property="og:image" content="https://prismapp.ca/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="1200">
<meta property="og:url" content="https://prismapp.ca">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Prism">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Prism">
<meta name="twitter:description" content="Name what you feel — in colour.">
<meta name="twitter:image" content="https://prismapp.ca/og.png">

og.png is out of scope here — render it as a static export of an orb at hue 145°, 1200×1200, on background oklch(0.12 0.01 280). Path: /og.png

Public-launch variant of this template (no 'code' framing) pending. Tracker: P-21 distribution.