Movie-Poster Film Premiere Invite Email
A dramatic film-premiere invitation email that acts as a digital movie poster, in a centered 600px column: a crimson-to-black field, a four-name cast row, a condensed Anton title ('EMPIRE OF SHADOWS') over a red-duotoned figure, the premiere date, two evenly-weighted CTAs (Claim tickets / Watch trailer), a line-separated 'Screenings' itinerary, and a dense movie-billing credit block. Reusable for premieres, VIP launches, and entertainment event invites. Category: Email & Newsletter. Prompt author listed upstream: Jason Zhou.
One interface, dressed in this style. Compare type, color, radius, and density.
Attribution
"Movie-Poster Film Premiere Invite Email" from https://github.com/superdesigndev/superdesign-prompts (CC0-1.0). © Superdesign. prompts/movie-poster-film-premiere-invite-email @ 6c6090694520.
https://github.com/superdesigndev/superdesign-prompts · prompts/movie-poster-film-premiere-invite-email · 6c6090694520 · © Superdesign
Prompt
{"summary": "A dramatic film-premiere invitation email, built like a digital movie poster, in a centered ~600px column on a cinematic crimson field. A four-name cast row sits above the hero: a condensed Anton title ('Empire of Shadows') centered over a red-duotoned portrait with a crimson-to-black gradient. Below: a 'you're invited to the premiere' line + date/venue, two evenly-weighted CTA buttons (Claim tickets / Watch trailer), a line-separated 'Screenings' itinerary (event + right-aligned time), and a dark movie-billing credit block with unsubscribe.", "style": {"description": "Highly dramatic, thriller-poster energy. A crimson-to-black gradient field with a warm bone ink and a condensed heavyweight display face (Anton) for the title. The portrait is duotoned into the red so photo and field are one palette. Two-colour system (bone + crimson) plus a near-black billing footer; tracked-caps micro-copy; classic movie-poster 'furniture' (cast row + billing block) sells the genre.", "prompt": "Design a film-premiere invitation email in a centered max-width 600px column on a cinematic red field (#c8102e) over a deep-red body (#7c0a1c). Fonts: Anton (condensed heavyweight display) for the title, Oswald for everything else. Two-colour palette: warm bone #e0ddcd ink + crimson field, with a near-black (#1a0608) billing footer. The hero portrait is red-duotoned (grayscale image + a red multiply overlay + a faint bone lighten) so it blends into the field, with a crimson-to-black bottom gradient. Title in Anton ~62px UPPERCASE, tight leading, centered over the figure for depth. Micro-copy is tracked UPPERCASE bone. Two evenly-weighted CTAs: a solid-bone button (crimson label) + a bone-outline button. The billing block is 8px tracked-caps bone/70 on near-black, like a film one-sheet credit block. Email-safe: centered column, no sticky nav."}, "layout_and_structure": {"description": "Centered ~600px column: (1) four-name cast row, (2) title over a duotone hero with a gradient base, (3) 'you're invited' line + date/venue, (4) two side-by-side CTAs, (5) 'Screenings' hairline itinerary, (6) near-black billing block + unsubscribe. Reflows to one column at ~380px (cast row 2x2).", "prompts": [{"part": "Cast row", "prompt": "A 2-column (2x2) grid of four cast names in tracked-caps bone at ~9.5px, centered."}, {"part": "Title over duotone hero", "prompt": "A ~300px red-duotoned portrait; centered over it, a 3-line Anton title (~62px, e.g. 'Empire / of / Shadows') in bone; a crimson-to-transparent gradient rises from the bottom edge."}, {"part": "Premiere line + CTAs", "prompt": "Centered: a tracked-caps 'You're invited to the premiere', an Anton ~22px date/venue line, then two evenly-weighted buttons side by side, a solid-bone 'Claim tickets' (crimson label) + a bone-outline 'Watch trailer'."}, {"part": "Screenings", "prompt": "A tracked-caps 'The screenings' label over a hairline (bone/25) list; each row = an uppercase event name left + a tracked time right (Premiere night / Q&A / Wide release)."}, {"part": "Billing block + footer", "prompt": "A near-black band with an 8px tracked-caps bone/70 movie-billing paragraph (presents \u00b7 a film \u00b7 cast \u00b7 music by \u00b7 DoP \u00b7 screenplay \u00b7 directed by), then bone/45 fine print with Unsubscribe + Add to calendar links."}]}, "special_ui_components": "Four-name cast row; condensed Anton title centered over a red-duotoned portrait (title-behind-figure depth); two evenly-weighted invite CTAs; line-separated 'Screenings' itinerary; dense movie-billing credit block.", "special_notes": "Email layout: centered ~600px column, no sticky nav. Generic placeholder film ('Empire of Shadows', Vermillion Pictures) and stock duotoned portrait so the spec is reusable; swap the title, figure, cast, and dates. The reusable value is the movie-poster invitation system (duotone title hero + cast row + screenings itinerary + billing block) in a bone + crimson two-colour palette. Source system: reverse-engineered from a Canva vintage action-movie poster (measured Impact ~165pt, bone #e0ddcd + red #c8102e, red-duotone portrait, cast row + billing block)."}
---
"Movie-Poster Film Premiere Invite Email" from https://github.com/superdesigndev/superdesign-prompts (CC0-1.0). © Superdesign. prompts/movie-poster-film-premiere-invite-email @ 6c6090694520.
powered by Styledex — https://styledex.devTokens
DTCG
{
"$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
"$description": "Movie-Poster Film Premiere Invite Email. \"Movie-Poster Film Premiere Invite Email\" from https://github.com/superdesigndev/superdesign-prompts (CC0-1.0). © Superdesign. prompts/movie-poster-film-premiere-invite-email @ 6c6090694520.",
"$extensions": {
"dev.styledex": {
"id": "superdesign-movie-poster-film-premiere-invite-email",
"license": "CC0-1.0",
"attribution": "\"Movie-Poster Film Premiere Invite Email\" from https://github.com/superdesigndev/superdesign-prompts (CC0-1.0). © Superdesign. prompts/movie-poster-film-premiere-invite-email @ 6c6090694520.",
"banner": "powered by Styledex — https://styledex.dev"
}
},
"color": {
"background": {
"$type": "color",
"$value": "#c8102e"
},
"foreground": {
"$type": "color",
"$value": "#fafaf9"
},
"card": {
"$type": "color",
"$value": "#c8102e"
},
"card-foreground": {
"$type": "color",
"$value": "#fafaf9"
},
"primary": {
"$type": "color",
"$value": "#c8102e"
},
"primary-foreground": {
"$type": "color",
"$value": "#fafaf9"
},
"secondary": {
"$type": "color",
"$value": "#7c0a1c"
},
"secondary-foreground": {
"$type": "color",
"$value": "#fafaf9"
},
"accent": {
"$type": "color",
"$value": "#7c0a1c"
},
"accent-foreground": {
"$type": "color",
"$value": "#fafaf9"
},
"muted": {
"$type": "color",
"$value": "#cb1e3b"
},
"muted-foreground": {
"$type": "color",
"$value": "#a3a3a2"
},
"border": {
"$type": "color",
"$value": "#d0314b"
},
"destructive": {
"$type": "color",
"$value": "#dc2626"
},
"ring": {
"$type": "color",
"$value": "#c8102e"
}
},
"font": {
"sans": {
"$type": "fontFamily",
"$value": [
"ui-sans-serif",
"system-ui",
"sans-serif"
]
},
"serif": {
"$type": "fontFamily",
"$value": [
"ui-serif",
"Georgia",
"serif"
]
},
"mono": {
"$type": "fontFamily",
"$value": [
"ui-monospace",
"SFMono-Regular",
"Menlo",
"monospace"
]
}
},
"radius": {
"base": {
"$type": "dimension",
"$value": "0.5rem"
}
},
"spacing": {
"base": {
"$type": "dimension",
"$value": "1rem"
}
},
"shadow": {
"base": {
"$type": "shadow",
"$value": "0 1px 2px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04)"
}
}
}
CSS
/* powered by Styledex — https://styledex.dev */
/* "Movie-Poster Film Premiere Invite Email" from https://github.com/superdesigndev/superdesign-prompts (CC0-1.0). © Superdesign. prompts/movie-poster-film-premiere-invite-email @ 6c6090694520. */
:root {
--background: #c8102e;
--foreground: #fafaf9;
--card: #c8102e;
--card-foreground: #fafaf9;
--primary: #c8102e;
--primary-foreground: #fafaf9;
--secondary: #7c0a1c;
--secondary-foreground: #fafaf9;
--accent: #7c0a1c;
--accent-foreground: #fafaf9;
--muted: #cb1e3b;
--muted-foreground: #a3a3a2;
--border: #d0314b;
--destructive: #dc2626;
--ring: #c8102e;
--radius: 0.5rem;
--font-sans: ui-sans-serif, system-ui, sans-serif;
--font-serif: ui-serif, Georgia, serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
--spacing: 1rem;
--shadow: 0 1px 2px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04);
}
Tailwind
/* powered by Styledex — https://styledex.dev */
/* "Movie-Poster Film Premiere Invite Email" from https://github.com/superdesigndev/superdesign-prompts (CC0-1.0). © Superdesign. prompts/movie-poster-film-premiere-invite-email @ 6c6090694520. */
/** Tailwind theme extend for Movie-Poster Film Premiere Invite Email (superdesign-movie-poster-film-premiere-invite-email) */
module.exports = {
"theme": {
"extend": {
"colors": {
"background": "#c8102e",
"foreground": "#fafaf9",
"card": "#c8102e",
"primary": "#c8102e",
"primary-foreground": "#fafaf9",
"secondary": "#7c0a1c",
"accent": "#7c0a1c",
"muted": "#cb1e3b",
"border": "#d0314b",
"destructive": "#dc2626",
"ring": "#c8102e"
},
"borderRadius": {
"lg": "0.5rem"
},
"fontFamily": {
"sans": [
"ui-sans-serif",
"system-ui",
"sans-serif"
],
"serif": [
"ui-serif",
"Georgia",
"serif"
],
"mono": [
"ui-monospace",
"SFMono-Regular",
"Menlo",
"monospace"
]
},
"boxShadow": {
"styledex": "0 1px 2px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04)"
}
}
}
};
shadcn
/* powered by Styledex — https://styledex.dev */
/* "Movie-Poster Film Premiere Invite Email" from https://github.com/superdesigndev/superdesign-prompts (CC0-1.0). © Superdesign. prompts/movie-poster-film-premiere-invite-email @ 6c6090694520. */
@layer base {
:root {
--background: #c8102e;
--foreground: #fafaf9;
--card: #c8102e;
--card-foreground: #fafaf9;
--primary: #c8102e;
--primary-foreground: #fafaf9;
--secondary: #7c0a1c;
--secondary-foreground: #fafaf9;
--accent: #7c0a1c;
--accent-foreground: #fafaf9;
--muted: #cb1e3b;
--muted-foreground: #a3a3a2;
--border: #d0314b;
--destructive: #dc2626;
--ring: #c8102e;
--radius: 0.5rem;
--font-sans: ui-sans-serif, system-ui, sans-serif;
--font-serif: ui-serif, Georgia, serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
--spacing: 1rem;
--shadow: 0 1px 2px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04);
}
}