Social MediaStable

Email Ad

Sourcecomponents/social/EmailAd.astro

The email ad

An ugly ad built to look like a screenshot of an email (Gmail style) — the subject, the sender row, the “an mich” line, the body and the reply / forward buttons. On purpose it uses none of the brand’s design; it has to read as a mail someone screenshotted and shared. The most believable angle: a client inquiry that just landed in the inbox.

Feed 1080 × 1350

Story 1080 × 1920

Reaction repost

The same mail dropped onto a neutral background as a screenshot card, with a casual reaction line above it — the way people share a screenshot with a comment like “von so einer mail träume ich 💀”. Wrap the ad (with bare) in <ReactionPost>.

Reaction · Feed 1080 × 1350

Parts

Subject — the big first line, with the star on the right.
Sender — avatar, name, address, timestamp and “an mich”.
Body — the mail. <p> for paragraphs, <b> for a name.
Actions — the Gmail Antworten / Weiterleiten buttons.

Props

Prop	Type	Default	Notes
`format`	'portrait' \| 'story'	`'portrait'`	portrait = 1080×1350. story = 1080×1920.
`subject`	string	`''`	The subject line.
`fromName / fromAddr`	string	`—`	Sender display name and email address.
`initials / avatar`	string	`'M'`	Sender avatar — initials, or an image via avatar.
`time / to`	string	`—`	Timestamp and the recipient line (“an mich”).
`bodyHtml`	string	`''`	The email body. <p>, <br>, <b> allowed.
`starred`	boolean	`false`	Show the star filled.
`bare`	boolean	`false`	Render only the mail UI (no frame) — for a ReactionPost card.

Usage

Write it as a real inquiry — a stranger who found the site and wants to book. The product is the reason the mail exists, never mentioned in it.

<EmailAd
  format="portrait"
  subject="Anfrage über Ihre Website"
  fromName="Julia Brunner" fromAddr="julia.brunner@gmail.com" initials="J"
  time="08:14 (vor 2 Min.)" to="an mich"
  bodyHtml="<p>Hallo Mira, bin über Ihre Website gestolpert und begeistert …</p>"
/>

Rules

Make it a believable client inquiry.

Use a real-looking gmail/outlook sender address.

Don't

Brand it. No logos, no tokens — it’s a screenshot.

Mention the product inside the mail. Let the caption do that.