---
title: Mara Vale / typographic index Detail
description: Selected work is the introduction; large project titles function as a navigable index with quieter project metadata.
---
<study-mara-specimen><header><a href="/">← Work index</a><a href="mailto:mara@example.test">Inquiries ↗</a></header><article class="project"><h1>Field Notes</h1><p class="intro">A fictional wayfinding study in reading hierarchy.</p><figure><svg viewBox="0 0 800 420" role="img" aria-label="Original reading hierarchy diagram: Field Notes title, route lines and destination labels"><rect width="800" height="420" fill="#faeee3"/><text x="40" y="90" font-size="64" font-family="serif" fill="#202f36">Field Notes</text><path d="M40 150H700M120 150V330M400 150V330M650 150V330" stroke="#315751" stroke-width="4" fill="none"/><text x="40" y="375" font-size="22" fill="#202f36">Arrive / Read / Find</text><circle cx="120" cy="150" r="10" fill="#c42f20"/><circle cx="400" cy="150" r="10" fill="#c42f20"/><circle cx="650" cy="150" r="10" fill="#c42f20"/></svg><figcaption>Original diagram for this teaching brief. No installed project is claimed.</figcaption></figure><section><h2>Collect the material</h2><p>Start with the words people need to read. Destinations, instructions and labels play different roles.</p></section><section><h2>Find the hierarchy</h2><p>The title establishes the subject. Routes connect it to destination labels. The diagram keeps each layer distinct without adding decorative evidence.</p></section><section><h2>Test the reading</h2><p>Read the sequence at different widths. The content must remain understandable when the visual field becomes narrow.</p><a href="mailto:mara@example.test">Discuss information design</a></section><section id="reading"><h2>Open Table</h2><p>A fictional publication study, 2026. The same reading method applies across printed and digital material.</p></section></article><footer><p class="teaching">Fictional Vitris teaching study. No services are offered or customer outcomes implied.</p><p>Mara Vale</p></footer></study-mara-specimen>