PlacesItinerary
note

This rune is part of @refrakt-md/places. Install with npm install @refrakt-md/places and add "@refrakt-md/places" to the plugins array in your refrakt.config.json.

Itinerary

Day-by-day travel itineraries. H2 headings become days, and H3 headings with a "time — location" pattern are parsed into timed stops. Content below each stop becomes the stop description.

Basic usage

Use H2 headings for days and "time — location" headings for individual stops.

{% itinerary variant="day-by-day" %}
## Day 1 — Arrival

### 9:00 AM — Narita Airport

Clear customs and pick up your Japan Rail Pass at the JR counter.

### 12:00 PM — Shinjuku

Check in to the hotel and grab lunch at a nearby ramen shop.

### 6:00 PM — Shibuya

Explore the famous crossing and have dinner in the area.

## Day 2 — Temples & Gardens

### 8:00 AM — Meiji Shrine

Start the day with a peaceful walk through the shrine grounds.

### 11:00 AM — Harajuku

Browse Takeshita Street and the backstreet boutiques.
{% /itinerary %}
<section data-field="content-section" data-rune="itinerary" typeof="ItemList" data-rune-fields="{&quot;variant&quot;:&quot;day-by-day&quot;,&quot;direction&quot;:&quot;vertical&quot;}">
  <div data-name="days">
    <article data-field="day" data-rune="itinerary-day" data-rune-fields="{&quot;date&quot;:&quot;&quot;}">
      <h3 data-field="label">Day 1 — Arrival</h3>
      <ol data-name="stops">
        <li data-field="stop" data-rune="itinerary-stop" data-rune-fields="{&quot;duration&quot;:&quot;&quot;,&quot;activity&quot;:&quot;&quot;,&quot;lat&quot;:&quot;&quot;,&quot;lng&quot;:&quot;&quot;}">
          <time data-field="time">9:00 AM</time>
          <span data-field="location">Narita Airport</span>
          <div data-name="body">
            <p>Clear customs and pick up your Japan Rail Pass at the JR counter.</p>
          </div>
        </li>
        <li data-field="stop" data-rune="itinerary-stop" data-rune-fields="{&quot;duration&quot;:&quot;&quot;,&quot;activity&quot;:&quot;&quot;,&quot;lat&quot;:&quot;&quot;,&quot;lng&quot;:&quot;&quot;}">
          <time data-field="time">12:00 PM</time>
          <span data-field="location">Shinjuku</span>
          <div data-name="body">
            <p>Check in to the hotel and grab lunch at a nearby ramen shop.</p>
          </div>
        </li>
        <li data-field="stop" data-rune="itinerary-stop" data-rune-fields="{&quot;duration&quot;:&quot;&quot;,&quot;activity&quot;:&quot;&quot;,&quot;lat&quot;:&quot;&quot;,&quot;lng&quot;:&quot;&quot;}">
          <time data-field="time">6:00 PM</time>
          <span data-field="location">Shibuya</span>
          <div data-name="body">
            <p>Explore the famous crossing and have dinner in the area.</p>
          </div>
        </li>
      </ol>
    </article>
    <article data-field="day" data-rune="itinerary-day" data-rune-fields="{&quot;date&quot;:&quot;&quot;}">
      <h3 data-field="label">Day 2 — Temples &amp; Gardens</h3>
      <ol data-name="stops">
        <li data-field="stop" data-rune="itinerary-stop" data-rune-fields="{&quot;duration&quot;:&quot;&quot;,&quot;activity&quot;:&quot;&quot;,&quot;lat&quot;:&quot;&quot;,&quot;lng&quot;:&quot;&quot;}">
          <time data-field="time">8:00 AM</time>
          <span data-field="location">Meiji Shrine</span>
          <div data-name="body">
            <p>Start the day with a peaceful walk through the shrine grounds.</p>
          </div>
        </li>
        <li data-field="stop" data-rune="itinerary-stop" data-rune-fields="{&quot;duration&quot;:&quot;&quot;,&quot;activity&quot;:&quot;&quot;,&quot;lat&quot;:&quot;&quot;,&quot;lng&quot;:&quot;&quot;}">
          <time data-field="time">11:00 AM</time>
          <span data-field="location">Harajuku</span>
          <div data-name="body">
            <p>Browse Takeshita Street and the backstreet boutiques.</p>
          </div>
        </li>
      </ol>
    </article>
  </div>
