Blocks GalleryLongform

Longform

Editorial long-form reading kit: drop caps, epigraphs, footnotes, chapter dividers, series nav, anchors, accordions, tabs, callouts, asides, key facts, image grids, data tables, spoilers, and cross-links.

16 blocks · 44 variants

Drop Cap

longformDropCap

Decorative opening letter for article leads, with optional accent color.

Standard

STANDARD
Every map is also a theory of the world — a set of propositions about what matters, what can be measured, and what may safely be forgotten. The cartographer's omissions are never innocent. When Mercator unrolled his projection in 1569, he was not merely distorting coastlines; he was arguing, in the language of geometry, that some regions deserve to loom larger than others. Navigation won. Proportion lost.

Accent Colored

ACCENT_COLORED
Bioluminescence is the language of the deep — a syntax of cold light spoken in pulses and silences, legible only to those creatures willing to descend past the last thermocline into permanent darkness. The anglerfish dangles its lure like a punctuation mark at the end of a very long sentence. Other animals answer in kind, their bodies composing communiqués no human instrument had ever intercepted before the twentieth century.

Epigraph

longformEpigraph

Pull quote or prefatory verse set apart before a chapter or article opens.

Centered

CENTERED

To set type well is to think clearly made visible. Every letterform is a decision about what the eye deserves.

Jan TschicholdThe New Typography

Accent Border

ACCENT_BORDER

The sea has no memory. Each wave arrives without knowledge of the wave before it — which is to say, the sea is perfectly honest.

M. SorelLetters from the Shelf Break

Verse

VERSE
Light does not travel to the bottom.
It is consumed along the way,
red first, then orange, then green,
until only blue remains —
and then nothing at all.
Anon.Marginalia on a Bathymetric Chart, c. 1903

Footnotes

longformFootnotes

Inline citation list rendered at the foot of a section, optionally grouped by category.

Standard

STANDARD
  1. 1.Gutenberg completed his 42-line Bible circa 1455; fewer than 50 complete copies survive.
  2. 2.The Aldine Press, founded by Aldus Manutius in Venice (1494), pioneered italic type and the portable octavo format.
  3. 3.Caslon's first specimen sheet appeared in 1734; the face remained standard for English printers for over a century.
  4. 4.Monotype and Linotype mechanized composition in the 1880s; hand-setting of text type effectively ended for newspaper work by 1900.

Categorized

CATEGORIZED

Geography

  1. 1.The Challenger Deep, located in the Mariana Trench, reaches approximately 10,935 metres — deeper than Everest is tall.

Physics

  1. 2.Pressure at full ocean depth exceeds 1,100 atmospheres, sufficient to compress seawater by roughly 5% relative to surface volume.

Sources

  1. 3.Piccard, J. and Walsh, D. (1960). "First Descent to the Ocean Floor." National Geographic, vol. 118, pp. 224–239.
  2. 5.Cameron, J. (2012). Solo dive to Challenger Deep aboard Deepsea Challenger. Duration: 70 minutes on the seafloor.

Technical

  1. 4.The ROV Nereus was lost in 2014 at 9,990 m during a dive in the Kermadec Trench — possibly imploded by the ambient pressure.

Chapter Divider

longformChapterDivider

Visual break between major sections — ornamental rule, numbered heading, or symbol mark.

Ornamental

ORNAMENTAL

Numbered

NUMBERED
III

The Abyssal Zone

Symbol

SYMBOL

Series Nav

longformSeriesNav

Previous/next navigation for multi-part series, positioned as banner, card, or sidebar.

Anchor Section

longformAnchorSection

Linkable section heading that registers itself in the page TOC jump-nav.

Standard

STANDARD

The Sunlit Zone

From the surface to 200 metres — where almost all oceanic life is found.

Colored

COLORED

The Midnight Zone

Below 1,000 metres, sunlight ceases entirely.

Compact

COMPACT

The Abyssal Plain

Accordion

longformAccordion

Collapsible content panels for reference material, FAQs, or nested detail.

Single

SINGLE

Stacked

STACKED

Faq

FAQ

Tabbed Content

longformTabbedContent

Tabbed panels for parallel content sets — underline or pill tab style.

Underline

UNDERLINE
Gutenberg's invention of movable type circa 1450 made it economically viable to produce identical copies of a text — a revolution not in writing, but in distribution. The 42-line Bible set the visual standard: dense justification, elaborate initials, and a deliberate mimicry of the manuscript hand that would reassure a literate audience trained on scribal production.

Pill

PILL
Gutenberg's invention of movable type circa 1450 made it economically viable to produce identical copies of a text — a revolution not in writing, but in distribution. The 42-line Bible set the visual standard: dense justification, elaborate initials, and a deliberate mimicry of the manuscript hand that would reassure a literate audience trained on scribal production.

Callout

longformCallout

Highlighted aside panel keyed to tone — tactical warning, informational note, lore detail, or log entry.

