The Hidden Art of Making Things Look True

min dulle

Hatched by min dulle

May 13, 2026

10 min read

87%

0

What if clarity is often an illusion?

Why do we trust a page that feels coherent, even when its parts are not naturally equal? Why does a name feel more real once it has a page of its own, a predictable layout, and a place in the navigation? And why do letters that are mathematically different suddenly look balanced only when designers deliberately make them unequal?

These questions point to a deeper truth: good systems rarely work by raw accuracy alone. They work by shaping perception until the structure feels inevitable. Whether you are designing a website, a typeface, or an information system, the real task is not merely to store facts. It is to create conditions under which those facts can be recognized, trusted, and used without friction.

That is the hidden connection between collections in a website and overshoot in typography. In both cases, the visible order depends on a series of invisible adjustments. What appears simple is actually the result of careful, disciplined bias. The best design does not declare itself. It disappears into usability.


The lie that makes the truth readable

Typography gives us one of the clearest examples of this paradox. If you want letters to appear the same height, you do not make them literally the same height. Round forms such as O, S, and C must often extend slightly beyond the flat height of H, E, or L. Otherwise, they look smaller. The eye does not measure in geometry. It measures in perception.

This is why type designers rely on overshoot. A round letter is drawn a bit taller than its neighbors so the viewer experiences a shared visual line. The letter is technically inconsistent, but perceptually correct. The system succeeds because it respects the user’s eye rather than the ruler.

That same principle quietly governs the design of structured content. A collection of authors, posts, or any repeated entity becomes genuinely usable only when the system gives each item a consistent shape and a predictable route into the interface. A page may exist in the database, but until it has a permalink, a layout, and a place in the site’s navigation, it does not fully exist for the reader. It is like a letter without overshoot: present, but not yet legible as part of the whole.

The deepest forms of clarity are often achieved by controlled distortion, not by perfect literalness.

This sounds counterintuitive until you notice how often users respond to structure through patterns rather than raw data. They do not parse every field. They infer meaning from repetition, placement, and relationship. That means the designer’s job is not simply to expose information. It is to shape the environment in which the information becomes obvious.


Collections are not containers, they are perception engines

It is tempting to think of a collection as a folder of content items. That is too shallow. A collection is really a perception engine, a way of turning scattered material into a recognizable category. Once items share a collection, they begin to behave like members of a family. They can be iterated over, grouped, linked, filtered, and displayed as part of a larger identity.

This matters because the human mind is pattern hungry. We look for “all the authors,” “all the posts,” “all the staff,” not because we are lazy, but because structure reduces cognitive load. A site that makes collections visible is doing more than organizing files. It is helping readers build a mental model of the organization behind the content.

That is why front matter defaults are so powerful. They are not just a convenience for the person editing the site. They are a way of making the content ecosystem behave consistently without requiring every item to be manually corrected. If all posts should have the same layout, then the system should encode that expectation at the default level. The value of the default is not that it saves keystrokes. The value is that it preserves semantic continuity.

Think of a newsroom with different writers. If every article had a different structure, readers would spend energy reorienting themselves each time. But when the layout is consistent, the reader can focus on content instead of format. The site becomes easier to scan, and the organization becomes easier to understand. The default is not merely a setting. It is a promise.

A well designed collection does three jobs at once:

  1. It names a category, so items can be recognized as related.
  2. It standardizes presentation, so the pattern is legible at a glance.
  3. It creates navigable paths, so users can move between individual items and the group.

This is the digital equivalent of overshoot. The system bends the strict logic of storage in order to make the experience feel aligned.


Visibility is built from selective emphasis

What makes a staff page useful is not merely that it lists names. It is that it turns an abstract organization into a visible roster. A reader can see who belongs, infer roles, and move from the group to the individual. A writer can browse all posts by a given author, and a visitor can jump from a person to their work. The collection acts as a social map.

This is where the analogy to typography becomes especially rich. A typeface does not show every glyph as an isolated object. It asks each character to participate in a system of relationships. The O is not treated as a self sufficient circle. It is adjusted so it can belong to the line of text. The point is not individual perfection. The point is membership in a readable whole.

That gives us a powerful framework for thinking about any information system: every element must answer two questions at once.

  • What is it on its own?
  • How does it look and function as part of the larger pattern?

If the answer to the first question overwhelms the second, the system fragments. If the answer to the second erases the first, the system becomes generic and bland. Great design lives in the tension.

A collection page, for example, should not simply dump items into a list. It should reveal a relationship between the items and the identity of the collection. A staff page is not just an index. It is a statement of belonging. Likewise, a set of author pages should not feel like isolated biographies. They should feel like nodes in a living network of voices.

