// Standby Booth — Field Guide (v2 Catalog) // Light editorial magazine. The same Attract screen, six brand worlds. const { useState, useEffect } = React; const BRANDS = window.SB_BRANDS; const ADMIN_TABS = window.SB_ADMIN_TABS; // Tiny safe parser for the only HTML our data uses: .... // Avoids dangerouslySetInnerHTML — admin-data.js is static, but parsing // keeps us safe if anyone ever pipes user content through this path. const renderEm = (str) => { const parts = str.split(/([^<]*<\/em>)/g); return parts.map((p, i) => { const m = p.match(/^([^<]*)<\/em>$/); return m ? {m[1]} : {p}; }); }; // Single canonical contact path for the whole page. Kept here at the top // so the rest of the file references one constant — no scattered email // strings to drift over time. const SUPPORT_EMAIL = "support@standbybooth.com"; const SUPPORT_MAILTO = "mailto:" + SUPPORT_EMAIL + "?subject=Standby%20Booth%20%E2%80%94%20Access%20request"; // Tap-target sized icon button that flips data-theme on , persists // to localStorage, and keeps the iOS Safari status-bar tint in sync via // the #sb-theme-color meta. Initial value is set by the inline boot script // in index.html (before paint) to avoid flash-of-wrong-theme. const ThemeToggle = () => { const [theme, setTheme] = useState(() => typeof document !== "undefined" ? (document.documentElement.dataset.theme || "light") : "light" ); const toggle = () => { const next = theme === "dark" ? "light" : "dark"; document.documentElement.dataset.theme = next; setTheme(next); try { localStorage.setItem("sb-theme", next); } catch (e) {} const meta = document.getElementById("sb-theme-color"); if (meta) meta.setAttribute("content", next === "dark" ? "#14110D" : "#F5F1E8"); }; const isDark = theme === "dark"; return ( ); }; const App = () => ( ); const Masthead = () => (
Vol. 01 · Issue 03 · Spring 2026 Standby Booth
); const Cover = () => { const [i, setI] = useState(0); const [hover, setHover] = useState(false); useEffect(() => { if (hover) return; const t = setInterval(() => setI(x => (x + 1) % BRANDS.length), 3600); return () => clearInterval(t); }, [hover]); const brand = BRANDS[i]; return (

The Field Guide № 01

An iPad,
your booth.

A self-service video booth for events. Configure once, walk away, come back to a folder full of clips. No backend. No cloud. No staff.

iPadOS 17+ $29.99 one-time No subscription
{BRANDS.map((b, idx) => ( ))}
setHover(true)} onMouseLeave={() => setHover(false)}>

{String(i+1).padStart(2,"0")} Plate {String(i+1).padStart(2,"0")}/{String(BRANDS.length).padStart(2,"0")} · {brand.kind}

); }; const Ticker = () => { const items = [ "ON AIR · STANDBY BOOTH", "ZERO BACKEND", "ZERO TELEMETRY", "ZERO SUBSCRIPTION", "FILES STAY ON DEVICE", "AIRDROP · USB-C", "iPadOS 17+", ]; const all = [...items, ...items]; return ( ); }; const TOC = () => (

Inside this guide.

A short tour of what Standby Booth is, who it's for, and how the host's iPad becomes a self-running video kiosk for an evening or a weekend.

    {[ ["I", "The Premise", "What an unattended booth feels like.", "Editorial · pp. 04–05"], ["II", "Six Events", "The same template, six brand worlds.", "Plates · pp. 06–11"], ["III", "The Panel", "Five tabs; every dial the host needs.", "Reference · pp. 12–18"], ["IV", "The Flow", "Seven screens guests never get lost in.", "Diagram · p. 19"], ["V", "The Price", "$29.99. Once. Free vs Pro.", "Schedule · p. 20"], ].map(([n, name, desc, tag], i) => (
  • {n} {name} {desc} {tag}
    • ))}
); const Feature = () => (

I · The premise

A booth that doesn't need a person.

Standby Booth runs entirely on the iPad. There is no backend, no cloud we operate, no telemetry. Storage is the host's iPad, their USB-C drive, their Photos library — never a server we own.

The host configures the event once: branding, prompts, recording length, storage destination. Then the device is locked into kiosk mode and left to run. The Attract screen pulses, waiting.

The guest walks up. They tap once. They see themselves on the screen, framed by white margins that turn the iPad into a soft fill light. They speak for thirty seconds, hit "Keep It," and walk away.

The host comes back at midnight, taps a hidden corner three times, enters a four-digit PIN, and pulls the folder of clips off the device. There is nothing else to do. There never was.

); const Gallery = () => (

II · Six events

The same screen. Six brand worlds.

Every Standby Booth event begins on the same template — logo, name, cue. The format is fixed; the typography, color, and copy are the host's. Six examples, on the next pages.

{BRANDS.map((b, i) => (

Plate {String(i+1).padStart(2,"0")} · {b.kind}

{b.eventName.split(" ").length > 2 ? <>{b.eventName.split(" ").slice(0,-1).join(" ")} {b.eventName.split(" ").slice(-1)} : {b.eventName}}

"{b.cta}."

BG {b.bg} FG {b.fg} Accent Type · {b.font.includes("Cormorant") ? "Cormorant" : b.font.includes("JetBrains") ? "Mono" : b.font.includes("Geist") ? "Geist" : "System"}
))}
); // In the wild — four real-world product renders. Each PNG has its headline // + subhead baked into the image, so we surface that text as alt for screen // readers and use the caption row only for the use-case label. The grid is // 2×2 on desktop and collapses to a single column under ~768 px. const IN_THE_WILD_PLATES = [ { src: "assets/hero-anywhere.png", alt: "Your studio. Anywhere. Turn any iPad into a video booth.", caption: "Plate A · Corporate · Desk" }, { src: "assets/use-bachelorette.png", alt: "Every guest has a story. Capture video messages in the moment.", caption: "Plate B · Bachelorette · Florals" }, { src: "assets/use-wedding.png", alt: "No crew. No setup. Guests tap, record, and walk away.", caption: "Plate C · Wedding · Reception" }, { src: "assets/use-home.png", alt: "The screen is the studio. White margins glow like soft fill light.", caption: "Plate D · At home · Soft light" } ]; const InTheWild = () => (

