The complete redesign, in the language of the mock chosen on 2026-08-05. Every screen in the product, in both modes, plus the redesigned flow underneath them. Nothing here is implemented yet — this is the design to approve first.
screens-* files below are v1.
The product was repositioned on 2026-08-06 — dani.korea is KNOW (the handbook) and
KEEP (the binder), and a sibling product does scheduling. The v1 frames keep their
value as a design language — palette, type, components, drawn scenes — and are
wrong about structure. Never navigate by them.
| Rule | Why it is a rule and not a preference |
|---|---|
| Flag blue #0047A0 is structure | Navigation, primary actions, progress. The same value in both modes — white on it is 8.6:1 either way. |
| Flag red #CD2E3A means a deadline | If it is red, it has a date attached. Never emphasis, never branding. So the one red thing on a screen is the thing to do this week. |
| Blue-as-text lifts on dark only | #0047A0 as thin text on #0D1117 is 2.41:1 — unreadable. #3D7BD9 is 4.55:1. Fills never lift. |
| Display caps at 700 / −0.3px / 1.16 | 900 at −1.6px and 0.94 leading was rejected — "too bold, they look bunched up". Those three compound. |
| DM Mono for every number | A passport number, a PNR, a fare and a price are read character by character or copied. Tabular figures, unambiguous 0/O and 1/l. |
| English first, Korean in parentheses | Gyeongbokgung Palace (경복궁). Two exceptions, both because the reader is Korean: the driver block and the carry cards. |
| Copy always copies the Korean | The copy button exists so a Korean speaker can read it or Kakao T can route to it. |
| unknown is neutral, never red | Coverage is partial forever and an honest gap is not an error. "We don't know the hours" must look different from "open". |
| Nothing draws under the status bar | Shipped broken twice — a back button under the system clock, and a sheet title under it once a Korean keyboard made the sheet tall. |
| Image-led | The brief was "show a lot of images on every page we can". A screen with a large empty region is the bug this redesign exists to fix. |
The mock never used photographs. Its heroes are five SVG illustrations drawn in flag blue and red, which is why it reads as rich with no photo library at all. They are in taegeuk-sprite.js and every file uses them.
| Symbol | Scene | Used for |
|---|---|---|
| #d-palace | Gyeongbokgung against the mountains, dawn sky | The default hero. Trips home, sections, palaces |
| #d-seoul | The skyline and N Seoul Tower at dusk | Seoul, city-scale surfaces |
| #d-mtn | Ridgelines at sunrise, snow on the peaks | Hiking, seasons, Jeju, nature |
| #d-food | A bowl overhead, banchan beside it | Restaurants, food shelves, markets |
| #d-market | Night-market awnings and lanterns | Markets, neighbourhoods, nightlife |