stack places the emergency card first and the clinic card below it. The emergency card has a warning icon and a large red title (“Call 119 now · ER”). split places the two cards side by side on wide screens. plain uses no boxes, just headings and lists, with only the urgent heading in red.
To make the emergency stand out most, stack is the surest; to keep the reading flow unbroken, plain. There are few boxes, so it blends into the body, and red appears only on the urgent part.
The urgent box borrows from GitHub’s Flash alert and the clinic side is toned down to a grey box.
Use it when — Variants 3
- stackStack When most readers are on phones — the urgent card first, with a heavy border.Used by 4: babyfood, babyplay, babysick, newborn
- splitSplit When “call 119” and “see a doctor” should be compared — two cards side by side on wide screens.Used by 2: birthprep, toddlerfood
- plainPlain When the page already has many boxes — headings and lists only; just the urgent heading is colored.Used by 5: babysleep, feeding, milestone, vaccination, 허브