Nov 19, 2026
Open Mic at The Lantern
The Lantern Room, Portland
7:30 PM – 10:00 PM
Free entry
Made by Anthony Mendes
Design system
Every style, component and rule in Eventizer.
Edit the styles here and the whole site follows. The built-in agent reads this page before it changes anything, so keep it current when you add a style or component.
Colour
Twelve colour styles, named by role.
Change a style in the Assets panel and every layer that uses it updates. Text pairs meet WCAG AA: Text on Background is 18:1, Text Muted 8.4:1, Primary 6.4:1.
Background
#0A0A0D
Page background
Surface
#131318
Cards, bands, panels
Surface Raised
#1B1B22
Icon tiles, image placeholders
Border
#2A2A34
Dividers and card edges
Border Strong
#71717F
Inputs and hover edges (3:1)
Text
#F6F4EF
Headings and key text
Text Muted
#A9A7B3
Body copy and meta
Primary
#FF5C35
Buttons, eyebrows, prices
Primary Hover
#FF7A5A
Primary button hover
On Primary
#0A0A0D
Text on Primary
Glow
#FF5C35
Hero and CTA glows
Success
#5BE0A3
Form success state
Type
Bricolage Grotesque, Geist and Geist Mono.
Every text style steps down at the same five widths as the breakpoints: 1440, 1200, 810, 390 and 320. Choose the tag for the outline and the style for the look.
Display
88 / 72 / 56 / 42 / 36
Home hero and event titles
Find your next night out.
Heading 1
64 / 56 / 48 / 38 / 32
Page titles
Find your next night out.
Heading 2
48 / 44 / 38 / 32 / 28
Section headings
Open mics, games and talks.
Heading 3
32 / 30 / 28 / 24 / 22
Sub-sections, row titles
Open mics, games and talks.
Heading 4
22 / 22 / 20 / 20 / 18
Card titles
Open mics, games and talks.
Article Heading
32 / 30 / 28 / 24 / 22
H2 inside CMS rich text
Open mics, games and talks.
Body Large
20 / 20 / 18 / 18 / 17
Intros and lead paragraphs
Open mics, games and talks.
Body
16 at every size
Default paragraph
Open mics, games and talks.
Body Small
14 at every size
Meta and captions
Open mics, games and talks.
Label
13 / 13 / 13 / 12 / 12
Eyebrows, uppercase mono
Open mics, games and talks.
Mono
14 / 14 / 14 / 13 / 13
Dates and prices
Open mics, games and talks.
Button
15 at every size
Button and link labels
Open mics, games and talks.
Components
Seven components. Reuse them, never rebuild them.
Each one exposes its text, links and images as properties. Change the component once to change every instance.
Button
Primary and Secondary. Label, Link, New Tab and Show Icon properties. Use Primary once per view.
Filter Chip
Default and Active. Click event sets a page variable. Used for type filters and the Upcoming / Past tabs.
Event Card
Photo, Date, Title, Location, Time and Price. Used in every events grid.
FAQ Item
Closed and Open. The answer stays in the page for search engines and screen readers.
Every event page has a ticket button.
Event Row
Default and Stacked. Compact list row for the home page; switch to Stacked on phones.
Nov 19, 2026
Open Mic at The Lantern
The Lantern Room, Portland
7:30 PM – 10:00 PM
Free entry
Submit Button
Default, Pending, Success and Error. The contact form switches state on its own.
Navigation
Desktop, Phone and Phone Open. Lives in the Main Layout template, fixed to the top. Every drawer link closes the menu.
See the Main Layout template on the canvas.
Layout
The rules every page follows.
Five breakpoints
Desktop 1440, Laptop 1200, Tablet 810, Phone 390, Small Phone 320. Side padding 24, or 16 on phones.
Sections
Full-width section with an inner container capped at 1200. Vertical padding 120 / 120 / 96 / 72 / 64.
Fixed navigation
The first section of every page has extra top padding (about 160 on desktop, 120 on phones) so content clears the nav.
Spacing
Every gap and padding is a multiple of 4.
Motion
The first section never animates. Later sections fade up once on scroll. Reduced motion is respected site-wide.
Events
Lists sort by Start date. Upcoming shows events whose End date is today or later; Past shows the rest, newest first.
Images
Every content image has alt text. Event photos are 16:10 on cards and wide on detail pages.
Headings
One H1 per page. Section headings are H2, cards H3. Pick the tag for structure and the style for size.