code-anything.com
Log inStart free

Events

Sessions

Sessions is a premium, on-air studio template built to fill seats for webinars, workshops and online events. A near-black canvas with a live-coral-to-electric-violet gradient sets a cinematic, broadcast mood, while a signature concentric live ring, a mono broadcast countdown clock and a running on-air ticker create urgency the moment the page loads. An avatar social-proof row, a four-up stats band, a "what you will learn" rundown, a timecoded run-of-show timeline, on-camera speaker cards and a registration band with a live-filling seat meter give attendees every reason to register before doors open — all self-contained inline SVG and CSS, with tasteful reduced-motion-aware animation.

Cinematic and on-air — a dark broadcast studio, glowing live and visibly filling up fast.

webinar.code-anything.app
Sessions
Live workshop · Free entry

Ship faster with focused work sessions

A 60-minute, hands-on session on planning a week you can actually finish — and protecting the deep work that moves it forward.

Thursday, July 16 · 11:00am PT · 60 min
Online · join from anywhere
ARJSMKDLTN
4,200+ already registered
4.9 average from past sessions
LIVESTUDIO 01 · CH 1
DOORS OPEN IN
06
Days
:
14
Hrs
:
23
Min
1,240 in the lobby
ON AIR · THU 16 JUL11:00 PT60 MIN LIVE + RECORDEDQ&A OPENDOORS IN 06:14:23FREE ENTRYSAVE YOUR SEAT
4,200+
already registered
4.9
average rating
60 min
live + recorded
38
countries joining
Rundown · 03 segments

Leave with a plan, not just notes

Three working skills you can apply the same afternoon — no new app to install, no 40-step system to learn.

SEG 01
Plan a week you can finish

A repeatable Friday ritual that turns a noisy backlog into three outcomes you will actually ship by next week.

SEG 02
Protect deep-work blocks

How to defend two-hour focus windows from meetings, pings and the quiet creep of busywork — without going off-grid.

SEG 03
Cut the work that does not count

A five-minute audit to surface the tasks that feel productive but move nothing, and a clean way to drop them.

Run of show · 60:00

Sixty minutes, timecoded

A tight, single-track session. Times are minutes from the start, so you know exactly when each part lands.

0:00
Welcome + the one number that predicts a good week
Intro
0:08
The Friday reset: backlog to three outcomes, live
Method
0:24
Time-blocking that survives a real calendar
Method
0:40
Worked example: replanning a derailed week
Demo
0:52
Live Q&A — bring your real week, we map it together
Q&A
On camera · 03 voices

Who you're joining

A practitioner host, a guest who lives this at scale, and a moderator keeping the Q&A moving.

Mara Okonkwo
Mara Okonkwo
Host · Productivity coach

ex-Head of Operations, Latchwork

Weekly planning
Devin Ross
Devin Ross
Guest · Staff engineer

Wrote the deep-work playbook at Northbeam

Focus systems
Amara Liu
Amara Liu
Moderator · Community lead

Runs the 12k-strong Makers circle

Live Q&A
Register

Save your seat — it's free

Seats are capped at 300 so everyone gets time in the Q&A. Register now and we'll send a calendar invite plus the recording afterwards.

247 / 300 SEATS TAKEN53 LEFT
  • Live, hands-on — bring your real calendar
  • Recording sent to everyone who registers
  • A one-page planning template to keep
GUEST PASS · FREE
Jordan Avery
you@company.com
Product manager
Save my seat

No spam. One reminder before we go live, and the recording after.

Design rules

The system, applied to any site

Every rule below travels with the template — describe your tweaks and the agent keeps the system intact.

What it decides for you

  • Keep the canvas near-black and let a single live-coral-to-violet gradient carry the energy — reserve the solid gradient for the primary "Save my seat" CTA and the live ring so there is never any doubt where to click.
  • Lead with a broadcast monitor: a glowing concentric live ring over a mono DD:HH:MM countdown clock, so the offer feels genuinely on-air before a word is read.
  • State the value in the hero headline, then immediately follow it with one line of date, time, length and timezone plus an "online · join from anywhere" chip so offer and logistics land in a single glance.
  • Repeat the same "Save my seat" CTA in the nav, the hero and a dedicated registration band so the action is always one scroll away.
  • Use a pulsing on-air dot as the eyebrow motif, a running broadcast ticker and a filling seat meter to create quiet urgency without shouting.
  • Use no photography at all: gradient initial avatars, tinted icon chips and inline SVG keep the page fast and the studio look cohesive.
  • Gate every animation behind prefers-reduced-motion so the ticker, rings, equalizer and meter settle into a static, legible state when motion is reduced.

Ships with

Hero with countdown broadcast monitor + live ringOn-air ticker stripStats bandWhat you will learn (3-up rundown)Agenda / run-of-show timelineSpeaker cards (3-up)Registration band with seat meterFooter

Design tokens

Palette

bg
surface
text
muted
accent
accent2
border

Headings

Space Grotesk

Body

Inter

Radius

18px

Explore palettes

Keep looking

More from the library

AuroraMarketing
Warm ArtisanMarketing
Sharp FadeBooking
CockpitDashboard

Make it yours in minutes.

Start from this template and describe your tweaks — content, sections, colours. The backend and deploy are handled.