Hello, world. Why hairline.

This is the first of what will be a roughly bi-weekly series of essays about Crystal Clear: what's being built, why it's being built that way, what's hard about it, and what's working. The tone matches the existing engineering notes — terse, opinionated, willing to name landmines. If you arrived here from a Reddit thread or a YouTube video and you're trying to figure out whether this product is for you, this is the page that says the most about how the product thinks.

The dominant performance overlay is loud.

Walk through the Windows-overlay ecosystem and most options share an assumption: that the visualisation should announce itself. Big filled bars, halo'd circular gauges, HUD strips across the top of the screen, dashboards taking up a quarter of your desktop. They work — there is no question they convey the data — but they're loud in a way that competes with whatever you actually opened your computer to do. The visualisation pulls attention.

That assumption suits a specific use case (benchmarking, an overclocking session, a tuning run) where you've explicitly opened the monitor to watch numbers move. For most of the rest of the time — you're working in an editor, playing a game, reading documentation, watching a stream — the monitor is collateral. You'd like to know your CPU is at sixty-three percent without having to surrender visual real estate to a panel that exists to tell you so.

Hairline is the opposite assumption.

Crystal Clear is built around the opposite premise. The visualisation should be available but not assertive. A hairline outline conveys the same information as a filled gauge but doesn't compete with the desktop's contents for your eye. An outline-only headline numeral renders the value without the visual weight of solid type. A transparent background means the orb sits on whatever you already have on screen without obscuring it.

The technical name for what's going on here is signal-to-ink ratio. Edward Tufte's The Visual Display of Quantitative Information argues that good information design maximises the ratio of meaningful marks to total marks — every pixel that isn't conveying data is competing with the pixels that are. A filled gauge has a high amount of ink and a low fraction of that ink doing semantic work. A hairline outline has the opposite ratio. Crystal Clear is what happens if you take that argument literally and apply it to a desktop overlay.

Click-through makes the assumption practical.

A hairline overlay is no good if it still gets in the way of the mouse. Crystal Clear's orbs are click-through by default — the orb is visible but does not intercept mouse events. Clicks pass through to the application underneath. You can position an orb directly over a button you actively use, and the button still works. To move an orb you flip a single toggle in the system tray; drag mode briefly turns off click-through, you reposition the orbs, you turn drag mode back off. The orb is then permanently unobtrusive again.

This is the unlock. Without click-through, a permanent overlay forces you to choose between visible-but-in-the-way and invisible-until-summoned. With it, the third option opens up: visible and not in the way at all.

The opposite-of-loud choice is the loud choice.

There is some marketing risk in this design direction. The dominant overlays are loud in part because loud sells. A screenshot of a Crystal Clear orb on a desktop reads, at a glance, as "almost nothing" — which is the entire design intent but is harder to convey in a product image than a screenshot of a glowing animated gauge that fills a quarter of the frame. The bet is that the audience who wants quiet overlays is large enough to support the product, and that the product's visuals will be more compelling in motion (and after a couple of minutes of working alongside one) than in a static thumbnail.

If that bet is wrong, the website's job is harder. If it's right, the product is for people who already know they want it. Either way, the design call is locked. Hairline is the answer.