</section>

Day 1 — Arrival

  1. Narita Airport

    Clear customs and pick up your Japan Rail Pass at the JR counter.

  2. Shinjuku

    Check in to the hotel and grab lunch at a nearby ramen shop.

  3. Shibuya

    Explore the famous crossing and have dinner in the area.

Day 2 — Temples & Gardens

  1. Meiji Shrine

    Start the day with a peaceful walk through the shrine grounds.

  2. Harajuku

    Browse Takeshita Street and the backstreet boutiques.

<section data-field="content-section" typeof="ItemList" class="rf-itinerary rf-itinerary--day-by-day rf-itinerary--vertical" data-variant="day-by-day" data-direction="vertical" data-elevation="flat" data-rune="itinerary" data-density="full">
  <div data-name="days" class="rf-itinerary__days">
    <article data-field="day" class="rf-itinerary-day" data-rune="itinerary-day" data-density="full">
      <h3 data-field="label" data-name="header" class="rf-itinerary-day__header">Day 1 — Arrival</h3>
      <ol data-name="stops" class="rf-itinerary-day__stops" data-sequence="connected">
        <li data-field="stop" class="rf-itinerary-stop" data-activity="" data-duration="" data-rune="itinerary-stop" data-density="full">
          <time data-field="time" data-name="time" class="rf-itinerary-stop__time">9:00 AM</time>
          <span data-field="location" data-name="location" class="rf-itinerary-stop__location">Narita Airport</span>
          <div data-name="body" class="rf-itinerary-stop__body" data-section="body">
            <p>Clear customs and pick up your Japan Rail Pass at the JR counter.</p>
          </div>
        </li>
        <li data-field="stop" class="rf-itinerary-stop" data-activity="" data-duration="" data-rune="itinerary-stop" data-density="full">
          <time data-field="time" data-name="time" class="rf-itinerary-stop__time">12:00 PM</time>
          <span data-field="location" data-name="location" class="rf-itinerary-stop__location">Shinjuku</span>
          <div data-name="body" class="rf-itinerary-stop__body" data-section="body">
            <p>Check in to the hotel and grab lunch at a nearby ramen shop.</p>
          </div>
        </li>
        <li data-field="stop" class="rf-itinerary-stop" data-activity="" data-duration="" data-rune="itinerary-stop" data-density="full">
          <time data-field="time" data-name="time" class="rf-itinerary-stop__time">6:00 PM</time>
          <span data-field="location" data-name="location" class="rf-itinerary-stop__location">Shibuya</span>
          <div data-name="body" class="rf-itinerary-stop__body" data-section="body">
            <p>Explore the famous crossing and have dinner in the area.</p>
          </div>
        </li>
      </ol>
    </article>
    <article data-field="day" class="rf-itinerary-day" data-rune="itinerary-day" data-density="full">
      <h3 data-field="label" data-name="header" class="rf-itinerary-day__header">Day 2 — Temples &amp; Gardens</h3>
      <ol data-name="stops" class="rf-itinerary-day__stops" data-sequence="connected">
        <li data-field="stop" class="rf-itinerary-stop" data-activity="" data-duration="" data-rune="itinerary-stop" data-density="full">
          <time data-field="time" data-name="time" class="rf-itinerary-stop__time">8:00 AM</time>
          <span data-field="location" data-name="location" class="rf-itinerary-stop__location">Meiji Shrine</span>
          <div data-name="body" class="rf-itinerary-stop__body" data-section="body">
            <p>Start the day with a peaceful walk through the shrine grounds.</p>
          </div>
        </li>
        <li data-field="stop" class="rf-itinerary-stop" data-activity="" data-duration="" data-rune="itinerary-stop" data-density="full">
          <time data-field="time" data-name="time" class="rf-itinerary-stop__time">11:00 AM</time>
          <span data-field="location" data-name="location" class="rf-itinerary-stop__location">Harajuku</span>
          <div data-name="body" class="rf-itinerary-stop__body" data-section="body">
            <p>Browse Takeshita Street and the backstreet boutiques.</p>
          </div>
        </li>
      </ol>
    </article>
  </div>
</section>

Single-day itinerary

Without H2 headings, all stops are grouped into a single implicit day.

{% itinerary %}
### 10:00 AM — Museum of Modern Art

