About this template

What Plenum is

Plenum is a complete website for a technical or industry conference, a summit or any multi-track event. The demo is Baseload 27, two days for the engineers rebuilding the power grid, held in a 1957 shipyard hall. The look is a night shift: transformer black, fog and steel, with one sodium-lamp amber used only for what is live, current or yours, and square corners throughout.

The home page opens on a full-bleed night photograph that a pool of light follows across, with the event name set across the whole width. Further down, the live grid pins to the screen and scrolling plays the day: a now line moves across five rooms, sessions switch on as it reaches them and the clock in the corner keeps time. On phones it becomes a timeline that lights row by row. A second home page leads with the dates and five room lanes powering up.

There are 24 page types: programme with a saved "my day", a page per session, speakers and a page per speaker, four tracks and a page per track, a field day of site visits, passes with a side-by-side table and a demo checkout, a venue page with an interactive floor plan, partners, an archive of six editions, a journal, about, a call for speakers, questions, contact, terms, privacy, a style guide, a licence and changelog page and a 404. Five collections hold 24 sessions, 12 speakers, 6 editions, 8 articles and 12 partners. Every motion has a still version for people who turn motion off. The conference, people and prices are invented, and the images are for demonstration only, so replace them before you publish.

Last updated

What's included

8 pages, ready to fill in

  1. 01HomeTorch-lit night hero, the statement, the hall in numbers, four tracks, the live grid, a portrait rail of speakers, the opening keynote, the field day, formats, passes, the venue, partners, six years of archive, the journal, questions
  2. 02Home 2The dates as the hero with five room lanes powering up, then day two on the live grid, speakers, a panorama of the hall, tracks, passes, archive
  3. 03Programme and sessionThe live grid, each day by room and track with a star to save sessions, the field day, a legend; each session with its time, room, format, takeaways and speaker
  4. 04Speakers, speaker, tracks and trackKeynotes, everyone, an index and the committee; each speaker with a large portrait, bio and talk; each track with its host and both days
  5. 05Field day, passes and checkoutFour site visits with coach times, gear and places left; three passes, a side-by-side table, add-ons, refunds and a demo checkout
  6. 06Venue and partnersAn interactive floor plan of five rooms, walking times, hotels; partners by tier, quotes and packages
  7. 07Archive, edition, journal and articleSix past editions with figures and recordings, the most watched talks; a journal with a lead story and eight articles
  8. 08About, speak, questions, contact and the kitPrinciples, committee and team; the call for speakers with a timeline; questions and the code of conduct; contacts; a style guide, licence and changelog, terms, privacy and a 404

Features

  • Torch hero: a pool of light follows the pointer and drifts on touch screens
  • Live grid pinned to the screen, with coffee and lunch drawn across the rooms
  • Expanding portrait rail, counters and a four-bar page transition
  • My day: saved sessions kept in the browser
  • Event state switch: upcoming, live or past
  • Every motion has a still version when motion is turned off
  • Day and night modes with a toggle, responsive on desktop, tablet and phone

Code version

  • React 19
  • Vite
  • TypeScript
  • React Router
  • Plain CSS
  • Content in typed files

Screens

A closer look

Taken from the live demo, in light and in dark, on desktop and on a phone.

Plenum template. Home: a night photograph lit by a torch that follows the pointer.
LightHome: a night photograph lit by a torch that follows the pointer.
Plenum template. Home in night mode.
DarkHome in night mode.
Plenum template. Home 2: the dates as the hero, five room lanes powering up.
DarkHome 2: the dates as the hero, five room lanes powering up.
Plenum template. The live grid: scrolling plays the day across five rooms.
DarkThe live grid: scrolling plays the day across five rooms.
Plenum template. Speakers as an expanding portrait rail.
LightSpeakers as an expanding portrait rail.
Plenum template. Programme: two days and a field day.
LightProgramme: two days and a field day.
Plenum template. A session with its time, room, track and format.
DarkA session with its time, room, track and format.
Plenum template. A speaker page with a large portrait and quote.
LightA speaker page with a large portrait and quote.
Plenum template. Field day: site visits with coach times and places left.
LightField day: site visits with coach times and places left.
Plenum template. Three passes.
DarkThree passes.
Plenum template. The venue with an interactive floor plan.
DarkThe venue with an interactive floor plan.
Plenum template. Six years of past editions.
DarkSix years of past editions.
Plenum template. The style guide that comes with the template.
LightThe style guide that comes with the template.
Plenum template. Home on a phone.
Plenum template. On phones the day becomes a timeline that lights row by row.
PhoneHome on a phone. On phones the day becomes a timeline that lights row by row.

Where to get it

Three versions, one design

Pick the one that matches how you build. The pages and the design are the same in each.

  • Framer templateRemix it into your Framer account and edit on the canvas. Projects and journal posts run on the Framer CMS.

    Free on FramerFramer Marketplace

  • Code on Digital Silk RouteThe full source: React 19, Vite, TypeScript, React Router. Host it anywhere and change anything.

    $5one payment

    Buy theme · $5
  • XOXI themeA theme for your XOXI profile. Live on the XOXI website now; the iOS and Android app gets it with the next app update.

    Includedfor Pro and Business+ members

    Get it with Pro plan on XOXI

Want to see it first? View demo

Want one made for you?

Start with a free 30-minute call. You get a written plan and a fixed quote before any work begins.

Book a call

Fixed quote. You own everything we make.

The Black Momento online store, built by Victor Studios
Client work, designed and built by us