POWER NOW — redesign · Concept 1 “The Harvest Arc”
current kW vs the rig’s clear-sky ceiling · colorblind-safe by angle + fill
What you’re looking at
The instrument: a 240° harvest arc, read like a cockpit gauge. The luminous fill sweeps from the left “horizon” toward the rig’s clear-sky ceiling (the engraved redline tick at the top-right). The needle’s angle and how far the fill climbs are the primary read — so it works in pure grayscale (owner is colorblind). Hue only reinforces.
The numbers are unchanged in meaning. Big gold figure in the arc’s mouth = current output (kW), this hour, with its honest lo–hi band right under it. The % on the right = how full the tank is vs a perfect clear-sky hour here. The chip = CEILING 6.4 kW, the rig’s realistic clear-sky peak (the arc’s 100%), with the redline tick repeated so the chip and the gauge teach each other.
The relabel: the confusing “FORECAST RIGHT NOW” becomes “POWER NOW” as the headline, with a quiet “this hour” qualifier beside it — so it’s both punchy and honest that the figure is the current modeled hour. (Owner’s “THIS HOUR” lives on as the qualifier.)
Ceiling tick, not a full ring: the redline at 100% is a hard engraved mark. Past it (a rare better-than-clear-sky hour) the fill tips into a white-hot overrun beyond the tick — a “whoa, you beat the model” moment — without a second color the owner can’t see.
Doesn’t bury the hero: the kWh-today number up top stays the largest gold mass on the screen (74px). The arc’s core number is 50px and sits low, so the eye still lands on the day total first.
Buildable in React Native
Arc track, fill, ticks, redline, needle = react-native-svg (<Path> with stroke-dasharray for the sweep; an SVG strokeDashoffset animated value for the fill).
Needle sweep + fill grow + core “breathe” = reanimated shared values driving the dash offset and needle rotation. No Skia needed.
All colors map 1:1 to lib/design/v15.ts: gold #FFB81C, warm #FFC94A, overrun white-hot #F8FFE0, ink ramp #ECEFF4 / #B0B8C5 / #6B7280.