K-LAB DESIGN SYSTEM / HYPERFRAMES / SPONSORSHIP PACK
SPONSORSHIP
PACKAGE
Three sponsor layouts for the K-Lab.fm broadcast — drafted as HyperFrames compositions, ready to render to MP4 alongside the showcase reel. All three share the K-Lab × K-Ways visual DNA (SAIBA-45, neon magenta, JetBrains Mono Nerd, scanlines + grain) and are wired for the live-broadcast workflow: one pre-roll, one in-stream overlay, one set-break bumper.
Sponsor (placeholder)
NITRO//AUDIO · CO-PILOT SERIES
Drafts
3 · 12s · 10s · 12s
Format
1920 × 1080 · 30fps
Stack
HyperFrames · GSAP · HyperShader
01
FULL-BLEED PRE-ROLL
● LIVE PREVIEW 12s · 1920×1080
FULL-SCREEN STATIC IMAGE AD

HERO IMAGE.
FILM-SLATE CHROME.

A 12-second pre-roll built around the sponsor's hero photo. The image fills the whole frame and Ken-Burns‑zooms slowly across all four scenes; copy lays on top in the K-Lab type system. Crop marks and an "AD · PAID" stamp keep it honest. Designed as a drop-in slot — replace .hero-bg with the sponsor's real photo/video frame and the rest of the layout doesn't move.
Scenes
4
Duration
12.0s
Shaders
1 · cinematic-zoom
Beats
Tease → Reveal → Offer → Lockup
OPEN PREVIEW ↗ VIEW SOURCE
02
IN-STREAM OVERLAY
OVERLAY SPONSOR LOGO + QR CODE

LOWER-THIRD.
SCAN. SHOP.

A non-disruptive sponsor moment that sits on top of the live DJ stream. The faux Twitch backdrop carries on — nameplate, ticker, EQ, viewer count — while a 420-pixel lower-third slab rises from below, holds for ~5 seconds, and exits. Inside: sponsor wordmark, tagline, a stylised QR card with "SCAN TO SHOP" + redemption code, and a "PAID PARTNERSHIP" tag. No shaders — feels like a real broadcast cue, not a video edit.
Scenes
3
Duration
10.0s
Shaders
0 (hard cuts only)
Beats
Stream → Overlay rise + hold → Stream
OPEN PREVIEW ↗ VIEW SOURCE
● LIVE PREVIEW 10s · 1920×1080
03
SET-BREAK BUMPER
● LIVE PREVIEW 12s · 1920×1080
CREATIVE · PIT-STOP BUMPER

PIT STOP.
BROUGHT TO YOU BY.

Plays between DJ sets — a high-energy 12-second hand-off that leans into the K-Ways racing visual language. Five scenes, three shader transitions (whip-pan → glitch → cross-warp). Speed lines streak across every frame, the K-LAB.FM × NITRO//AUDIO lockup slams in from opposite edges, a spec sheet counts up to 240W RMS, a 20% promo bursts through with chromatic split, and the bumper lands on "UP NEXT · HALO BLOOM · 22:00" with a small sponsor credit. It's the most kinetic of the three.
Scenes
5
Duration
12.0s
Shaders
3 · whip-pan / glitch / cross-warp
Beats
Set-break → Lockup → Reveal → Promo → Hand-off
OPEN PREVIEW ↗ VIEW SOURCE

// PLACEHOLDER SPONSOR

NITRO//AUDIO is a fictional placeholder picked to fit the K-Way's Car Lounge audience (car audio). Swap names, hex codes for the accent layer, and the QR target — the rest of the system is brand-agnostic.

// HOW TO PREVIEW

Each draft is a standalone HyperFrames project under hyperframes/. Open the preview.html inside any of them, or run npx hyperframes preview in that folder for frame-accurate scrubbing.

// HOW TO RENDER

Inside each project folder: npx hyperframes render index.html -o output.mp4. 1920×1080 / 30fps by default — pass --fps 60 if the equalizer or counters feel mechanical.

// NEXT POLISH PASS

These are first drafts — entrance + mid-scene tweens are in place but pacing should be tuned in Claude Code with live preview. Suggested foci: the spec-counter timing in Spot 03 (s3), the QR breathing glow in Spot 02 (s2), and the Ken Burns curve continuity in Spot 01.