yukey

precepts-aesthetics.md

yukey's (default) aesthetic๐Ÿ”—

Aesthetically, yukey should feel:

  • Very cyber
  • Very SCADA
  • Very functional/brutalist
  • ... but it's always ready to explain itself.

And things should have a visual "cadence", and it should be regular.

At a high level, that's the vibe.

Nitty Gritty Details๐Ÿ”—

content of a row has consistent width and fills its container๐Ÿ”—

... and this explicitly includes the focus box.

It is visually distressing for the focus box to be erratically sized from one row to the next.

So:

  • The focusable unit in data rows is sized consistently, by the container -- never by struggle-hugging whatever content happens to be inside.
  • Rows in one set of components should generally be the same height and the same width. (Mechanically: the focus box being drawn on any two neighbors should mean drawing the same shape at the same size, just in a coordinate offset on a single axis.)
  • Tabular data should be tabular: columns align, etc; and like the rules for rows, so too it still applies that the focus box should be regularly and unsurprisingly sized for neighboring elements for tables.

docs/precepts-aesthetics.md ยท 1.1 KiB ยท a24a232c5b