Spend the morning exploring the permanent collection.

### 1:00 PM — Central Park

Picnic lunch on the Great Lawn.

### 3:00 PM — Times Square

Walk through the theater district.
{% /itinerary %}
<section data-field="content-section" data-rune="itinerary" typeof="ItemList" data-rune-fields="{&quot;variant&quot;:&quot;day-by-day&quot;,&quot;direction&quot;:&quot;vertical&quot;}">
  <div data-name="days">
    <article data-field="day" data-rune="itinerary-day" data-rune-fields="{&quot;date&quot;:&quot;&quot;}">
      <h3 data-field="label"></h3>
      <ol data-name="stops">
        <li data-field="stop" data-rune="itinerary-stop" data-rune-fields="{&quot;duration&quot;:&quot;&quot;,&quot;activity&quot;:&quot;&quot;,&quot;lat&quot;:&quot;&quot;,&quot;lng&quot;:&quot;&quot;}">
          <time data-field="time">10:00 AM</time>
          <span data-field="location">Museum of Modern Art</span>
          <div data-name="body">
            <p>Spend the morning exploring the permanent collection.</p>
          </div>
        </li>
        <li data-field="stop" data-rune="itinerary-stop" data-rune-fields="{&quot;duration&quot;:&quot;&quot;,&quot;activity&quot;:&quot;&quot;,&quot;lat&quot;:&quot;&quot;,&quot;lng&quot;:&quot;&quot;}">
          <time data-field="time">1:00 PM</time>
          <span data-field="location">Central Park</span>
          <div data-name="body">
            <p>Picnic lunch on the Great Lawn.</p>
          </div>
        </li>
        <li data-field="stop" data-rune="itinerary-stop" data-rune-fields="{&quot;duration&quot;:&quot;&quot;,&quot;activity&quot;:&quot;&quot;,&quot;lat&quot;:&quot;&quot;,&quot;lng&quot;:&quot;&quot;}">
          <time data-field="time">3:00 PM</time>
          <span data-field="location">Times Square</span>
          <div data-name="body">
            <p>Walk through the theater district.</p>
          </div>
        </li>
      </ol>
    </article>
  </div>
</section>

  1. Museum of Modern Art

    Spend the morning exploring the permanent collection.

  2. Central Park

    Picnic lunch on the Great Lawn.

  3. Times Square

    Walk through the theater district.

<section data-field="content-section" typeof="ItemList" class="rf-itinerary rf-itinerary--day-by-day rf-itinerary--vertical" data-variant="day-by-day" data-direction="vertical" data-elevation="flat" data-rune="itinerary" data-density="full">
  <div data-name="days" class="rf-itinerary__days">
    <article data-field="day" class="rf-itinerary-day" data-rune="itinerary-day" data-density="full">
      <h3 data-field="label" data-name="header" class="rf-itinerary-day__header"></h3>
      <ol data-name="stops" class="rf-itinerary-day__stops" data-sequence="connected">
        <li data-field="stop" class="rf-itinerary-stop" data-activity="" data-duration="" data-rune="itinerary-stop" data-density="full">
          <time data-field="time" data-name="time" class="rf-itinerary-stop__time">10:00 AM</time>
          <span data-field="location" data-name="location" class="rf-itinerary-stop__location">Museum of Modern Art</span>
          <div data-name="body" class="rf-itinerary-stop__body" data-section="body">
            <p>Spend the morning exploring the permanent collection.</p>
          </div>
        </li>
        <li data-field="stop" class="rf-itinerary-stop" data-activity="" data-duration="" data-rune="itinerary-stop" data-density="full">
          <time data-field="time" data-name="time" class="rf-itinerary-stop__time">1:00 PM</time>
          <span data-field="location" data-name="location" class="rf-itinerary-stop__location">Central Park</span>
          <div data-name="body" class="rf-itinerary-stop__body" data-section="body">
            <p>Picnic lunch on the Great Lawn.</p>
          </div>
        </li>
        <li data-field="stop" class="rf-itinerary-stop" data-activity="" data-duration="" data-rune="itinerary-stop" data-density="full">
          <time data-field="time" data-name="time" class="rf-itinerary-stop__time">3:00 PM</time>
          <span data-field="location" data-name="location" class="rf-itinerary-stop__location">Times Square</span>
          <div data-name="body" class="rf-itinerary-stop__body" data-section="body">
            <p>Walk through the theater district.</p>
          </div>
        </li>
      </ol>
    </article>
  </div>