The best systems are not neutral. They guide attention. They tell the eye where to rest and where to compare.


The real problem is not storage, it is legibility

Most digital projects begin with a storage problem. We have posts, authors, categories, pages, assets. We need a way to keep them organized. But the deeper problem is legibility. Can a newcomer understand what belongs where? Can they tell which items are central, which are related, and how to navigate between them without friction?

This is where the connection to typographic illusion becomes more than a metaphor. In typography, the page is not successful because the letters are objectively identical. It is successful because the page feels even. In content architecture, the site is not successful because everything is stored somewhere. It is successful because the structure feels coherent.

A reader does not care whether an author collection was implemented through a configuration file, a folder naming convention, or a series of defaults. They care that the author has a page, that the page is reachable, that the posts are linked, and that the site behaves as if authors are a first class part of the world it presents.

That is the difference between data and design. Data says, here are the parts. Design says, here is how the parts become understandable.

This distinction matters beyond websites. In organizations, too, many systems fail not because they lack information, but because they lack readable structure. Teams create documents, dashboards, and databases that technically contain everything, yet no one can quickly see what matters. The problem is not absence. It is absence of perception shaping.

The lesson from overshoot is elegantly simple: if the eye misreads literal equality, then literal equality is not enough. Sometimes you must make the system slightly unequal to produce a truer result. The same is true of information architecture. You may need defaults, templates, and curated views to create a more faithful representation of the underlying reality.


A mental model: design for the eye, not the spreadsheet

Here is a useful way to think about the intersection of these ideas.

A spreadsheet wants literal correctness. Every cell should be exact, every value explicit, every row cleanly separated. A page meant for human understanding wants something else: perceptual correctness. It must look orderly, feel related, and invite navigation.

That is why the best systems use structure the way a skilled type designer uses letterforms. They do not worship symmetry for its own sake. They create the conditions for symmetry to be perceived.

You can apply this mental model in any project by asking four questions:

  1. What is the atomic unit? Is it an author, a post, a product, a chapter, a customer?

  2. What makes the unit visibly belong to a family? Is there a shared layout, shared metadata, shared styling, or a common page pattern?

  3. What defaults should be automatic? What should every item receive unless there is a reason to deviate?

  4. Where should the system intentionally bend literalness to improve perception? This could be spacing, naming, grouping, ordering, or navigation.

These questions are useful because they shift the goal from correctness alone to comprehension. They make it easier to see where structure must be imposed and where it must be softened.

Consider an author index. If it is a raw list of names, it is merely informative. If each name links to a page, each page links to posts, and the posts inherit a consistent layout, the author becomes legible as an ongoing presence. The person is no longer hidden inside posts. They are given a coherent public identity.

That is not a small upgrade. It changes how the reader conceptualizes the site. The site stops being a pile of content and becomes a network of relationships.


Key Takeaways

  • Perceived order matters more than literal equality. In typography and content systems alike, small adjustments can produce a more truthful experience than rigid uniformity.
  • Collections are identity tools, not just storage tools. They help people understand what belongs together and why.
  • Defaults are design commitments. When a layout or behavior should apply broadly, encode it as the system’s expectation rather than a manual afterthought.
  • Make relationships visible. Link individual items back to their collection and the collection back to its members, so users can move between the part and the whole.
  • Design for human perception. If the structure is technically correct but feels confusing, the system is not finished.

The elegance of controlled imperfection

The most interesting thing about overshoot is that it reveals a universal design principle: sometimes the path to harmony runs through deliberate asymmetry. The letterform is nudged beyond its measured boundary so the line reads as steady. The collection page is shaped with defaults, links, and patterns so the site reads as coherent. In both cases, a small violation of literal sameness produces a larger sense of truth.

This should change how we think about system design. We often assume that good structure means minimizing intervention, letting the facts speak for themselves. But facts rarely speak for themselves. They need framing. They need context. They need carefully chosen patterns that make relationships visible.

A reader does not experience the database. They experience the page. They do not admire the folder structure. They notice whether the world makes sense. That is why the best architecture is often invisible when it works, yet deeply felt. Like a well tuned font, it makes the page seem effortless.

So the next time you are tempted to ask whether a system is perfectly consistent, ask a better question: does it look right to the human eye that must live inside it? If the answer is yes, then a little overshoot may be exactly what makes the truth readable.

Sources

← Back to Library

Hatch New Ideas with Glasp AI 🐣

Glasp AI allows you to hatch new ideas based on your curated content. Let's curate and create with Glasp AI :)

Start Hatching 🐣