8 Jun 2026

Image-Led Feature

A more editorial layout driven by ordinary Markdown and photo shortcodes.

The same archive-friendly source can support a page that feels much more designed. This sample uses a presentation value in front matter, then CSS changes the spacing, media treatment, quote styling, and section rhythm.

Stone path leading through a green temple garden. — A quiet temple path bordered by trees.

A Stronger Visual Rhythm

The Markdown still uses normal headings and paragraphs. The difference is that the template adds a class based on front matter, and the stylesheet treats this post as an image-led feature.

The post source remains plain, but the rendered page can still feel deliberate, spacious, and visual.

Patterned garden stones with low green shrubs beside a temple wall. — Garden stones and clipped shrubs beside the temple.

This is the useful boundary: the content names the records and sequence; the site decides how that sequence should look.

Markdown source


The same archive-friendly source can support a page that feels much more
designed. This sample uses a `presentation` value in front matter, then CSS
changes the spacing, media treatment, quote styling, and section rhythm.

{{< photo id="ph_01JBE94KB7S9YV4RF3E6CMT2NQ" >}}

## A Stronger Visual Rhythm

The Markdown still uses normal headings and paragraphs. The difference is that
the template adds a class based on front matter, and the stylesheet treats this
post as an image-led feature.

> The post source remains plain, but the rendered page can still feel deliberate,
> spacious, and visual.

{{< gallery ids="ph_01JBE94KB7S9YV4RF3E6CMT2NQ,ph_01JBE95Q3ZFA2WP9K6N5TD8V7B" >}}

This is the useful boundary: the content names the records and sequence; the
site decides how that sequence should look.