The 1pm admin sidebar drawer
The sidebar (drawer)
On the left of every authenticated planner page is a vertical sidebar with five entries:
Events. Your events list. The home base for the planner. Calendar icon.
Crew. Your crew library — suppliers, contractors, vendor records. People icon.
Spaces. Your saved venues and other reusable locations (see article 58). Map-pin icon.
Requests. The library of request templates you can attach to crew or to whole events. Document icon.
Branding. Logo, theme, and accent colors that get applied to your live links and printed run sheets. Swatch icon.
These five are the entire navigation. Anything else you reach (the planner page for a specific event, the Spaces inline form, the printable run of show, the billing portal) opens from inside one of those pages, not from the sidebar.
The active section is marked with a thin orange bar on the left edge of the row and a subtly tinted background so you can tell at a glance which area you're in. The other rows respond to hover with a tiny one-pixel right-slide — visual feedback that the row is clickable without being a heavy hover state.
Sidebar at desktop width
At lg breakpoint and above (roughly 1024px and wider, which covers iPad landscape, laptops, and desktops), the sidebar is pinned open by default. It sits flush against the left edge below the navbar, takes up about 192 pixels of horizontal space, and stays put as you scroll the main content (the sidebar itself sticks to the top of the viewport, so the navigation rows are always one click away regardless of how deep you've scrolled into a long event).
You can collapse the sidebar by clicking the left-chevron icon at the top-left of the navbar. The sidebar slides closed and the main content reclaims the full viewport width — useful when you're working in a wide planner timeline and want every pixel you can get. The icon flips to a hamburger menu while the sidebar is collapsed; click the hamburger to bring the sidebar back.
The collapse state is remembered. Once you collapse it, the sidebar stays collapsed across page navigations and across browser sessions, persisted in your browser's local storage. If you want the sidebar back, click the hamburger; the state will then re-stick to open. Each device + browser remembers its own preference, so you can have the sidebar pinned on your big desktop monitor and collapsed on your laptop without one fighting the other.
Sidebar on mobile and tablet portrait
Below the lg breakpoint, the sidebar isn't pinned. It hides behind a hamburger icon at the top-left of the navbar and slides in as an overlay over the main content when you tap.
Tap the hamburger to slide it in. Tap any link to navigate. Tap the dimmed area outside the sidebar (or the X) to dismiss it without navigating.
This is the standard mobile drawer pattern. It keeps the navbar uncluttered on small screens (your phone doesn't need five resource links visible at once) and lets the full viewport width belong to the actual content.
The navbar
The navbar — the strip across the top of every page — is no longer a navigation surface. With navigation in the sidebar, the navbar is now reserved for account and utility:
Sidebar toggle on the far left (the hamburger or left-chevron, depending on viewport width).
Logo just right of the toggle, which doubles as a Home link.
Admin area label — a small uppercase tag to make it obvious which side of 1pm you're looking at (the planner side, as opposed to a crew share link).
On the right side, your account-related items: Account (billing + plan), the trial countdown chip and Add payment method button if you're in trial, Help (opens the marketing-site help home in a new tab), your email address (visible at very wide widths), and Sign out.
Below the xl breakpoint, the right-hand items collapse into an ellipsis menu — a three-dot icon that opens a dropdown with the same items stacked vertically. The ellipsis (rather than a second hamburger) deliberately distinguishes the account menu from the sidebar toggle on the left.
Why this layout
The drawer-and-navbar shape is the conventional desktop-app pattern that Linear, Notion, and Slack's web client all follow, and it scales cleanly from desktop to mobile. The split makes the chrome's purpose obvious: anything to do with where you're going lives on the left; anything to do with your account, your trial, signing out, or getting help lives on the top right. The center is reserved for the page content itself, which on a planner timeline is where every pixel matters.
The trade-off is one extra column of horizontal space on desktop. The collapse-and-pin toggle exists for exactly that reason — a planner working on a wide timeline can hide the sidebar with one click and the timeline expands to the full viewport. A planner who navigates between events frequently pins it open. Either choice is valid; 1pm just remembers which you've made.
What hides the sidebar entirely
A few pages opt out of the navbar and sidebar altogether so they can present a clean canvas:
The live run of show at /v/{token}. Crew see only their own run of show, not the planner's navigation; the navbar and sidebar would be irrelevant chrome on a phone the crew is using to work.
The crew portal at /c/{token}. Same reasoning — the portal is the crew member's home, not the planner's.
The public shareable run sheet at /r/{token}. Anonymous, no account context, no navigation needed.
The printable run of show pages. Clean print canvas with no app chrome.
If you're on one of those pages and you want to get back to your planner, the page either has an explicit "Open in planner" shortcut (visible to you as the event's owner) or you can click the 1pm logo at the top to navigate home.
When the sidebar shows the wrong active section
The active-section highlight (orange bar on the left, faint background) is driven by the URL path. The five sections are matched on their URL prefix — /Events, /Crew, /Spaces, /Requests, /Branding. If you're on a sub-page that doesn't match (for example, an inline modal route that doesn't change the path), the highlight stays on whichever section the underlying page belongs to.
Account doesn't appear in the sidebar — it's a navbar item — but it carries its own active-state styling when you're on a billing or account page, so the highlight there comes from the navbar, not the sidebar.
Mobile considerations
A few things worth knowing if you're working from a phone:
The sidebar slides over the content, not alongside it. You won't see the page underneath shift; the sidebar appears on top with a dim overlay over the rest.
The ellipsis menu on the right of the navbar is your route to Account, Sign out, Help, and the trial CTA. Don't look for those in the sidebar — they're not there.
The hamburger and the ellipsis are intentionally different icons. Three horizontal lines opens the sidebar (navigation); three dots opens the account menu. Once you've used both once or twice the muscle memory is automatic.
If a tap on the hamburger does nothing, you're likely on a page that's opted out of the navbar (a crew or public page). Tap the 1pm logo to get back to the planner side and the sidebar will reappear.
