storio
grapher

mapping the cartography of narrative

The Breath of Telling

A storiographer is not a historian. Where history demands objectivity, storiography demands presence. It is the art of mapping how stories move through the world, how they inflate with retelling, how they press against the boundaries of what can be said. Every narrative is a pressure system—stories accumulate mass, gather weight, press outward against rigid structures.

The storiographer's task is cartographic: to plot the territories where stories live, to mark the sharp angles where one narrative cuts against another, to trace the root networks of meaning that grow beneath the visible surface.

Inflated Forms

"The interface itself is swelling, bulging, straining against its container."

Typography balloons outward with exaggerated shadow stacks that simulate depth. Sections appear as puffy, pillow-like containers—rounded edges and layered shadows creating the illusion of inflated rubber or vinyl surfaces. But this softness is contradicted by sharp angular clip-paths that slice through the inflated forms like box-cutter marks through vinyl.

The color story is fired earth and dried blood: terracotta, raw sienna, burnt clay, punctuated by flashes of pale sage green from botanical elements. The mood is confrontational tenderness—a love letter written in spray paint on a greenhouse wall.

Botanical Narratives

Pressed between pages of manifestos, fern fronds and flower petals become visual metaphors for the stories we preserve. Botanical illustration speaks to time—the slow accumulation of growth, the delicate preservation of what might otherwise be forgotten.

"Each inflated element a landmark swollen with meaning."

The site is a rebellious atlas of narratives. Each section a territory to be explored, each inflated element a landmark swollen with meaning. The act of scrolling becomes an act of excavation, descending through geological strata of compressed narrative earth.

Gravity of Attention

Stories attract. Narratives have gravitational pull. The inflated elements literally strain toward the viewer's cursor as though each word is desperate to be read. Elements respond to cursor proximity with magnetic attraction behavior, subtly shifting toward the eye that finds them, gently bulging toward the cursor as if pressurized from within.

This is not a product page. There are no pricing blocks, no stat-grids, no CTA-heavy layouts. Instead, the site prioritizes narrative immersion—a sequential and linear reading journey that respects the vertical scroll as the primary mode of discovery.

Torn, Not Cut

Every section transition uses clip-path with acute angles (15-25 degrees) rather than horizontal edges. This creates a jagged, torn quality—as though each stratum was ripped rather than cut. The angles alternate direction: section to section cuts upper-right to lower-left, then upper-left to lower-right, creating a zigzag edge pattern down the entire page.

"The reading eye traces a serpentine path down the page, making the act of scrolling feel like excavation."

Sharp angular clip-paths slice through inflated forms like editorial slash marks. Decorative diagonal strokes appear beside headings, pull-quote containers use parallelogram shapes, and navigation indicators are small angular chevrons rather than circles.