TRPL Digital Invite — Embed Builder

Brand combination

Approved pairings from the TRPL Brand Identity System. Pick one, then fine-tune below — every colour picker is loaded with the brand palette.

Invitation & RSVP

Invitation card image URL Portrait artwork works best (5:7 or 2:3). Must be publicly reachable — upload it to this repo or the DAM and paste the full https:// URL. Card alt text RSVP link RSVP button text Open RSVP link in

Recipient name

Query-string parameter Read from the page URL, e.g. ?name=Jane%20Doe. Append it to each recipient's link in a mail merge and their name is lettered onto the envelope. Fallback name Shown when no name is in the URL.

Off-system by design. A calligraphic address is what sells the hand-addressed envelope; the brand type system has no script face. Everything else in this embed uses Dharma Gothic E and ITC Clearface.

Script font Name ink colour Postmark text

Brand fonts

Adobe Fonts kit URL Dharma Gothic E, ITC Clearface and Frutiger Next are licensed, so they can't be bundled here. Paste the Library's Adobe Fonts kit URL (the same one trlibrary.com loads) and the embed renders the real faces. Leave it blank and the fallbacks below stand in. Display font — buttons, labels, postmark Dharma Gothic E, all caps, calls to action and titling only. Oswald stands in. Body font — prompt copy ITC Clearface for body copy. Georgia stands in.

Background

Background colour Background image URL (optional) A Badlands photograph works well. Sits above the colour. Background fit

Soft vignette (turn off on light backgrounds)

Envelope

Envelope paper colour Envelope liner colour Flap shape Envelope shape (width ÷ height) 0.72 = portrait invitation envelope. ~1.40 gives a landscape envelope. Envelope size

Stamp & brand seal

Elkhorn brand seal colour (back flap) The brand mark is bundled with the embed and recoloured live — nothing to upload. Seal size Postage stamp paper TRPL wordmark ink

Buttons & behaviour

Prompt text Button colour Button text colour

Show replay button (lower left)

Auto-open after (ms) 0 waits for a click. 2500 opens on its own after a moment. Frame shape (width / height) Maximum width

Live preview

Embed code

Paste the snippet wherever the invitation should appear. Append ?name=Jane%20Doe to the page URL sent to each guest and their name is hand-lettered onto the envelope. The embed loads its own styles in a shadow root, so it will neither inherit nor disturb the host page's CSS.