Ochre Kite Weekender 2026
Gates open at 11am on Saturday. Bring a printed or{' '}
mobile ticket, and press Ctrl + P to
print yours.
What to bring
-
Photo ID for the bar
- A licence or passport
- A proof of age card
- Sunscreen and a refillable bottle
Re-entry closes at 9pm.
Set data-ticket on the scanner link to open the right wallet.
{`curl https://example.com/tickets/ochre-kite`}
Questions go to the festival help desk.
```
Element rules sit inside `:where()` in the components layer. A utility on a
child, such as `text-subtle` on a paragraph, always wins over the sheet.
## Rhythm
Space only goes above an element, never below, so a block's first child sits
flush with the top of its container. Every gap is a multiple of
`--prose-flow`, which is `1.25em` by default. The property is registered, so
the `em` resolves once, at the prose body size, and a larger heading doesn't
bring a larger gap. Space above a heading runs from 1.2 flows for `h5` and `h6`
to 3 flows for `h1`, and the block after it sits half a flow below, so each
heading reads as part of the section it opens.
## Measure
Each direct child of `.prose` is capped at `--prose-measure`, which is `65ch`
by default. The property is registered, so `ch` resolves once, at the prose
body size, rather than at each heading's size. Set it to another length to
change the cap, or to `none` to remove it.
Add `.prose-bleed` to a direct child that should span the full width, such as
a wide image or a table.
```tsx
This paragraph stops at the measure, which this example sets to 32ch so the
cap shows in a narrow preview.
This paragraph has the bleed class, so it runs the full width of its
container.
```
## Tables
Tables shrink to fit their content. Wrap a table that might be wider than its
container in `.prose-scroll`, which scrolls sideways instead of overflowing
the page. Each column in a scrolling table stays at least 9em wide, so when
the columns can't all fit, the table scrolls rather than squeezing text to a
word or two a line. A long cell wraps at the prose measure. Inline code in a
scrolling table stays on one line, so a token such as `rounded-sm` never
splits. Outside `.prose-scroll`, inline code still breaks where it must, so the
table fits its column.
The [Prose component](https://ticketsolutionsptyltd.github.io/roadie/components/prose.md#tables) wraps bare tables in
`.prose-scroll` for you, and makes each one reachable with the keyboard while it
overflows. With the class alone, use
[`useScrollRegion`](https://ticketsolutionsptyltd.github.io/roadie/components/prose.md#usescrollregion) for that.
```tsx