Light ground, dark elements. You were right that this is better than either version on its own, and it solves a problem the dark one had that I had not managed to fix.
The night version had one real advantage: a glow only reads on dark. That is what made the next action unmissable. Going fully light lost it, and I had to fall back on fill and weight instead.
This gets it back. The page is light, and the one thing that matters sits in a dark card. That dark panel is the only place on the screen where light can glow, so the glow is automatically reserved for the single most important thing. The rule enforces itself instead of relying on discipline.
This is the core pattern. Everything routine is a white card. The next action is a night card with the lantern glow inside it.
Today
About 20 minutes. You'll need paper and something round to trace.
Week 4 of 12. Two lessons left.
Week 4 of 12. Finished for the week.
Week 3 of 12. One behind, no rush.
Live. Notice you do not have to be told where to look.
The child home, built in the hybrid. This is the honest test, not swatches.
Today
About 25 minutes. You'll need a jar, warm water and a plate.
You are right on track for week 4. Nice steady going.
Two lessons left
Done this week
One to catch up
Warm overall, one dark focal point, subject colour doing real work. The progress bar says distance travelled, not a score.
Mixing light and dark surfaces doubles the pairings that have to be checked. All of them pass.
| Pairing | Ratio | WCAG AA |
|---|---|---|
| Ink on cream | 14.7:1 | Pass |
| Secondary ink on cream | 5.6:1 | Pass |
| Cream text on a dark card | 13.7:1 | Pass |
| Secondary on a dark card | 8.0:1 | Pass |
| Ink on the flame button | 8.8:1 | Pass |
| Cream on the night button | 13.7:1 | Pass |
| Flame as text on a dark card | 9.4:1 | Pass |
| Ember as a link on cream | 5.8:1 | Pass |
#131E33, a touch lighter and bluer than the pure night of the dark system. On a cream page the original #0E1626 read as a hole punched in the paper. This one sits on the page rather than through it.