</section>

Attributes

itinerary

AttributeTypeRequiredDescription
variantstringLayout style for the itinerary (e.g. "day-by-day").
directionstringFlow direction of the timeline: vertical or horizontal.

Universal attributes

bg

The background layer (SPEC-088): image, video, gradient, flat overlay wash and legibility scrim, in a single injected layer behind the rune's content.

AttributeTypeRequiredDescription
bgstringBackground preset applied to this block
bg-fromstringGradient start colour — a semantic token name (→ var(--rf-color-*))
bg-gradient"to-t" | "to-b" | "to-l" | "to-r" | "to-tr" | "to-br" | "to-bl" | "to-tl"Gradient direction (bounded named set)
bg-gradient-type"linear" | "radial" | "conic"Gradient type
bg-tostringGradient end colour — a semantic token name
bg-viastringOptional middle gradient stop — a semantic token name
scrim"top" | "bottom" | "left" | "right" | "none"Scrim direction (heaviest edge); presence turns the scrim on, "none" opts out of the default cover scrim
scrim-blur"none" | "sm" | "md" | "lg"Frost scrim blur amount
scrim-strength"sm" | "md" | "lg"Gradient scrim strength
scrim-tone"dark" | "light"Whether the scrim darkens (for light text) or lightens (for dark text)
scrim-type"gradient" | "frost"Scrim treatment: gradient (default) or frost (backdrop blur)
elevation

The chrome/depth ladder (SPEC-107). The skin maps each rung to a chrome bundle by attribute, so there is no BEM class.

AttributeTypeRequiredDescription
elevation"sunken" | "flush" | "flat" | "raised" | "floating" | "overlay" | "none" | "sm" | "md" | "lg"Surface depth on the SPEC-107 ladder (sunken→overlay); none/sm/md/lg are deprecated aliases
inset

Internal padding override.

AttributeTypeRequiredDescription
inset"flush" | "tight" | "default" | "loose" | "breathe"Inner padding of this block
motion

Scroll-reveal entrance (SPEC-105). The author declares the character, the theme owns the choreography, a behaviour owns the timing.

AttributeTypeRequiredDescription
reveal"none" | "fade" | "slide" | "scale" | "blur"Scroll-reveal entrance character (none|fade|slide|scale|blur); the theme owns the choreography
staggerbooleanCascade this block's items in as it reveals (no-op on single-child runes)
prominence

Header emphasis (SPEC-107). Scales a rune's page-section header; the skin maps it to a type register by attribute, so there is no BEM class.

AttributeTypeRequiredDescription
prominence"quiet" | "normal" | "prominent" | "display"Section-header emphasis (only on page-section-header family runes)
spacing

Block-level rhythm override.

AttributeTypeRequiredDescription
spacing"flush" | "tight" | "default" | "loose" | "breathe"Vertical spacing above and below this block
substrate

Generated pattern fills (SPEC-087). Markers only — the engine sets the attributes and cell/opacity custom properties, CSS draws the pattern.

AttributeTypeRequiredDescription
substrate"dots" | "grid" | "lines" | "cross" | "checker" | "none"Generated surface pattern
substrate-fill"inherit" | "inset"Surface fill the pattern sits on (full colour stays with tint)
substrate-opacity"sm" | "md" | "lg"Pattern ink strength
substrate-size"sm" | "md" | "lg"Pattern cell size
substrate-target"self" | "media"Which surface the pattern fills (overrides the rune/theme default)
tint

Per-rune colour override (SPEC-053): a named tint from the theme registry, with inline per-token overrides layered on top.

AttributeTypeRequiredDescription
tintstringColor tint preset applied to this block
tint-mode"auto" | "dark" | "light"Whether the tint adapts to auto, dark, or light mode
width

The track a block rune occupies.

AttributeTypeRequiredDescription
width"compact" | "narrow" | "content" | "wide" | "full"Maximum width constraint for this block
Not availableWhy
dropcap, readingthis rune declares no prose body
framethis rune declares neither a `frameTarget` nor a media section

itinerary-day

AttributeTypeRequiredDescription
labelstringDisplay label for this day (e.g. "Day 1 — Arrival").
datestringCalendar date for this day of the itinerary.

