From 96bc42fafff425cf7690ad417cc6d4d4a757547b Mon Sep 17 00:00:00 2001 From: Craig Jennings Date: Sun, 19 Jul 2026 15:44:24 -0500 Subject: docs: file interface design references Record the reconciled weather work and future component direction.\nFile the clock and retro-interface reference materials for later design work. --- docs/prototypes/waybar-redesign-prototype.html | 853 +++++++++++++++++++++++++ 1 file changed, 853 insertions(+) create mode 100644 docs/prototypes/waybar-redesign-prototype.html (limited to 'docs/prototypes') diff --git a/docs/prototypes/waybar-redesign-prototype.html b/docs/prototypes/waybar-redesign-prototype.html new file mode 100644 index 0000000..2307b69 --- /dev/null +++ b/docs/prototypes/waybar-redesign-prototype.html @@ -0,0 +1,853 @@ + + + + +Waybar redesign — six directions + + + + + + + +

Waybar redesign — six directions

+

Chronograph date/time as the anchor, whole-bar aesthetic around it. Each direction shows the full bar at true +proportion (3440×54), then the right cluster enlarged. Left-side functionality is unchanged everywhere — only the skin varies. +Right cluster everywhere: AUX (the future desktop-settings module) · network · audio · bluetooth · maint · timer · tray · weather · date · time. +The weather module is new: current conditions for the location, drawn with a custom glyph set (below) rather than Nerd Font icons. +The reading is a live snapshot — New Orleans, clear, 82°/feels 92°. All colours are kit tokens from the widget gallery.

+
+ + + + + +
+
+
Custom weather
glyph set
+
+
CLEAR
+
PARTLY
+
CLOUD
+
RAIN
+
STORM
+
SNOW
+
FOG
+
WINDY
+
+
+ + +
+

WWeather widget — directions

+

Standalone takes on the weather widget, every one showing the same live reading (New Orleans · clear · 82° / feels 92° · wind 6). Same custom glyph set, six different instrument idioms. The bar modules below use the compact chip; the others are candidates for a fuller panel or a click-to-expand. +
Wind collapses into one slot, constant width: below ~15 mph it shows the vane + speed (direction is the interesting part when it's calm); at ~15 mph and up it flips to the gust glyph + speed (when it's windy, "windy" is the headline, not the compass point). The two minimal chips show the calm and windy states at identical footprint.

+
+ + +
+
+ +
+ 82°CLEAR +
+
+
+ +
WNW6 mph
+
+
+
Compact chip
+
+ + +
+
+ + 82° + + 6 +
+
Chip — calm · 6 mph
+
+ + +
+
+ + 82° + + 22 +
+
Chip — windy · 22 mph
+
+ + +
+ + + + + + + + + + + + + + 82° + + WNW 6 + +
Round gauge
+
+ + +
+
+
+ + 8 + 2 + ° +
+
+ C + L + E + A + R +
+
+ WNW · 6 MPH +
+
+
Split-flap
+
+ + +
+
+
+ +
82°F
CLEAR
+
+
+ WIND WNW 6 MPH +
+
+
+
VFD screen
+
+ + +
+
+ +
+ 8 + 2 + ° +
+
+ + WNW 6 +
+
+
Nixie
+
+ + +
+ + + + + + + + + + + + + + + +
+ 82°F· + + WNW 6 +
+
Condition dial
+
+ +
+
+ + +
+

1Gold-pinstripe odometer console

+
+ ▶ ✦1 2 3 4 5 + ▦ emacs — widgets.js + AUX ᯤ ♪ ᛒ ⛭ ⏱ ⋮⋮ + SAT JUL 18 + 07:55 PM CDT +
+
+
Aux
+
Net
+
+ + +
+
Volume
+ + + + + +
+
Bluetooth
+
+ ᛒ +
+
Maint
+
+ ⛭ +
+
Timer
+
+
12
+
34
+
+
Tray
+
+
Weather
+
+ +
+ 82° + CLEAR +
+
+
+ +
+ WNW + 6 mph +
+
+
+
Day  ·  Month  ·  Date
+
+
+
S
A
T
+
+
+
J
U
L
+
+
+
1
8
+
+
+
+
Hour · Min · AM/PM · TZ
+
+
+
0
7
+
:
+
5
5
+
+
+
P
M
+
+
+
C
D
T
+
+
+
+

