# Weekly class ribbon

> A studio programme hangs three recurring classes from one continuous top rail. Large day marks and different drops lead to session details, times, prices and individual booking links. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/listings-week-ribbon.html
Section: Listings
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: button, buttons, column, columns, group, heading, paragraph
Keywords: classes, weekly, programme, studio

## Variations (2)

### Hanging sessions (the default)

Identical markup in every theme.

Your theme’s ground, text, type and button treatment, with the composition and spacing retained.

### Lilac and pine

This variation states its own colours and states its own type: identical in every theme.

Lilac ground #EEE5F4, deep pine-black ink #263128 and pine accent #315C46; Arial throughout, with square pine booking buttons.


---

## The signature moment: the sessions hang below one continuous week rail

Three touching top rules become one week rail. The sessions hang from left-hand stems at unequal depths, with a time tab at each foot. On a phone the days retain Monday, Wednesday, Saturday reading order and each rule becomes a fresh anchor.

## What it inherits from your theme

The Core payload uses the theme’s base and contrast chains, currentColor rules, its typefaces and heading ladder. Text is intended for 4.5:1 contrast, or 3:1 at large display sizes; the rendered checks measure the actual pairs. Headings and links follow the root painter. The inherited Core payload is the theme route for this composition.

## Display type

Day marks use clamp(2.25rem, 4vw, 4rem), deliberately separate from the heading ladder. Time tabs and labels use 15px. The session descriptions take medium.

## The Styled look

Lilac ground #EEE5F4, deep pine-black ink #263128 and pine accent #315C46; Arial throughout, with square pine booking buttons. Every button is deliberately filled or underlined, with its own padding. The root states a 400 body weight.

## What to change first

Replace the fictional Fieldroom Studio programme, times, session prices and the booking destinations. These are recurring weekly classes, without date-specific availability claims.

Core blocks only. No script, custom CSS, font file or required plugin.