Universal attributes

bg

The background layer (SPEC-088): image, video, gradient, flat overlay wash and legibility scrim, in a single injected layer behind the rune's content.

AttributeTypeRequiredDescription
bgstringBackground preset applied to this block
bg-fromstringGradient start colour — a semantic token name (→ var(--rf-color-*))
bg-gradient"to-t" | "to-b" | "to-l" | "to-r" | "to-tr" | "to-br" | "to-bl" | "to-tl"Gradient direction (bounded named set)
bg-gradient-type"linear" | "radial" | "conic"Gradient type
bg-tostringGradient end colour — a semantic token name
bg-viastringOptional middle gradient stop — a semantic token name
scrim"top" | "bottom" | "left" | "right" | "none"Scrim direction (heaviest edge); presence turns the scrim on, "none" opts out of the default cover scrim
scrim-blur"none" | "sm" | "md" | "lg"Frost scrim blur amount
scrim-strength"sm" | "md" | "lg"Gradient scrim strength
scrim-tone"dark" | "light"Whether the scrim darkens (for light text) or lightens (for dark text)
scrim-type"gradient" | "frost"Scrim treatment: gradient (default) or frost (backdrop blur)
elevation

The chrome/depth ladder (SPEC-107). The skin maps each rung to a chrome bundle by attribute, so there is no BEM class.

AttributeTypeRequiredDescription
elevation"sunken" | "flush" | "flat" | "raised" | "floating" | "overlay" | "none" | "sm" | "md" | "lg"Surface depth on the SPEC-107 ladder (sunken→overlay); none/sm/md/lg are deprecated aliases
inset

Internal padding override.

AttributeTypeRequiredDescription
inset"flush" | "tight" | "default" | "loose" | "breathe"Inner padding of this block
motion

Scroll-reveal entrance (SPEC-105). The author declares the character, the theme owns the choreography, a behaviour owns the timing.

AttributeTypeRequiredDescription
reveal"none" | "fade" | "slide" | "scale" | "blur"Scroll-reveal entrance character (none|fade|slide|scale|blur); the theme owns the choreography
staggerbooleanCascade this block's items in as it reveals (no-op on single-child runes)
spacing

Block-level rhythm override.

AttributeTypeRequiredDescription
spacing"flush" | "tight" | "default" | "loose" | "breathe"Vertical spacing above and below this block
substrate

Generated pattern fills (SPEC-087). Markers only — the engine sets the attributes and cell/opacity custom properties, CSS draws the pattern.

AttributeTypeRequiredDescription
substrate"dots" | "grid" | "lines" | "cross" | "checker" | "none"Generated surface pattern
substrate-fill"inherit" | "inset"Surface fill the pattern sits on (full colour stays with tint)
substrate-opacity"sm" | "md" | "lg"Pattern ink strength
substrate-size"sm" | "md" | "lg"Pattern cell size
substrate-target"self" | "media"Which surface the pattern fills (overrides the rune/theme default)
tint

Per-rune colour override (SPEC-053): a named tint from the theme registry, with inline per-token overrides layered on top.

AttributeTypeRequiredDescription
tintstringColor tint preset applied to this block
tint-mode"auto" | "dark" | "light"Whether the tint adapts to auto, dark, or light mode
width

The track a block rune occupies.

AttributeTypeRequiredDescription
width"compact" | "narrow" | "content" | "wide" | "full"Maximum width constraint for this block
Not availableWhy
dropcap, readingthis rune declares no prose body
framethis rune declares neither a `frameTarget` nor a media section
prominencethis rune has no page-section header

itinerary-stop

AttributeTypeRequiredDescription
timestringScheduled time for this stop (e.g. "9:00 AM").
locationstringName of the place or venue for this stop.
durationstringHow long to spend at this stop (e.g. "2 hours").
activitystringType of activity at this stop (e.g. "sightseeing", "dining").
latstringLatitude coordinate for placing this stop on a map.
lngstringLongitude coordinate for placing this stop on a map.

Universal attributes

bg

The background layer (SPEC-088): image, video, gradient, flat overlay wash and legibility scrim, in a single injected layer behind the rune's content.