Your 11:46 concept, extended to the whole bar. One continuous black panel with the double gold pinstripe; +engraved gold labels over every module so the bar reads as a single machined faceplate. Date and time are drum groups with +knurled end-caps; the timer is a smaller drum pair; volume is a needle meter; statuses are jewel lamps. Warmest and most +unified of the six — the pinstripe frames the entire bar, not each module.

+
+ + +
+

2Chrome-bezel instrument row

+
+ ▶ ✦ 1 2 3 4 5 ▦ emacs — widgets.js + AUX ᯤ ♪ ᛒ ⛭ ⏱ ⋮⋮ + SAT JUL 18 + 07:55 PM +
+
+
Aux
+
Net
+
+
▂▄▆█
+
+
Volume
+
+ + + + +
+
Blue
+
+
+ ᛒ +
+
Maint
+
+
+ ⛭ +
+
Timer
+
+
--:--
+
+
Tray
+
+
Weather
+
+
+ +
+ 82° + CLEAR +
+
+
+ +
+ WNW + 6 mph +
+
+
Sat · Jul · 18
+
+
+
+
S
A
T
+
+
+
J
U
L
+
+
+
1
8
+
+
+
+
07 : 55 · PM · CDT
+
+
+
+
0
7
+
:
+
5
5
+
+
+
P
M
+
+
+
C
D
T
+
+
+
+
+

Your first concept sheet, with every module earning a chrome bezel. Individual polished frames on a +leather-black ground; silver engraved labels; the lume underline (vfd family — Super-LumiNova blue-green) marks the two +time modules as the "hands" of the bar. Cooler and more mechanical than V1: each module is its own instrument, the way +the drum-variation sheet grouped them. Net becomes a VFD signal ladder to put one lit window on the bar's left half.

+
+ + +
+

3Tool-watch dial (Speedmaster steel)

+
+ ▶ ✦ 1 2 3 4 5 ▦ emacs — widgets.js + AUX ᯤ ♪ ᛒ ⛭ ⏱ ⋮⋮ + SAT 18 · 19:55 +
+
+
Aux
+
Net
+
+
+ + +
+
Volume
+ + + + + + + + +
+
Blue
+
+ ᛒ +
+
Maint
+
+ ⛭ +
+
Timer 30-min register
+ + + + + + + + + +
+
Tray
+
+
Weather
+
+ +
+ 82° + CLEAR +
+
+
+ +
+ WNW + 6 mph +
+
+
Date aperture
+
+ SAT +
18
+ JUL +
+
Time dial
+
+ + + + + + + + + + + + + + + + + + + + +
19:55 CDT
+
+
+

The Speedmaster direction: brushed-steel bar, black dial insets, lume dots. Time is an actual analog +dial with baton hands plus a small digital repeater; the date is a framed white aperture (the Submariner cyclops date, flattened). +Audio and timer become chronograph sub-registers — the timer literally is a 30-minute register. The steel ground makes this +the lightest bar of the six; icons engrave dark into the metal rather than glowing.

+
+ + +
+

4Navitimer registers (cream on bronze)

+
+ ▶ ✦ 1 2 3 4 5 ▦ emacs — widgets.js + AUX ᯤ ♪ ᛒ ⛭ ⏱ ⋮⋮ + SAT JUL 18 · 07:55 PM +
+
+
Aux
+
Net · slide rule
+
+ + + +
+
Volume
+ + + + + + + + +
+
Blue
+ + + ᛒ +
+
Maint
+ + + ⛭ + +
+
Timer
+ + + + + + + + + +
+
Tray
+
+
Weather
+
+ +
+ 82° + CLEAR +
+
+
+ +
+ WNW + 6 mph +
+
+
Date · beads-of-rice frame
+
+ SAT +
18
+ JUL +
+
Time · big register
+
+ + + + + 12369 + + + + + + +
07:55 PM
+
+
+

