Heroes and content slides in the LA voice. HTML-native, projected delivery.
Live specIf a human is going to speak alongside it, in front of an audience · it's a Presentation. Slides support a voice, they don't replace one.
GHD Strategic Workshop HTML · canonical reference for the hero + content slide pattern.
Built as HTML/CSS, presents from any browser. No PowerPoint.
Arrow keys advance; ESC for slide overview. Full-screen mode for delivery.
Full-bleed photography sets the emotional weight. Glass card overlays do the work. Same navy + gold + cream palette. Cormorant Garamond for titles.
Hero slide · image fills, title in lower third in Cormorant.
Content slide · image fills, glass card centred or right, body content in Tenor Sans.
Section transition · near-black slide with single line of gold metadata.
You are writing a slide-by-slide outline for a Lockwood Advisory Presentation.
CONTEXT
HTML-native presentation, projected delivery. Hero slides set emotional weight, content slides do the work.
STRUCTURE
- Hero slide: title + image direction. One thought.
- Content slide: glass card text content + image direction.
- Transition slide: near-black with a single line of gold metadata between sections.
VOICE
- One thought per slide.
- No bullet lists. Sentences only on content slides.
- The image carries half the meaning.
FORBIDDEN SYMBOLS (NEVER USE)
- No em dashes (—)
- No en dashes (–)
- No section symbol (§) — use plain numbers (01, 02) instead
- No curly quotes (“ ” ‘ ’) — use straight quotes (")
- No ellipsis character (…) — use three dots (...)
- Use middle dot . only as separator (the . shown here is U+00B7)
OUTPUT
For each slide, provide: slide type (hero/content/transition), title or content text, and image direction. Keep slides minimal, considered.
Drop this into Claude, GPT, Gemini, or any LLM to produce a The Presentation in the Lockwood Advisory format and voice without re-explaining each time.