Freeform Board

<section class="ws-canvas-stage bg-[var(--ws-color-surface)] px-6 py-20 text-white"><div class="mx-auto max-w-7xl"><div class="max-w-3xl"><p class="text-sm uppercase tracking-[0.22em] text-fuchsia-300">Canvas Stage</p><h2 class="mt-4 text-4xl font-semibold tracking-[-0.03em]">Freeform does not have to mean chaotic.</h2></div><div class="relative mt-12 min-h-[32rem] rounded-[2rem] border border-white/10 bg-[linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02))] p-6"><div class="absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.05)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.05)_1px,transparent_1px)] bg-[size:3.5rem_3.5rem] opacity-30"></div><div class="relative grid gap-4 lg:grid-cols-12"><article class="rounded-[1.5rem] border border-white/10 bg-slate-900/80 p-5 lg:col-span-5"><p class="text-xs uppercase tracking-[0.18em] text-white/45">Positioned insight</p><h3 class="mt-4 text-2xl font-semibold">Lead with the one frame everyone will remember.</h3></article><article class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5 lg:col-span-3 lg:translate-y-16"><div class="h-32 rounded-2xl bg-white/10"></div></article><article class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5 lg:col-span-4"><p class="text-sm leading-7 text-white/70">Use anchored cards for metrics, quotes, and chapter markers. Let the board feel composed, not loose.</p></article><article class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5 lg:col-span-4"><p class="text-xs uppercase tracking-[0.18em] text-white/45">Metric</p><p class="mt-4 text-5xl font-semibold">12</p><p class="mt-2 text-white/65">slides compressed into 4 chapters</p></article><article class="rounded-[1.5rem] border border-white/10 bg-white/5 p-5 lg:col-span-5 lg:-translate-y-10"><div class="h-40 rounded-2xl bg-[radial-gradient(circle_at_top_left,rgba(244,114,182,0.35),transparent_35%),linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02))]"></div></article></div></div></div></section>