The Navitimer direction: cream registers on a dark bronze dial. Every instrument is a cream sub-dial with +black markings — the inverse polarity of every other variation, so statuses read as printed gauge faces, not glowing lamps. +Net is a slide-rule strip with the red index needle; the date sits in a dark framed aperture like the Navitimer's 3-o'clock +window. Warm, aviation-flavored, and the busiest of the six — closest to a real cockpit cluster.

+
+ + +
+

5Auto dashboard (gauges + tell-tales + odometer)

+
+ ▶ ✦ 1 2 3 4 5 ▦ emacs — widgets.js + AUX NET VOL BT SVC ⏱ ⋮⋮ + SAT 18 JUL · 07:55 PM +
+
+
Aux
+
Net signal
+ + + + + + + SIG + + +
+
Volume
+ + + + + + + VOL + + +
+
Tell-tales
+
+ ᛒ BT + ⛭ SVC + 🔇 MUTE + ⚠ NET +
+
Timer
+
12:34
+
Tray
+
+
Weather
+
+
+ +
+ 82° + CLEAR +
+
+
+ +
+ WNW + 6 mph +
+
+
Odometer date
+
+
+
S
A
T
+
1
+
8
+
J
U
L
+
+
Clock · backlit
+
+
+ 07:55 PM CDT +
+
+

The dashboard direction: amber-backlit gauge cluster with chrome top/bottom trim rails. Net and volume are +round needle gauges; bluetooth/maint/mute/net-fail live in a tell-tale block (lit = active, dark = off) exactly like a +cluster's warning lamps; the date is a mixed odometer — white digits on the day drums (a real trip-counter trick); the clock +glows amber behind chrome. The bar's top and bottom edges get the chrome rails, which is what makes the whole strip read +"dashboard" at a glance. The amber family is the kit's existing panel amber, so this is the variation closest to the widget gallery.

+
+ + +
+

6Perpetual-calendar dress (guilloché + apertures)

+
+ ▶ ✦ 1 2 3 4 5 ▦ emacs — widgets.js + AUX ᯤ ♪ ᛒ ⛭ ☾ ⋮⋮ + SAT JUL · 18 · 7:55 +
+
+
Aux
+
Net
+
+ ᯤ + +
+
Volume
+ + + + + +
+
Blue
+
+ ᛒ + +
+
Maint
+
+ ⛭ + +
+
Timer · moonphase
+ + + + + + + + + + 12:34 +
+
Tray
+
+
Weather
+
+ +
+ 82° + CLEAR +
+
+
+ +
+ WNW + 6 mph +
+
+
Day · Month apertures
+
+
SAT
+
JUL
+
+
Big date
+
+
1
+
8
+
+
Time
+
+ 7:55 PM CDT +
+
+

The Patek/AP direction: guilloché ground, gold-framed apertures, a moonphase. Day and month are twin +apertures (the SAM · NOV window pair), the date is a big-date double disc in cream, and the timer becomes the moonphase — +the moon crosses the arc as the countdown runs, with the digits small beneath. Statuses are cabochon jewels, not lamps. +The most jewelry-like and the most restrained: nothing glows except what matters. Least "stereo", most "watch".

+
+ +
+Shared decisions across all six, for discussion: +(1) AUX knob at the head of the right cluster is the future desktop-settings module (caffeine + dim + touchpad fold in) — +a knob in every variation since "settings" is the one module that IS a knob. +(2) Left half stays functionally identical everywhere; it takes each variation's ground treatment only. +(3) Date and time stay two separate modules (your current click/scroll contracts), even where they visually pair. +(4) The drum content is the ordinal-free format — drums can't render "18th" gracefully; worth deciding whether the +chronograph keeps ordinal at all. +(5) True-proportion strips show the honest 3440×54 balance: the right cluster occupies roughly a quarter of the bar. +(6) Weather module: the compact chip is the chosen bar form (2026-07-18) — it's the only one of the six weather takes legible at bar scale. The gauge, split-flap, VFD, nixie, and condition dial are kept as candidates for a larger panel or a click-to-expand view, not the bar. +
+ + + -- cgit v1.2.3