AttributeTypeRequiredDescription
bgstringBackground preset applied to this block
bg-fromstringGradient start colour — a semantic token name (→ var(--rf-color-*))
bg-gradient"to-t" | "to-b" | "to-l" | "to-r" | "to-tr" | "to-br" | "to-bl" | "to-tl"Gradient direction (bounded named set)
bg-gradient-type"linear" | "radial" | "conic"Gradient type
bg-tostringGradient end colour — a semantic token name
bg-viastringOptional middle gradient stop — a semantic token name
scrim"top" | "bottom" | "left" | "right" | "none"Scrim direction (heaviest edge); presence turns the scrim on, "none" opts out of the default cover scrim
scrim-blur"none" | "sm" | "md" | "lg"Frost scrim blur amount
scrim-strength"sm" | "md" | "lg"Gradient scrim strength
scrim-tone"dark" | "light"Whether the scrim darkens (for light text) or lightens (for dark text)
scrim-type"gradient" | "frost"Scrim treatment: gradient (default) or frost (backdrop blur)
dropcap

Per-instance drop-cap opt-in (SPEC-108).

AttributeTypeRequiredDescription
dropcapbooleanStyle the opening letter of a prose body as a drop cap (SPEC-108). Honoured only when the body reads as prose; ignored otherwise.
elevation

The chrome/depth ladder (SPEC-107). The skin maps each rung to a chrome bundle by attribute, so there is no BEM class.

AttributeTypeRequiredDescription
elevation"sunken" | "flush" | "flat" | "raised" | "floating" | "overlay" | "none" | "sm" | "md" | "lg"Surface depth on the SPEC-107 ladder (sunken→overlay); none/sm/md/lg are deprecated aliases
inset

Internal padding override.

AttributeTypeRequiredDescription
inset"flush" | "tight" | "default" | "loose" | "breathe"Inner padding of this block
motion

Scroll-reveal entrance (SPEC-105). The author declares the character, the theme owns the choreography, a behaviour owns the timing.

AttributeTypeRequiredDescription
reveal"none" | "fade" | "slide" | "scale" | "blur"Scroll-reveal entrance character (none|fade|slide|scale|blur); the theme owns the choreography
staggerbooleanCascade this block's items in as it reveals (no-op on single-child runes)
reading

Editorial register for body text (SPEC-108). The author picks the register; the theme owns the magnitude.

AttributeTypeRequiredDescription
reading"fine" | "ui" | "prose"Reading register for this block’s body (SPEC-108): fine | ui | prose. The theme owns the editorial treatment.
spacing

Block-level rhythm override.

AttributeTypeRequiredDescription
spacing"flush" | "tight" | "default" | "loose" | "breathe"Vertical spacing above and below this block
substrate

Generated pattern fills (SPEC-087). Markers only — the engine sets the attributes and cell/opacity custom properties, CSS draws the pattern.

AttributeTypeRequiredDescription
substrate"dots" | "grid" | "lines" | "cross" | "checker" | "none"Generated surface pattern
substrate-fill"inherit" | "inset"Surface fill the pattern sits on (full colour stays with tint)
substrate-opacity"sm" | "md" | "lg"Pattern ink strength
substrate-size"sm" | "md" | "lg"Pattern cell size
substrate-target"self" | "media"Which surface the pattern fills (overrides the rune/theme default)
tint

Per-rune colour override (SPEC-053): a named tint from the theme registry, with inline per-token overrides layered on top.

AttributeTypeRequiredDescription
tintstringColor tint preset applied to this block
tint-mode"auto" | "dark" | "light"Whether the tint adapts to auto, dark, or light mode
width

The track a block rune occupies.

AttributeTypeRequiredDescription
width"compact" | "narrow" | "content" | "wide" | "full"Maximum width constraint for this block
Not availableWhy
framethis rune declares neither a `frameTarget` nor a media section
prominencethis rune has no page-section header

Day attributes

AttributeTypeDefaultDescription
labelstringDay label (parsed from H2 heading)
datestringDate information

Stop attributes

AttributeTypeDefaultDescription
timestringTime of the stop (parsed from heading text before )
locationstringLocation name (parsed from heading text after )
durationstringHow long spent at this location
activitystringActivity name
latstringLatitude coordinate
lngstringLongitude coordinate

Section header

Itinerary supports an optional eyebrow, headline, and blurb above the section above itinerary stops. Place a short paragraph or heading before the main content to use them. See Page sections for the full syntax.