1.8 Editorial & Visual Layouts

Standard Garden is not only for prose—it is a sanctuary for photographers, designers, and visual essayists fleeing the compression, noise, and algorithmic degradation of traditional social networks.

Here, images are treated with the same reverence as literature. The layout engine provides magazine-grade aesthetics directly from plain Markdown, without requiring raw HTML, complex styling classes, or specialized site builders.

1. Implicit Grids: Diptychs & Triptychs

You can create balanced, side-by-side gallery rows simply through natural Markdown formatting:

  • Isolated Image (Single Reading Column): When an image is placed on its own paragraph, it automatically centers within the optimal reading measure of the essay.
  • Diptychs and Triptychs (Side-by-Side Grid): To place two or three images together on a single horizontal row, simply write their Markdown links on consecutive lines without empty lines between them:
![Morning mist in the valley](/images/mist.jpg)
![Sunlight through the pines](/images/pines.jpg)

Automatic Height Equalization & Zero Cropping

Unlike social media platforms that force your photographs into aggressive square or 4:5 crops, Standard Garden calculates the relative aspect ratios of your images in real time:

  • The heights of adjacent images are equalized mathematically across the row.
  • Authentic Composition: Vertical portraits, wide horizontal landscapes, and panoramic ratios maintain their true framing without a single pixel cropped.
  • Responsive Mobile Collapse: When viewed on narrow smartphone screens, the multi-column diptych smoothly reflows into a single vertical sequence to preserve visual comfort and readability.

2. Cinematic Impact: The ::hero Syntax

For major milestones, travelogues, or opening photo-essays that demand a breathtaking breath of scale, you can break images out of the standard reading column into a full-bleed presentation.

Precede any image paragraph with the ::hero directive:

<div class="hero">

![The jagged cliffs of the Atlantic coast](/images/atlantic-cliffs.jpg)

The photograph extends across the entire width of the reader’s viewport (full bleed), providing an immersive visual pause before returning gently to the typographic rhythm of your text.

3. Immersive Lightbox & High-Definition Client Delivery

Standard Garden transforms your published notes into an elegant client delivery gallery, offering a human and tactile alternative to cold cloud folders like WeTransfer, Dropbox, or Google Drive.

1. Distraction-Free Lightbox

When a reader clicks or taps any photograph in your garden:

  • The page background softly dims and blurs with an architectural frosted-glass overlay.
  • The image renders at full resolution, allowing the viewer to appreciate delicate texture, grain, and color fidelity without interface clutter.

2. High-Resolution Download Button

For wedding photographers, architectural studios, and artists delivering commissioned work to clients or family:

  • An optional, discreet download icon is integrated into the expanded lightbox view.
  • Clients can effortlessly retrieve the original high-resolution master file directly from the photo-essay.
  • The Experience: Delivering a creative project becomes a memorable, narrative storybook rather than an impersonal archive link.

4. Art Direction & Theme Tokens for Visuals

You can tailor the visual atmosphere of each individual gallery or note using frontmatter design tokens:

---
title: "The Silent Forest: Autumn Studies"
theme: exhibit
color-light-accent: "#c25e2e"
font-header: "Playfair Display, serif"
visibility: public
publish: true
---
  • exhibit: Minimalist, quiet typography that recedes into the background to let photographs speak with museum-grade authority.
  • carnel / forest: Organic, warm, and tactile paper tones, ideal for nature photography and field journals.
  • construct / international: Rigorous Swiss modernist grid with crisp geometric clarity, tailored for architecture and industrial design portfolios.

See Also

Are you absolutely sure?

This action cannot be undone.