invisible infrastructure
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>invisible infrastructure / sotoalt</title> <meta name="description" content="the systems we don't see until they break"> <link rel="stylesheet" href="../style.css"> <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>~</text></svg>"> </head> <body> <main> <nav class="breadcrumb"> <a href="../index.html">~</a> <span class="sep">/</span> <a href="../index.html#thoughts">thoughts</a> <span class="sep">/</span> <span class="current">invisible infrastructure</span> </nav>
<article> <header class="post-header"> <h1>invisible infrastructure</h1> <p class="meta">2025.01 · 3 min</p> </header>
<div class="content"> <p> The best infrastructure is invisible. You don't think about DNS until it fails. You don't notice the power grid until the lights go out. This invisibility is a feature, not a bug. </p>
<p> But there's a cost to invisibility: we stop understanding how things work. We become dependent on systems we can't see, can't fix, can't even describe. </p>
<figure> <img src="../images/signal-flow.svg" alt="Signal flow diagram showing input, process, output"> <figcaption>everything flows through systems we rarely examine</figcaption> </figure>
<h2>the amiwo problem</h2>
<p> This is why I'm building <em>Amiwo</em>. Air quality affects us constantly — our mood, cognition, sleep, health. Yet we can't see it. The infrastructure of the air around us is entirely invisible. </p>
<p> Making it visible changes behavior. A number on a screen creates awareness. Awareness creates action. The invisible becomes actionable. </p>
<h2>a design principle</h2>
<p> When building systems, consider: should this be invisible? Sometimes yes. The user shouldn't care how your authentication works. But sometimes the answer is no — making a system visible gives users agency. </p>
<ul> <li>Show the loading state, not just the result</li> <li>Expose the process, not just the outcome</li> <li>Make the invisible visible when visibility enables action</li> </ul>
<p> Infrastructure should be invisible when it's working. But we should always have a way to see it when we need to. </p> </div> </article>
<footer> <p class="nav-footer"> <a href="../index.html">← back</a> </p> </footer> </main> </body> </html>