Blocks GalleryContent Writer

Content Writer

Blog and archive listings, post heroes, related posts, and the editorial long-form set (opener, bridge, sidenote, figure, colophon, footnotes).

10 blocks · 24 variants

Blog

blog

Renders an optional heading/richtext header and a "View All" link row for a blog section. The collection query, category filter, sort, and manual-selection fields are captured but not rendered by this block yet — post cards are left to the consuming site's data layer (see the comment in `Blog.tsx`).

Default

Blog feed with card grid — headline, excerpt, featured image, and metadata.

default

The Foldline Journal

Editorial

Magazine-style blog feed — large lead post plus secondary list below.

editorial

From the Editor

Dark

Dark surface blog card grid with muted-text excerpts.

dark

Latest Dispatches

Minimal List

Single-column date-ordered list — title and category only, no imagery.

minimal-list

Recent Writing

Archive

archive

Display a manually selected set of documents. The "collection" (query-driven) mode is not yet implemented — it renders nothing until a live collection query is wired in.

Default

Post/document archive grid with intro content and collection filter.

default

Selected Work

Brand identity, packaging, and web design projects from Alder & Finch to Kestrel Outdoor — the full Northlight Studio portfolio.

Editorial

Typographic list archive — large headlines, minimal chrome.

editorial

Case Studies

Identity systems, packaging, and web design for brands that mean it — 120+ launches since 2013, collected here in order of publication.

Dark

Dark surface card grid archive.

dark

Browse the full Northlight Studio project archive.

Compact List

Dense single-column list archive — date, title, and excerpt only, no card chrome.

compact-list

All client work, newest first.

Post Hero

post-hero

VNGD post header with SITREP tactical styling, classification badge, author callsign, and accent-colored category tag

Default

Tactical SITREP header with classification badge, category tag, and metadata strip.

default
GUIDESPUBLIC
Postbox Team6 min read

Editorial

Clean typographic post header — large headline, kicker, and byline only, no tactical chrome.

editorial
PRODUCTPUBLIC
Jordan Vance4 min read

Editorial Opener

editorial-opener

Full-bleed hero with asymmetric text placement, kicker, byline, and integrated media

Default

Full-bleed hero with asymmetric text and media — the standard editorial opener.

default
Behind the Itinerary

How Fernway Designs a Trip Around How You Actually Travel

Every Fernway trip starts with a conversation, not a template — here is what that process actually looks like from first call to final day.

Split

Side-by-side headline and hero image at equal weight — editorial magazine grid.

split
Trip Journal

Nine Days on Portugal's Alentejo Coast

A custom itinerary built around slow mornings, empty beaches, and the kind of small-town lunch you can only find by asking a local.

Editorial Bridge

editorial-bridge

Structural pause with viewport-relative height and optional centered content

Default

Structural pause — empty breath between major sections.

default

Dark

Inverted dark bridge — creates tonal contrast between adjacent light sections.

dark

Editorial Sidenote

editorial-sidenote

Marginal annotation aligned to a body paragraph

Default

Marginal annotation with hairline left-border, aligned to referencing paragraph.

default

Editor Note

Visually distinct editor callout with bracketed label — "[Ed. note]" treatment.

editor-note

Editorial Figure

editorial-figure

Image figure with caption, credit, breakout modes, and duotone treatment

Default

Subgrid figure with marginalia caption — the canonical editorial image layout.

default

Stress-testing seams on the Talus softshell — six days out, no failures.

Dana Ostrander

Full Bleed

Margin-to-margin full-bleed image with caption overlaid at bottom edge.

full-bleed

Field-testing the Ridgeline 45L above treeline — the switchbacks that gave the poles their name.

Dana Ostrander

Editorial Colophon

editorial-colophon

Article footer with author bio, publication metadata, and credits

Default

Article footer with author bio, avatar, publication date, and typeface credits.

default

Elena Vasquez is a Portland, Maine-based writer covering architecture and craft. This feature follows Harbor & Pine principals Sarah Lindqvist and Owen Marsh through the design and construction of the Cormorant House, from first site walk to final trim.

Published
Updated
Typefaces
Canela
Headlines
Untitled Sans
Body text
GT America Mono
Captions and metadata
Photography
Tomas Reyes
Copy Editor
Jules Ferrand

Minimal

Author name and date only — no avatar, no typeface credits, single-line treatment.

minimal

Elena Vasquez writes on residential architecture and materials-forward design for regional publications.

Published
Updated

Editorial Footnotes

editorial-footnotes

Collected footnotes with back-link anchors and display mode options

Default

Collected footnotes with sequential numbering and back-link anchors.

default

Methodology Notes

  1. 1

    Uptime figure reflects the trailing 12-month rolling average across all Lumen Analytics regions, measured at the load-balancer edge.

  2. 2

    p50 API latency of 84ms is measured from ingest request to event-write acknowledgment, excluding client-side network time.

  3. 3

    Event volume (2B+/month) is aggregated across Starter, Growth, and Scale plan tiers as of the most recent billing cycle.

  4. 4

    Anand, P. (2026). "Retention curves lie: reading cohort data past week four." Lumen Analytics Engineering Blog.

Grouped

Footnotes organized by article section — uses section headings as dividers.

grouped

Data Sources

  1. 1

    Uptime figure reflects the trailing 12-month rolling average across all Lumen Analytics regions, measured at the load-balancer edge.

  2. 2

    p50 API latency of 84ms is measured from ingest request to event-write acknowledgment, excluding client-side network time.

  3. 3

    Event volume (2B+/month) is aggregated across Starter, Growth, and Scale plan tiers as of the most recent billing cycle.

  4. 4

    Anand, P. (2026). "Retention curves lie: reading cohort data past week four." Lumen Analytics Engineering Blog.