LIBC Strategy Dashboard | Southside Church tailwind.config = { theme: { extend: { colors: { brandDeep: '#00283D', // PANTONE 302C (Primary Deep Blue) brandMid: '#1C7CAD', // PANTONE 2390C (Primary Mid Blue) brandLight: '#7AC9E2', // PANTONE 297C (Primary Light Blue) brandNeutral: '#F2F2F0', // PANTONE 427C (Neutral Off-white/Gray) brandAccent: '#FFC700', // PANTONE 7548C (Accent Yellow) brandGreen: '#669966' // PANTONE 7490C (Accent Green) }, fontFamily: { sans: ['Inter', 'sans-serif'], serif: ['Playfair Display', 'serif'] } } } } @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap'); body { font-family: 'Inter', sans-serif; background-color: #F2F2F0; /* Warm Neutral Gray */ color: #00283D; /* Deep Blue text */ } .serif-font { font-family: 'Playfair Display', serif; } /* Nostalgic Polaroid Visual Elements */ .polaroid-container { background: #ffffff; padding: 1rem 1rem 3.5rem 1rem; box-shadow: 0 15px 35px -5px rgba(0, 40, 61, 0.15), 0 5px 15px -5px rgba(0, 40, 61, 0.1); transform: rotate(-1.5deg); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid rgba(0, 40, 61, 0.05); } .polaroid-container:hover { transform: rotate(0deg) scale(1.03); box-shadow: 0 25px 45px -10px rgba(0, 40, 61, 0.25); } /* Smooth UI transitions */ .tab-active { border-bottom: 4px solid #FFC700; color: #FFC700; font-weight: 700; } .fade-in-el { animation: fadeIn 0.4s ease-out forwards; } @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } /* custom scrollbar */ .custom-scroller::-webkit-scrollbar { width: 6px; } .custom-scroller::-webkit-scrollbar-track { background: #F2F2F0; } .custom-scroller::-webkit-scrollbar-thumb { background: #7AC9E2; border-radius: 10px; }
All-Church Signature Initiative

Life Is Better Connected.

Addressing the fatigue of digital isolation. We are inviting Southside Church off of the Sunday rows and into distraction-free, screen-free circles where relationships can finally breathe.

Hook: "Your faith needs friends" Strategy: "Find your people"
Screen-Free Community
No Screens Allowed

"Undistracted Tables, Backyard Fires"

Target Metrology

The Engagement Goal

We aim to connect 10% of our active adult population across Newnan, Peachtree City, Fayetteville, and Chatt Hills—translating directly to **350 active participants** finding a community home.

Aesthetic Pillars

The Polaroid Campaign

All graphic collaterals must feature modern people wearing everyday apparel, placed inside physical vintage-style Polaroid frames. No screens, tablets, phones, or monitors can ever be visible inside the media frames.

→ Handled by Taylor's Team
Strategic Alignment

All-Skate Scale

This campaign is elevated to the level of our signature church moments. Every location and department rows in the exact same direction starting September 1st, guaranteeing shared experiences and expectations.

Newnan PTC Fayetteville Chatt Hills
Interactive Roadmap

Campaign Execution Phases

Cycle through our three key strategy milestones to view dates, core requirements, and communication directives.

Communication Blueprint

Copy & Messaging Library

Pre-approved scripts, emails, and social media drafts across multiple channels.

Master Media Deliverables

Mandatory visual formats for production, photography, and central design teams.

Taylor's Team priority

Photo Assets (Vintage Film Feel)

  • Polaroid Portfolio (x15 Assets)

    No devices. Real members gathered around backyard tables/fire pits.

    16:9, 9:16, 4:5

  • Lobby Graphic Slides

    Pre-keyed overlays for campus flat screens.

    16:9 only

Video Assets (No Screens Aesthetic)

  • "Undistracted Hearth" Promo

    Cozy, string-lit evening gatherings without digital interruptions.

    16:9, 9:16, 4:5

  • Campus Staff Daily Video Shorts

    21 days of personal, vertical raw devotionals.

    9:16 vertical only

Graphic Layouts (Southside Brand)

  • Polaroid Photoshop Overlays

    Reusable framing layers for campus designers.

    16:9, 9:16, 4:5

  • Lobby Banner Stand Wrappers

    Physical displays for Newnan, PTC, Fayette, Chatt Hills lobbies.

    Custom print dimensions

Southside Church Groups Campaign Strategy • Fall 2026

Design built for Newnan, Peachtree City, Fayetteville, and Chatt Hills campuses. All Rights Reserved.

// --- MASTER DATA ARRAYS --- const phases = { 1: { title: "Phase 1: Leader Recruitment Push", dates: "Launch: July 14 – August 1", focus: "Mobilizing Hosts & Porch Leaders", goal: "Establish 35+ Active Distraction-free Circles", desc: "Securing facilitators who are willing to open simple living rooms, porches, and coffee shop tables. We are not calling for theological giants—just coordinators of physical, face-to-face connection.", channels: "Stage, Email, App Events Feed, SMS", badgeColor: "bg-brandMid text-white" }, 2: { title: "Phase 2: Group Registration Saturation", dates: "Launch: August 2 – August 31", focus: "Overcoming Skepticism & Obstacles", goal: "Secure 350 Unconnected Registrants", desc: "A wide, multifaceted drive using the 'Find Your People' message. This phase actively disrupts the expectation of immediate best-friend chemistry, reframing the call as finding the providential relationships you need.", channels: "Website, Email, App Feed, Instagram, Facebook", badgeColor: "bg-brandAccent text-brandDeep" }, 3: { title: "Phase 3: Deep Dive 'All-Skate' Event", dates: "Marketing: September 1 – September 27", focus: "Unignorable Movement Unity", goal: "100% Core Church Participation", desc: "An inescapable invitation to row together as a unified body for exactly three weeks. Features the 21-day digital study, vertical video devotionals, and physical 'Taste of Groups' lobbies on-site at your campus.", channels: "Stage, YouVersion, App Push, SMS, Lobby Lanyards", badgeColor: "bg-brandGreen text-white" } }; const copyHub = [ { tag: "Stage", title: "Leader Recruitment Announcement", phase: "Phase 1", content: "We aren't looking for Bible scholars, perfect managers, or spiritual giants. We are looking for people willing to open a porch, put their phones on a side table, and make room for people to look each other in the eye." }, { tag: "Email", title: "Registration Strategy Hook", phase: "Phase 2", content: "You have 500 friends online... but who actually knows what you're carrying? Who has your back when family or health starts to drift? Your faith needs real-life friends. Stop swiping. Find your people." }, { tag: "Social", title: "Facebook & IG: Screen-Free Oasis", phase: "Phase 2", content: "True connection doesn't occur under a digital filter. It happens when we put our phones face down and pull up a real chair. Join a 3-week unplugged group starting this September. #LifeIsBetterConnected" }, { tag: "Digital", title: "App 'For You' Feed Push", phase: "Phase 3", content: "Southside is moving together! The 21-day church-wide journey starts next Sunday. Download the daily YouVersion reading guide or choose an on-campus circle immediately." }, { tag: "Stage", title: "Public Registration Pitch", phase: "Phase 2", content: "If we're being honest, we have never felt more isolated. Real community doesn't live on a device screen. It lives when we gather around backyards, coffee shops, and fire pits." }, { tag: "Email", title: "The All-Skate Movement Invitation", phase: "Phase 3", content: "Think back to the last time you sat around an outdoor fire pit with good friends, lost track of time, and completely forgot your phone existed. That's the design of community. Give us just three weeks." } ]; // --- CHART GENERATION --- let currentChartInstance = null; function renderMetricChart() { const ctx = document.getElementById('dashboardMetricChart').getContext('2d'); // Cleanup existing chart to prevent memory leaks on update if (currentChartInstance !== null) { currentChartInstance.destroy(); } currentChartInstance = new Chart(ctx, { type: 'doughnut', data: { labels: ['Target Engagement (10%)', 'Unconnected Attendees'], datasets: [{ data: [350, 3150], backgroundColor: ['#FFC700', '#00283D'], /* Accent Yellow & Brand Deep Blue */ borderWidth: 3, borderColor: '#ffffff', hoverOffset: 6 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false }, tooltip: { callbacks: { label: function(context) { const value = context.raw; return ` ${context.label}: ${value} people`; } } } }, cutout: '78%' } }); } // --- INTERACTIVE ACTION HANDLERS --- function switchExecutionPhase(id) { const data = phases[id]; const container = document.getElementById('dynamic-phase-pane'); // Set active states on buttons document.querySelectorAll('[id^="phase-btn-"]').forEach(btn => { btn.className = "px-6 py-3 rounded-full font-bold text-xs uppercase border border-brandMid/10 bg-white hover:bg-brandNeutral text-brandDeep transition duration-150 flex items-center gap-2"; }); const activeBtn = document.getElementById(`phase-btn-${id}`); if (id === 1) activeBtn.className = "px-6 py-3 rounded-full font-bold text-xs uppercase bg-brandDeep text-white transition duration-150 flex items-center gap-2 border border-brandDeep"; if (id === 2) activeBtn.className = "px-6 py-3 rounded-full font-bold text-xs uppercase bg-brandAccent text-brandDeep transition duration-150 flex items-center gap-2 border border-brandAccent"; if (id === 3) activeBtn.className = "px-6 py-3 rounded-full font-bold text-xs uppercase bg-brandGreen text-white transition duration-150 flex items-center gap-2 border border-brandGreen"; // Update DOM Panel with fade in container.innerHTML = `
${data.dates}

${data.title}

Focus: ${data.focus}

Metric Milestone

${data.goal}

Strategic Mechanics

${data.desc}

Primary Marketing Channels

${data.channels}

[Taylor's Team Snapshot:
Modern clothing, vintage film look, no devices present]

Visual Phase Guide ${id}

`; } function filterCopyItems(tag) { const grid = document.getElementById('copy-card-grid'); // Adjust active filter buttons visually document.querySelectorAll('.copy-filter-btn').forEach(btn => { btn.className = "copy-filter-btn px-4 py-2 text-xs font-bold uppercase rounded-lg bg-brandNeutral hover:bg-brandMid/15 text-brandDeep transition duration-150"; }); event.target.className = "copy-filter-btn px-4 py-2 text-xs font-bold uppercase rounded-lg bg-brandDeep text-white transition duration-150"; const filtered = tag === 'all' ? copyHub : copyHub.filter(item => item.tag === tag); grid.innerHTML = filtered.map(item => `
${item.tag} ${item.phase}

${item.title}

"${item.content}"

`).join(''); } function copySnippetToClipboard(button) { const textToCopy = button.parentElement.querySelector('p.italic').innerText; const originalText = button.innerText; // Copy to clipboard fallback mechanism const el = document.createElement('textarea'); el.value = textToCopy; document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); // Trigger temporary visual validation button.innerText = "Copied Successfully!"; button.classList.add('text-brandGreen'); setTimeout(() => { button.innerText = originalText; button.classList.remove('text-brandGreen'); }, 1800); } // --- LIFECYCLE INITIALIZER --- window.onload = () => { renderMetricChart(); switchExecutionPhase(1); // Load Phase 1 by default filterCopyItems('all'); // Display all elements initially };