Social MediaStable

Alchemy Note

Sourcecomponents/social/AlchemyNote.astro

The note

A page torn from the Alchemy Lab notebook. One jotted insight, a script-font masthead and signature, a word underlined by hand. It reads like a thought scribbled between client calls, so it works for the quieter, more personal posts. Built on the Social Frame.

Portrait · 1080 × 1350 1080 × 1350

Story · 1080 × 1920 1080 × 1920

Parts

Masthead — “Alchemy Notes” with the script font, a note number, and a rule underneath.
The insight — one thought, set large. Underline the pivot word by hand with <span class="scribble">.
Signature — who noted it, in the script font, with the handle opposite.
Paper — a faint dotted grid, like a real notebook page.

Props

Prop	Type	Default	Notes
`format`	'portrait' \| 'story'	`'portrait'`	portrait = 1080×1350 (feed). story = 1080×1920 (full-screen).
`surface`	'cream' \| 'paper'	`'cream'`	The notebook paper. Cream is the warm default.
`note`	string	`'№ 001'`	The note number in the masthead.
`kicker`	string	`'Notiz aus dem Labor'`	Small line under the masthead.
`bodyHtml`	string	`—`	The insight. Inline HTML — wrap a word in <span class="scribble"> for a hand underline, or <em> for a serif-italic accent.
`sign`	string	`—`	The signature, set in the script font. e.g. "— Miriam".

Usage

One thought per note. Keep it to a sentence or two, the way you’d actually jot it.

<AlchemyNote
  format="portrait"
  note="№ 014"
  kicker="Notiz aus dem Labor"
  bodyHtml='Deine Marke spricht, <span class="scribble">bevor</span> du im Raum bist. Die Frage ist nur, <em>was</em> sie sagt.'
  sign="— Miriam"
/>

Rules

Write it like you’d say it. It’s a note, not a headline.

Sign it. The note reads as one person’s thought.

Don't

Add a CTA or a product pitch. It’s an insight, not an ad.

Underline more than one word by hand.