Interlude · In the wild

Four rooms. One screen.

The same Standby Booth attract screen, dropped into four very different evenings. White margins do the lighting; the iPad does everything else.

{IN_THE_WILD_PLATES.map((p, i) => (
{p.alt}
{p.caption}
))}
); const Admin = () => { const [i, setI] = useState(0); const t = ADMIN_TABS[i]; return (

III · The panel

Five tabs. Every dial.

Hidden behind a triple-tap and a four-digit PIN. Every guest-facing feature is a host-facing toggle.

{ADMIN_TABS.map((tab, idx) => ( ))}
Fig. {String(i + 1).padStart(2, "0")} {t.label}

{t.eyebrow}

{renderEm(t.title)}

{t.body}

    {t.rows.map((r, idx) => (
  • {r.k} {r.v} {r.pro === true && Pro} {typeof r.pro === "string" && Pro · {r.pro}}
    • ))}
); }; const Flow = () => (

IV · The flow

Seven screens. One path.

Designed so the guest never needs instructions, and the host never needs to intervene.

    {[ {n:"01", name:"Attract", art:Tap to share your story}, {n:"02", name:"Script choice", art:<>Use a prompt— or —Speak freely}, {n:"03", name:"Get ready", art:<>Tap when ready}, {n:"04", name:"Countdown", art:3}, {n:"05", name:"Recording", art:<>REC 00:42, rec:true}, {n:"06", name:"Preview", art:Keep · Retry · Cancel}, {n:"07", name:"Thank you", art:Thank you.}, ].map(s => (
  1. {s.n}
    {s.art}
    {s.name}
    2. ))}
); const Price = () => (

V · The schedule

$29.99.

Once. Yours forever. Free covers the basics; Pro covers the events you charge for.

Feature Free Pro
{[ ["Recording length", "60s", "Up to 5 min"], ["Video quality", "720p", "Up to 4K"], ["Custom branding", "—", "Logo, fonts, colors"], ["Storage", "Photos library", "+ Local · USB-C"], ["Sharing", "AirDrop", "AirDrop"], ["Prompts & scripts", "—", "Full teleprompter"], ["Time extensions", "—", "+30s × 5"], ["Presets", "—", "Save / load / share"], ].map(([l,f,p],i)=>(
{l} {f} {p}
))}
); const SignOff = () => { const [copied, setCopied] = useState(false); return (

Tell us about your event.

Setting up a booth for a wedding, a brand activation, or a launch party? Send us a note. We read every reply.

Email us

{SUPPORT_EMAIL}

); }; const Colophon = () => (
Standby Booth

© 2026 Kai Ventures · Made on a Mac, with care.

); ReactDOM.createRoot(document.getElementById("root")).render();