You are a professional videographer who has been hired to provide visual backgrounds for a Gospel music group such as the Happy Goodman Family. Create a prompt which will produce 10 slides for their song, "I wouldn't take Nothing for My Journey Now". Read the lyrics of the song and apply the imagery suggested by the lyrics.
https://share.gemini.google/7XebmFrMzUJj
----------------------------------
MASTER SYSTEM DIRECTIVE: Generate a cohesive 10-slide series of 4K (3840x2160, 16:9 aspect ratio) stage background visuals for a traditional Southern Gospel concert performance of "I Wouldn't Take Nothing for My Journey Now". Apply cinematic Americana realism blended with sacred atmospheric light, maintaining a lower-contrast "Text-Friendly Space" in the central third of every frame for white worship lyric typography on P3.91mm indoor LED walls, with no human faces, text, or geometric clutter, captured on a 35mm anamorphic lens with volumetric god-rays.
I will now generate the complete single-page application (SPA) infographic for the Gospel Music Visual Architecture & Stage Production Guide based on your reference document.
This application provides an interactive, data-driven analysis of the visual background strategy for "I Wouldn't Take Nothing for My Journey Now" (as performed by Southern Gospel legends like The Happy Goodman Family). It covers technical LED hardware specs, atmospheric color trajectories, spatial lyric mechanics, video codec performance, and a full 10-slide storyboard breakdown using responsive Chart.js visualizations and Tailwind CSS styling—with zero SVG or Mermaid JS dependencies.
-------------------------------------------
You are a professional videographer who has been hired to provide visual backgrounds for a Gospel sermon on the theme of salvation as depicted in the bible verse, John 3:16. Read the words of the verse and apply the imagery suggested by the verse. Read the words and apply the imagery suggested by the words. Create 10 images.
To bring the weight and promise of John 3:16 to life on a sanctuary screen without distracting from the speaker, the visual design should follow a narrative arc: moving from cosmic scale to intimate sacrifice, and finally to boundless light.
Below is the clause-by-clause visual treatment, designed for seamless loop playback or live switching via ProPresenter/Resolume.
Visual Breakdown by Clause
1. "For God so loved the world..."
- Visual Concept: A slow, majestic orbital view of the Earth suspended in deep space, transitioning as the sun rises over the curvature of the planet (the "terminator line"), illuminating continents and clouds in warm gold and deep blue.
- Camera & Motion: Ultra-slow, continuous push-in (120fps slowed to 24fps) to evoke awe, vastness, and intentional focus on humanity.
- Lighting & Color Palette: Deep cosmic blacks and sapphire blues shifting into warm amber and golden-hour light.
- Screen Placement Note: Keep the brightest point of the sunrise along the lower third so upper-third sermon text or lyrics remain legible.
2. "...that he gave his one and only Son..."
- Visual Concept: A transition from the cosmic to the earthly and tangible. A tight, shallow-depth-of-field macro shot of rough-hewn olive wood illuminated by a single shaft of piercing light cutting through atmospheric dust, subtly evoking both the manger and the cross without overly literal clipart.
- Camera & Motion: Slow vertical tilt or subtle parallax slider movement across the wood grain.
- Lighting & Color Palette: Chiaroscuro lighting (high contrast between light and shadow). Earthy tones—warm umber, crimson undertones, and stark white-gold light beams.
- Screen Placement Note: High negative space in the dark corners allows bold white serif typography to stand out cleanly.
3. "...that whoever believes in him..."
- Visual Concept: Abstract, warm bokeh lights or embers rising and converging together, or a slow-motion top-down shot of ripples expanding outward across still, dark water as a single drop hits the surface—symbolizing awakening, faith, and inclusion ("whoever").
- Camera & Motion: Locked-off overhead shot for the water ripples, or a gentle upward drift for the light particles.
- Lighting & Color Palette: Soft, inviting warmth—candlelight hues, soft golds, and gentle cyan reflections.
- Screen Placement Note: Low contrast in the center frame makes this ideal for full-screen scripture callouts.
4. "...shall not perish..."
- Visual Concept: Dark, heavy storm clouds or thick coastal fog rapidly parting as wind sweeps through, revealing a steadfast, ancient stone mountain peak or cliffside standing unmoved against crashing waves.
- Camera & Motion: Time-lapse cloud movement paired with slow-motion water spray to contrast temporary chaos with permanent refuge.
- Lighting & Color Palette: Cool slate grays and deep storm blues breaking into crisp, clean daylight.
- Screen Placement Note: Best triggered as a dynamic transitional loop during the sermon's tension/rescue point.
5. "...but have eternal life."
- Visual Concept: A sun-drenched expanse of a vibrant green valley at dawn, or looking straight up through a canopy of ancient trees as golden morning light pours through the leaves, paired with a gentle, continuous flow of a crystal-clear river.
- Camera & Motion: Smooth, forward-gliding gimbal movement that feels weightless and unending—looped via a seamless cross-dissolve.
- Lighting & Color Palette: High-key, radiant lighting—lush emerald greens, celestial whites, and brilliant gold lens flares.
- Screen Placement Note: Serves as the final "resolve" background to leave up during the altar call, prayer, or closing worship.
Production & Technical Specs for Sanctuary Projection
| Parameter | Specification | Purpose |
| Loop Duration | 30–45 seconds per clip (seamless cross-fade) | Prevents the congregation from noticing repetitive visual patterns. |
| Frame Rate | 23.976 fps (shot at 60–120 fps) | Slow-motion removes jarring movement that competes with the pastor. |
| Exposure / Contrast | Capped at 70% luminance (IRE) | Prevents LED walls or projectors from blowing out or blinding the stage. |
| Depth of Field | $f/1.8 - f/2.8$ (for close-ups) | Softens backgrounds so overlaid sermon text pops naturally. |
Here are the engineered prompts for each of the five loops. Because each AI platform interprets camera directions and physics differently, each clause includes a Video Prompt (optimized for Sora / Runway Gen-3 / Luma Dream Machine) and an Image Base Prompt (optimized for Midjourney v6, which you can generate first and then animate in Runway using Image-to-Video for maximum control over text-safe negative space).
1. "For God so loved the world..."
- The Goal: Cosmic awe, slow orbital movement, high negative space in the upper frame for sermon text.
- Runway Gen-3 / Sora Prompt:Cinematic ultra-slow-motion orbital view of planet Earth suspended in deep black space. A warm golden sunrise slowly crests over the curved horizon in the lower third of the frame, casting soft amber light across swirling white cloud formations and deep sapphire oceans. Very slow, continuous camera push-in. Photorealistic, 8k resolution, IMAX 70mm film stock, subtle lens flare, peaceful, vast negative space in the dark starry upper half of the frame, seamless movement.
- Midjourney v6 Base Prompt (for Image-to-Video):
Cinematic wide angle shot of the curvature of planet Earth from space, golden hour sunrise cresting the lower horizon, glowing atmosphere in warm amber and deep sapphire blue, upper two-thirds of frame is deep dark space for copy space, shot on IMAX 70mm, photorealistic, high contrast, subtle anamorphic lens flare --ar 16:9 --v 6.0 --style raw
2. "...that he gave his one and only Son..."
- The Goal: Earthly texture, solemnity, chiaroscuro lighting, subtle motion that won't distract the congregation.
- Runway Gen-3 / Sora Prompt:Macro close-up shot with shallow depth of field of rough-hewn, ancient olive wood grain in a dark room. A single, piercing volumetric shaft of warm white-gold light cuts diagonally through the darkness, illuminating tiny floating dust motes drifting in ultra-slow motion. Camera executes an imperceptibly slow vertical tilt upward. Chiaroscuro lighting, rich umber and crimson undertones, dark moody vignette for text overlay, shot on Arri Alexa with an 85mm f/1.4 prime lens, 120fps slow motion.
- Midjourney v6 Base Prompt (for Image-to-Video):
Extreme close-up macro photography of rough-hewn ancient olive wood texture, a single dramatic shaft of volumetric golden light cutting through darkness, floating dust particles, heavy dark shadows and negative space around the edges, chiaroscuro lighting, warm umber tones, shot on 85mm lens f/1.4, shallow depth of field --ar 16:9 --v 6.0 --style raw
3. "...that whoever believes in him..."
- The Goal: Abstract warmth, awakening, and inclusion. A top-down water ripple or rising embers work best here; below are prompts for both options.
- Runway Gen-3 / Sora Prompt (Option A – Water Ripples):Locked-off overhead top-down shot of completely still, dark mirror-like water. A single drop of water falls into the center in extreme slow motion (120fps), sending smooth, concentric ripples expanding outward across the frame. Soft warm candlelight gold and deep cyan reflections shimmer on the water's surface. Minimalist, meditative, low contrast in the center for text legibility, cinema quality.
- Runway Gen-3 / Sora Prompt (Option B – Rising Light Bokeh):Abstract minimalist background of out-of-focus warm golden bokeh lights and soft glowing embers gently drifting upward in slow motion against a deep, dark warm charcoal background. Creamy depth of field, shot on a 50mm f/1.2 lens wide open, soft ambient warmth, continuous smooth upward flow.
- Midjourney v6 Base Prompt (for Image-to-Video):
Top-down overhead shot of dark still water with gentle concentric ripples expanding from the center, reflecting warm candlelight gold and deep midnight blue, minimalist, serene, low contrast, soft focus edges, shot on 35mm lens --ar 16:9 --v 6.0 --style raw
4. "...shall not perish..."
- The Goal: Contrast between temporary storm and permanent refuge, transitioning from dark tension to breaking light.
- Runway Gen-3 / Sora Prompt:Cinematic wide shot of an ancient, rugged stone cliffside standing unmoved as dark, heavy slate-gray storm clouds and thick coastal fog sweep rapidly past it. In the distance, the dark clouds part to reveal crisp, clean silver-white daylight breaking through onto the rock face. Slow-motion ocean mist rising at the base, smooth locked-off tripod shot, dramatic moody weather, 35mm anamorphic lens, photorealistic nature cinematography.
- Midjourney v6 Base Prompt (for Image-to-Video):
Cinematic wide landscape shot of a steadfast ancient stone mountain peak surrounded by parting dark slate-gray storm clouds, silver-white rays of sunlight breaking through the heavy fog, moody atmospheric weather, muted cool color palette, high negative space in the clouds --ar 16:9 --v 6.0 --style raw
5. "...but have eternal life."
- The Goal: Weightless, unending forward motion, lush vibrancy, and radiant morning light for the sermon's resolution/altar call.
- Runway Gen-3 / Sora Prompt:Smooth, weightless gimbal shot gliding slowly forward just above a crystal-clear, gently flowing stream in a lush, sun-drenched emerald green valley at dawn. Brilliant golden morning sunlight pours through a canopy of ancient trees, creating soft volumetric god rays and gentle gold lens flares. Ultra-slow motion water movement, serene, heavenly, high-key lighting with soft blurred foliage in the foreground, 4k photorealistic nature documentary style.
- Midjourney v6 Base Prompt (for Image-to-Video):
Cinematic wide shot gliding over a crystal clear stream in a lush emerald green forest valley at dawn, warm golden morning sunlight pouring through ancient tree canopy, volumetric god rays, soft depth of field, peaceful, radiant, shot on RED V-Raptor 24mm lens --ar 16:9 --v 6.0 --style raw
Pro-Tips for Post-Generation Prep (Before Importing to ProPresenter)
- The "Seamless Loop" Trick: AI video generators produce 4-to-10-second clips that have a hard cut at the end. Bring the generated clip into Premiere Pro or DaVinci Resolve, cut the clip directly in the middle, swap the first and second halves, and apply a 2-second Cross Dissolve in the center. The beginning and end frames will now match 100% seamlessly.
- Speed Ramping: Even when prompted for slow motion, AI video sometimes moves too fast for church backgrounds. Slow the generated clips down to 50% speed using Optical Flow interpolation to double their duration and create a meditative pace.
- Luminance Clamping: Drop an Adjustment Layer over your clips and lower the Highlights/Whites ceiling to 75–80% on your waveform monitor so white worship/sermon lyrics pop cleanly without needing heavy black drop-shadows.
Here is a production cue sheet designed to synchronize your ProPresenter media triggers, DMX stage lighting looks, and broadcast/IMAG lower-third typography so the room feels like a single, unified visual environment.
Master Production Cue Sheet: John 3:16 Sermon Arc
| Cue # | Sermon Clause / Trigger | ProPresenter Visual & Transition | DMX Stage Lighting (RGB / Hex) | Stage Wash & Key Light Notes | Typography & Layout Style |
| CUE 1 | "For God so loved the world..." | Loop 1: Orbital Earth Sunrise Transition: 3.0s Fade from Black | Primary: Deep Sapphire ( #0A192F / R:10 G:25 B:47)Accent: Warm Gold ( #FFB84D / R:255 G:184 B:77) | Keep house/audience wash at 10% deep blue; uplight back wall in Sapphire with low-intensity Warm Gold rim light on the speaker. | Upper-Third Center: Wide-tracked sans-serif (Montserrat Light, +200 tracking) in crisp white (#FFFFFF). |
| CUE 2 | "...that he gave his one and only Son..." | Loop 2: Macro Olive Wood & Light Shaft Transition: 2.5s Cross-Dissolve | Primary: Deep Umber ( #3B1E08 / R:59 G:30 B:8)Accent: Crimson Ember ( #8B1E1E / R:139 G:30 B:30) | Black out perimeter stage washes to create intimacy. Isolate speaker in a tight, high-contrast 3200K warm spot; add a single overhead warm gobo beam. | Left-Aligned Split: Classic high-contrast serif (Cormorant Garamond Semibold Italic) in warm cream (#F4EFE6) placed in the dark upper-left negative space. |
| CUE 3 | "...that whoever believes in him..." | Loop 3: Dark Water Ripples / Rising Bokeh Transition: 2.0s Cross-Dissolve | Primary: Midnight Cyan ( #0D2B3E / R:13 G:43 B:62)Accent: Candlelight Amber ( #FF9E3B / R:255 G:158 B:59) | Gently bring house perimeter LEDs up to 20% in Candlelight Amber to visually "include" the congregation in the room lighting. | Full-Screen Callout (Dead Center): Clean geometric sans-serif (Futura or avenir Next), bold weight on "whoever believes", 85% opacity white. |
| CUE 4 | "...shall not perish..." | Loop 4: Storm Clouds Parting on Cliffside Transition: 1.5s Dissolve (Faster for tension) | Primary: Slate Blue-Gray ( #2C3E50 / R:44 G:62 B:80)Accent: Cool Daylight ( #D6EAF8 / R:214 G:234 B:248) | Shift key light slightly cooler (4500K–5000K). Sweep side-stage movers slowly upward in Cool Daylight as the clouds break on screen. | Lower-Third Broadcast Bar: Stark, heavyweight uppercase sans-serif (Bebas Neue or Inter Black) with a subtle dark gradient backplate (40% black feather). |
| CUE 5 | "...but have eternal life." | Loop 5: Emerald Valley & Golden Dawn Stream Transition: 3.5s Slow Dissolve | Primary: Forest Emerald ( #0F3D26 / R:15 G:61 B:38)Accent: Celestial Gold ( #FFD700 / R:255 G:215 B:0) | Open up full stage wash to 65% intensity. Warm golden haze backfill across the worship stage to seamlessly transition into the altar call / closing song. | Center-Screen Minimalist: Pair a small, tracked-out sans-serif label ("BUT HAVE") above a large, sweeping serif display font ("Eternal Life"). |
ProPresenter & Typography Configuration Guide
To keep all five cues feeling cohesive rather than disjointed, build a single Master Theme in ProPresenter with two specific font families:
- Primary Display (Theology / Emotional Weight): Cormorant Garamond or Playfair Display (Serif)
- Why: Carries historic, literary gravitas suitable for words like Son, World, and Eternal Life.
- Settings: Line height at
110%, zero drop-shadow, subtle outer glow (Black, 15% opacity, 25px blur) to separate text from moving textures without looking dated.
- Secondary Utility (Reference & Connecting Clauses): Montserrat or Inter (Sans-Serif)
- Why: Ultra-clean legibility from the back row of the sanctuary and on mobile livestream feeds.
- Settings: All-caps, letter-spacing (tracking) set to
+150to+250, font size at45%of the Primary Display font size.
MIDI / Timecode Automation Tip
If your ProPresenter operator and lighting board (e.g., Vista, GrandMA, or Lightkey) are linked via MIDI over Network:
- Add a MIDI Cue directly onto each of the 5 video background slides in ProPresenter.
- Set the DMX fade time on your lighting console to match the ProPresenter video transition time plus 1.0 second (e.g., a
2.5svideo dissolve pairs with a3.5sDMX lighting fade). Having the room lights settle just after the screen changes makes the visual shift feel organic and subconscious to the congregation.
These production-ready HTML/CSS specs are designed for a 1920x1080 Browser Source in OBS, vMix, or Ecamm Live (or can be translated directly into ProPresenter's Stage/Broadcast Screen editor).
By using a unified Glassmorphism (frosted blur) pill container whose accent bar and border glow shift via CSS modifiers, your livestream viewers get a modern broadcast look that subtly mirrors the DMX room lighting on each cue without jarring layout jumps.
1. Master Broadcast Grid & Safe-Area Specs
| Parameter | Broadcast Specification | Reason |
| Canvas Resolution | 1920px × 1080px | Standard 1080p HD broadcast frame. |
| Safe Margin (Bottom / Left) | Bottom: 96px (9%) / Left: 120px (6.25%) | Clears YouTube/Facebook timeline scrubbers and mobile crop zones. |
| Max Container Width | 1100px (57% of screen width) | Leaves breathing room on the right for sign-language interpreters or watermarks. |
| Backdrop Filter | blur(14px) over rgba(10, 14, 22, 0.72) | Ensures 100% text legibility even when the camera pans across bright stage lights. |
2. Complete HTML & CSS Code (OBS / vMix Browser Source)
Save the code below as an
.html file and load it into your switcher as a local Browser Source (1920x1080). To switch looks between Cues 1–5, simply change the class on the <div class="lower-third ..."> wrapper (e.g., cue-1, cue-2, cue-3, cue-4, cue-5).HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>John 3:16 Broadcast Lower Thirds</title>
<!-- Google Fonts: Cormorant Garamond & Montserrat -->
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,600&family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
<style>
:root {
--safe-bottom: 96px;
--safe-left: 120px;
--ease-cinematic: cubic-bezier(0.22, 1, 0.36, 1);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
width: 1920px;
height: 1080px;
overflow: hidden;
background: transparent;
font-family: 'Montserrat', sans-serif;
-webkit-font-smoothing: antialiased;
}
/* Master Lower-Third Container */
.lower-third {
position: absolute;
bottom: var(--safe-bottom);
left: var(--safe-left);
max-width: 1100px;
display: flex;
align-items: stretch;
border-radius: 6px;
padding: 22px 36px 22px 28px;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55);
transition: all 1.2s var(--ease-cinematic);
animation: slideReveal 1.1s var(--ease-cinematic) forwards;
}
/* Vertical DMX Accent Pill */
.accent-bar {
width: 5px;
border-radius: 4px;
margin-right: 24px;
flex-shrink: 0;
transition: all 1.2s var(--ease-cinematic);
}
.content-wrap {
display: flex;
flex-direction: column;
justify-content: center;
}
/* Top Metadata Tag (Reference & Sermon Theme) */
.meta-label {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.24em;
margin-bottom: 6px;
transition: color 1.2s var(--ease-cinematic);
}
/* Primary Scripture Clause */
.clause-text {
font-size: 38px;
line-height: 1.15;
color: #FFFFFF;
transition: all 1.2s var(--ease-cinematic);
}
/* ==========================================
CUE-SPECIFIC DMX & TYPOGRAPHY THEMES
========================================== */
/* CUE 1: "For God so loved the world..." (Sapphire & Warm Gold) */
.cue-1 {
background: linear-gradient(135deg, rgba(10, 25, 47, 0.82) 0%, rgba(5, 13, 26, 0.68) 100%);
border-color: rgba(255, 184, 77, 0.25);
}
.cue-1 .accent-bar {
background: #FFB84D;
box-shadow: 0 0 16px rgba(255, 184, 77, 0.65);
}
.cue-1 .meta-label { color: #FFB84D; }
.cue-1 .clause-text {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: 0.06em;
}
/* CUE 2: "...that he gave his one and only Son..." (Deep Umber & Crimson/Cream) */
.cue-2 {
background: linear-gradient(135deg, rgba(42, 20, 6, 0.86) 0%, rgba(18, 9, 3, 0.78) 100%);
border-color: rgba(244, 239, 230, 0.18);
}
.cue-2 .accent-bar {
background: #B8332A;
box-shadow: 0 0 18px rgba(184, 51, 42, 0.7);
}
.cue-2 .meta-label { color: #D9A077; }
.cue-2 .clause-text {
font-family: 'Cormorant Garamond', serif;
font-style: italic;
font-weight: 600;
font-size: 44px;
color: #F4EFE6;
}
/* CUE 3: "...that whoever believes in him..." (Midnight Cyan & Candlelight Amber) */
.cue-3 {
background: linear-gradient(135deg, rgba(13, 43, 62, 0.82) 0%, rgba(7, 23, 34, 0.70) 100%);
border-color: rgba(255, 158, 59, 0.25);
}
.cue-3 .accent-bar {
background: #FF9E3B;
box-shadow: 0 0 16px rgba(255, 158, 59, 0.65);
}
.cue-3 .meta-label { color: #FF9E3B; }
.cue-3 .clause-text {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: rgba(255, 255, 255, 0.92);
}
.cue-3 .clause-text strong {
font-weight: 700;
color: #FFFFFF;
}
/* CUE 4: "...shall not perish..." (Slate Storm Gray & Crisp Daylight) */
.cue-4 {
background: linear-gradient(135deg, rgba(32, 45, 58, 0.88) 0%, rgba(16, 22, 28, 0.80) 100%);
border-color: rgba(214, 234, 248, 0.30);
}
.cue-4 .accent-bar {
background: #D6EAF8;
box-shadow: 0 0 18px rgba(214, 234, 248, 0.8);
}
.cue-4 .meta-label { color: #A9CCE3; }
.cue-4 .clause-text {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 34px;
color: #FFFFFF;
}
/* CUE 5: "...but have eternal life." (Forest Emerald & Celestial Gold) */
.cue-5 {
background: linear-gradient(135deg, rgba(15, 61, 38, 0.82) 0%, rgba(8, 33, 20, 0.70) 100%);
border-color: rgba(255, 215, 0, 0.30);
}
.cue-5 .accent-bar {
background: #FFD700;
box-shadow: 0 0 20px rgba(255, 215, 0, 0.75);
}
.cue-5 .meta-label { color: #FFD700; }
.cue-5 .clause-text {
font-family: 'Cormorant Garamond', serif;
font-weight: 600;
font-size: 46px;
color: #FFFFFF;
text-shadow: 0 2px 15px rgba(255, 215, 0, 0.25);
}
@keyframes slideReveal {
0% { opacity: 0; transform: translateY(24px); }
100% { opacity: 1; transform: translateY(0); }
}
</style>
</head>
<body>
<!-- Change "cue-1" to "cue-2", "cue-3", "cue-4", or "cue-5" per cue -->
<div id="lt-box" class="lower-third cue-1">
<div class="accent-bar"></div>
<div class="content-wrap">
<div id="lt-meta" class="meta-label">John 3:16 • Salvation</div>
<div id="lt-text" class="clause-text">For God so loved the world...</div>
</div>
</div>
</body>
</html>
3. Quick-Copy Values for Native ProPresenter / vMix Title Editors
If you are building these natively inside ProPresenter's Theme Editor or vMix GT Title Designer instead of using HTML/CSS, apply these exact numerical properties to your shape elements:
- Background Shape Rectangle:
- Position:
X: 120px,Y: 870px(measured from top-left of a1920x1080canvas) - Dimensions:
Width: 920px,Height: 114px - Corner Radius:
6px - Stroke / Border:
1pxInside,#FFFFFFat12%Opacity - Drop Shadow:
Angle: 90°,Distance: 20px,Blur: 50px,Opacity: 55%
- Left Accent Bar Rectangle:
- Position:
X: 148px,Y: 892px - Dimensions:
Width: 5px,Height: 70px - Fill Color: Match the Accent Hex Code from each Cue (
#FFB84D→#B8332A→#FF9E3B→#D6EAF8→#FFD700).
The transition from the final preaching point ("...but have eternal life") into the altar call and closing worship is the most fragile moment in a service. If the band walks up in awkward silence or the screens abruptly cut to song lyrics, the emotional weight built over the past 40 minutes evaporates.
To make the shift feel seamless and unhurried, execute a 4-Phase Atmospheric Hand-Off over 90 to 120 seconds, moving from literal nature imagery (the Emerald Valley stream) to abstract worship texture (warm golden light particles) so worship lyrics remain 100% legible.
The 4-Phase Transition Timeline
AI Prompt for the "Cue 5.5" Worship Background Loop
To generate the matching abstract worship loop that bridges Cue 5 ("Eternal Life" emerald valley) into your song lyrics, run this prompt in Runway Gen-3 or Sora:
Prompt: Abstract cinematic worship background. Slow-motion warm celestial gold and soft emerald-tinted light particles drifting gently upward through volumetric atmospheric haze against a deep, dark forest-charcoal background. Subtle golden god rays angling softly from the top right corner. Extremely shallow depth of field, creamy bokeh, shot on 85mm f/1.2 lens, low contrast center for white text legibility, peaceful and reverent.
Livestream (IMAG) Camera Direction During the Altar Call
| Phase | Camera Shot Selection | Broadcast Lower-Third Action |
| Final Appeal (Cue 5) | Tight Center Tripod (Cam 1): Locked on pastor from chest up (85mm–135mm) to maximize eye contact with online viewers. | Display Cue 5 Lower-Third ("...but have eternal life.") for 10 seconds, then animate out. |
| Altar Prayer (Cue 5.5) | Slow Side Gimbal / Slider (Cam 2): 45-degree profile shot of pastor praying, with soft warm stage haze and blurred congregation in foreground. | Trigger a clean Response Callout in the Cue 5 theme: "Text LIFE to [Number] or click Prayer in the chat." |
| Worship Handoff | Wide Center Shot (Cam 3): Cross-dissolve (2.0s) as backlights silhouette the band, then push in slowly on the worship leader. | Switch lower-third parser to 2-Line Worship Lyrics pinned to the same Bottom: 96px safe margin. |
To seamlessly transition from your sermon lower-thirds into the closing worship set, the broadcast lyric overlay shifts from a left-aligned presenter box to a centered, floating frosted-glass pill anchored along the exact same
96px bottom safe margin.It retains the Cue 5.5 (Forest Emerald & Celestial Gold) glassmorphism palette, subtle top-edge gold illumination, and the Cormorant Garamond + Montserrat font pairing so online viewers experience the altar call and closing song as a single continuous visual design.
1. Broadcast Worship Lyric Layout Specs
| Element | Broadcast Specification | Visual Purpose |
| Alignment & Position | Centered Horizontally (50%), Bottom: 96px | Keeps the center-frame open for wide band shots and worship leader close-ups. |
| Container Styling | rgba(8, 28, 18, 0.76) with blur(16px) | Deep emerald-charcoal tint preserves legibility over bright golden stage haze. |
| Top Accent Horizon | 2px gradient (transparent → #FFD700 → transparent) | Replaces the left sermon bar with a horizontal "horizon line" echoing the Cue 1 sunrise and Cue 5 dawn. |
| Line 1 vs. Line 2 Hierarchy | Line 1: #FFFFFF (100%) / Line 2: #F4EFE6 (88%) | Subtle luminance contrast helps congregants and viewers track the current line versus the upcoming line. |
2. Complete HTML & CSS Code (2-Line Worship Lyrics + Altar Call State)
Save this as an
.html Browser Source (1920x1080) for OBS, vMix, or ProPresenter Web View. It includes both the Centered 2-Line Worship Lyric Pill and an optional Altar Call Prayer Prompt badge that can sit quietly in the top-right or swap into the lower-third during prayer.HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>John 3:16 Worship Lyric Broadcast Overlay</title>
<!-- Google Fonts: Cormorant Garamond & Montserrat -->
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,600&family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--safe-bottom: 96px;
--gold-primary: #FFD700;
--gold-warm: #FFB84D;
--emerald-deep: rgba(8, 28, 18, 0.78);
--charcoal-deep: rgba(6, 15, 11, 0.86);
--ease-worship: cubic-bezier(0.22, 1, 0.36, 1);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
width: 1920px;
height: 1080px;
overflow: hidden;
background: transparent;
font-family: 'Montserrat', sans-serif;
-webkit-font-smoothing: antialiased;
}
/* ==========================================
CENTERED 2-LINE WORSHIP LYRIC CONTAINER
========================================== */
.worship-lower-third {
position: absolute;
bottom: var(--safe-bottom);
left: 50%;
transform: translateX(-50%);
min-width: 820px;
max-width: 1380px;
padding: 24px 56px 26px 56px;
border-radius: 8px;
background: linear-gradient(180deg, var(--emerald-deep) 0%, var(--charcoal-deep) 100%);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 215, 0, 0.18);
box-shadow:
0 24px 60px rgba(0, 0, 0, 0.65),
0 0 35px rgba(15, 61, 38, 0.35);
text-align: center;
transition: all 0.6s var(--ease-worship);
animation: fadeUpLyric 0.8s var(--ease-worship) forwards;
}
/* Celestial Gold Horizon Accent Bar (Top Edge) */
.worship-lower-third::before {
content: "";
position: absolute;
top: -1px;
left: 15%;
right: 15%;
height: 2px;
background: linear-gradient(90deg,
rgba(255, 215, 0, 0) 0%,
var(--gold-primary) 50%,
rgba(255, 215, 0, 0) 100%
);
box-shadow: 0 0 14px rgba(255, 215, 0, 0.75);
}
/* Optional Song Title / CCLI / Response Micro-Header */
.song-meta {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.28em;
color: var(--gold-warm);
opacity: 0.85;
margin-bottom: 10px;
}
/* 2-Line Lyric Typography Stack */
.lyric-stack {
display: flex;
flex-direction: column;
gap: 6px;
}
/* STYLE OPTION A: Clean Broadcast Sans-Serif (Default for High Legibility) */
.lyric-line-1,
.lyric-line-2 {
font-family: 'Montserrat', sans-serif;
font-size: 34px;
font-weight: 600;
line-height: 1.25;
letter-spacing: 0.03em;
color: #FFFFFF;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
transition: opacity 0.35s ease, transform 0.35s ease;
}
.lyric-line-2 {
color: #F4EFE6;
opacity: 0.90;
}
/* STYLE OPTION B: Poetic Serif Chorus Mode (Add class "chorus-serif" to wrapper) */
.worship-lower-third.chorus-serif .lyric-line-1,
.worship-lower-third.chorus-serif .lyric-line-2 {
font-family: 'Cormorant Garamond', serif;
font-size: 44px;
font-weight: 600;
font-style: italic;
letter-spacing: 0.01em;
line-height: 1.15;
text-shadow: 0 2px 16px rgba(255, 215, 0, 0.22);
}
/* ==========================================
OPTIONAL ALTAR CALL RESPONSE PILL (TOP RIGHT)
========================================== */
.altar-callout {
position: absolute;
top: 72px;
right: 96px;
display: flex;
align-items: center;
gap: 14px;
padding: 12px 24px;
border-radius: 50px;
background: rgba(8, 28, 18, 0.82);
backdrop-filter: blur(12px);
border: 1px solid rgba(255, 215, 0, 0.28);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
}
.pulse-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--gold-primary);
box-shadow: 0 0 12px var(--gold-primary);
animation: goldPulse 2.4s infinite ease-in-out;
}
.altar-text {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.08em;
color: #F4EFE6;
}
.altar-text strong {
color: var(--gold-primary);
font-weight: 700;
}
/* Animations */
@keyframes fadeUpLyric {
0% { opacity: 0; transform: translate(-50%, 18px); }
100% { opacity: 1; transform: translate(-50%, 0); }
}
@keyframes goldPulse {
0%, 100% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.35); opacity: 0.55; }
}
</style>
</head>
<body>
<!-- Optional Top-Right Altar Call / Prayer Response Pill during Worship -->
<div class="altar-callout">
<div class="pulse-dot"></div>
<div class="altar-text">Need Prayer? Text <strong>LIFE</strong> to <strong>555-0199</strong></div>
</div>
<!-- Centered 2-Line Worship Lyric Lower-Third -->
<!-- Add class "chorus-serif" alongside "worship-lower-third" on key choruses if desired -->
<div id="worship-box" class="worship-lower-third">
<div class="song-meta">Living Hope • John 3:16 Response</div>
<div class="lyric-stack">
<div id="lyric-1" class="lyric-line-1">Hallelujah, praise the One who set me free</div>
<div id="lyric-2" class="lyric-line-2">Hallelujah, death has lost its grip on me</div>
</div>
</div>
</body>
</html>
3. Native ProPresenter 7 "Linked Text" Setup (Zero-Code Alternative)
If you want ProPresenter 7 to automatically populate
#lyric-1 and #lyric-2 from your live worship slides into this exact look using ProPresenter's Theme Editor:- Create a Broadcast Theme Slide (
1920x1080):- Add a Rectangle Shape centered horizontally (
X: 360px,Y: 856px,Width: 1200px,Height: 128px,Corner Radius: 8px). - Fill: Gradient (
180°), Top Stop#081C12at78%opacity → Bottom Stop#060F0Bat86%opacity. - Stroke:
1pxInside,#FFD700at18%opacity.
- Add the Top Gold Horizon Line:
- Create a second Rectangle (
X: 540px,Y: 856px,Width: 840px,Height: 2px), Fill#FFD700at85%opacity, Feather/Blur4px.
- Link Your Live Slide Text:
- Add a Text Box inside the rectangle (
Width: 1100px,Height: 96px), set font to Montserrat SemiBold (34pt), Center-Aligned, Vertical Alignment: Middle, Line Spacing:125%. - Under Text Properties → Linked Text, select Current Slide Text and set Line Limit to 2 Lines so ProPresenter dynamically feeds every worship slide directly into your Cue 5.5 broadcast frame.
This production-ready 60-second sermon bumper script and title graphic concept translates the visual arc of John 3:16 into an engaging, high-impact intro video for your sanctuary screens and livestream broadcast.
Part 1: Title Graphic Concept — "FOR GOD SO LOVED"
- Visual Style: Cinematic minimalism combining deep cosmic textures with warm organic earth elements, matching the DMX lighting and lower-third aesthetic.
- On-Screen Composition:
- Background: Slow-motion composite moving from the orbital sunrise (Loop 1) into the piercing light shaft across rough olive wood (Loop 2).
- Central Title Typography:
- "FOR GOD SO LOVED" rendered in tracked-out, all-caps Montserrat in crisp white with a soft golden glow.
- "THE WORLD" stacked underneath in a sweeping, italicized Cormorant Garamond serif in Celestial Gold (
#FFD700).
- Sub-text: A thin horizontal horizon accent line separating the title from the scripture reference: JOHN 3:16.
Part 2: 60-Second Sermon Bumper Script
- Audio Design: Starts with a deep cosmic drone pad (Cue 1), introduces a solo acoustic cello or piano swell on the second line (Cue 2), and builds into a rich cinematic synth swell as the narrator reaches the final resolution.
- Pacing: 120 words total (approx. 2 words per second) delivered with gravitas, warmth, and steady cinematic pacing.
| Timing | Visual Cue (ProPresenter / Video Loop) | Audio & Narration (Voiceover / Sound Design) |
| 0:00 – 0:12 | Loop 1: Slow orbital sunrise over Earth. Deep sapphire transitioning to warm amber. | [SFX: Low cosmic sub-bass drone] Voiceover (Warm, resonant): "Before the first star was hung... before history found a voice..." |
| 0:12 – 0:24 | Loop 2: Macro shot of rough-hewn olive wood pierced by a single shaft of golden light. | "...God looked across the vast expanse of human brokenness... and He didn't turn away." |
| 0:24 – 0:38 | Loop 3 & 4: Concentric water ripples and storm clouds parting over a steadfast mountain peak. | [SFX: Subtle, rising warm string swell] "He entered the dark. He stepped into our rescue. Not to condemn... but to redeem." |
| 0:38 – 0:52 | Loop 5: Emerald valley stream bathed in radiant dawn light and drifting golden dust motes. | "A love that crossed the infinite divide. A sacrifice paid in full. A promise that cannot be shaken." |
| 0:52 – 1:00 | Title Graphic / Bumper Animation: Title lockup fades in over radiant gold particles, holding on John 3:16. | [SFX: Full cinematic resolve chord fading into ambient pad] Voiceover: "For God so loved the world. Welcome to the Word." |
.jpg)
.jpg)