Tactical

TACTICAL

Info

INFO

Lore

LORE

Log

LOG

Aside

longformAside

Marginal annotation that floats left or right of the prose column, or sits inline.

Right Overlay

RIGHT_OVERLAY

Left Overlay

LEFT_OVERLAY

Inline

INLINE

Author Aside

longformAuthorAside

Author attribution block with avatar and bio, indented or overlay-positioned.

Indented

INDENTED

Overlay

OVERLAY

Key Facts

longformKeyFacts

Scannable stat or fact list surfaced as sidebar panel, full-width strip, or compact inline row.

Sidebar

SIDEBAR
Key Depths
Maximum Depth
10,935 m
Survey Coverage
20.9%
Species Identified
~226,000
Ocean Volume
1.335 billion km³
Plastic Waste (2023 est.)
171 trillion particles

Strip

STRIP
Ocean at a Glance
10,935 m
Maximum Depth
20.9%
Survey Coverage
~226,000
Species Identified
1.335 billion km³
Ocean Volume
171 trillion particles
Plastic Waste (2023 est.)

Compact

COMPACT
Quick Reference
Maximum Depth10,935 m
Survey Coverage20.9%
Species Identified~226,000

Image Grid

longformImageGrid

Multi-image layout in two-column, three-column, asymmetric, or masonry arrangement.

Two Col

TWO_COL
demo-placeholder
Survey vessel RV Atlantis at dawn
demo-placeholder
Multibeam sonar array in deployment

Woods Hole Oceanographic Institution, 2019 expedition.

Three Col

THREE_COL
demo-placeholder
Abyssal sediment core, 1971
demo-placeholder
Challenger Deep sonar profile
demo-placeholder
Anglerfish lure, detail

Documentation from the 1971 NOVA expedition, Smithsonian Institution Archive.

Asymmetric

ASYMMETRIC
demo-placeholder
Mercator's original copper plate, 1569
demo-placeholder
Homann Heirs atlas, 1724
demo-placeholder
Detail: Terra Australis Incognita

Three objects from the Cartographic Heritage Collection, National Library.

Masonry

MASONRY
demo-placeholder
Type specimen sheet, Caslon, 1734
demo-placeholder
Linotype machine, Mergenthaler, 1886
demo-placeholder
Monotype keyboard unit
demo-placeholder
Proofing press, wooden frame
demo-placeholder
PostScript output, Apple LaserWriter, 1985

A century of composition technology. St Bride Library, London.

Data Table

longformDataTable

Structured data table — standard column layout, breakout full-width, or side-by-side comparison.

Standard

STANDARD
YearVesselDepth (m)Location
1960Trieste10,916Challenger Deep
1995Kaiko (ROV)10,911Challenger Deep
2012Deepsea Challenger10,908Challenger Deep
2019DSV Limiting Factor10,928Challenger Deep

Notable deep-sea expeditions by year and depth achieved.

Breakout

BREAKOUT
TypefaceClassificationDesignerYearOptical RangeCanonical Use
GaramondOld StyleClaude Garamondc. 15308–18 ptLong-form text
CaslonTransitionalWilliam Caslon I17346–24 ptBooks, newspapers
BodoniDidoneGiambattista Bodoni179812–72 ptDisplay, fashion
HelveticaNeo-grotesque sansMiedinger / Hoffmann19576–144 ptCorporate identity
FrutigerHumanist sansAdrian Frutiger19768–72 ptWayfinding, UI

Typeface classification — selected faces by era, designer, and optical size range.

Comparison

COMPARISON
ZoneDepth RangeLightTemperaturePressure (atm)
Epipelagic0 – 200 mFull sunlight20 – 30°C1 – 21
Mesopelagic200 – 1,000 mTwilight only5 – 20°C21 – 101
Bathypelagic1,000 – 4,000 mNone4 – 5°C101 – 401
Abyssopelagic4,000 – 6,000 mNone2 – 4°C401 – 601
Hadalpelagic6,000 m+None1 – 2°C601 – 1,100+

Depth zone comparison — characteristics and defining organisms.

Spoiler

longformSpoiler

Hidden content revealed on interaction — blurred overlay or redacted-text treatment.

Blurred

BLURRED
Contains mission spoilers
The 1891 chart was falsified. The trench runs 40 km further east than published — a discrepancy large enough to hide a submarine installation from any surface-based survey conducted with period equipment. The cartographer responsible was not dismissed. He was promoted. The corrected chart was not issued until 1967, the same year the installation was decommissioned.

Redacted Style

REDACTED_STYLE
CLASSIFIED — ADMIRALTY EYES ONLY
The survey vessel did not lose contact with the seafloor transponder array due to equipment failure. The transponders were deliberately disabled at 03:42 GMT on the fifteenth day of the expedition. The identity of the officer who issued the disabling order, and the reason recorded in the sealed log, remain under a 75-year exemption as of the date of this publication.