All three variants use only white and thin lines, with no boxes or color bands. bar puts a black rounded mark and the name on the left and the menu text on the right in one line. stacked adds a light gray one-line tagline next to the name, and the topics sit in a row below as tabs inside a light gray pill; the current topic is a white pill that looks lifted. compact keeps just the name on the left and one outlined “All menu” button at the far right; it opens to a list with each topic’s name and description.
With few, short topics bar is the quietest. Pick stacked when you want topic tabs always visible, and compact when there are many topics. It is only white and thin lines, so it suits text-first sites better than colorful ones.
The menu text follows the original size and weight, and even the floating panel uses only a border with no shadow. Shadows are reserved for cards.
Use it when — Variants 3
- barSingle bar When 3–5 topics fit on one line next to the name. On phones the menu folds open.Used by 3: babyplay, babysick, feeding
- stackedTwo rows When topic tabs should always be visible — on phones they scroll sideways instead of folding.Used by 4: babyfood, toddlerfood, vaccination, 허브
- compactFull menu When there are many topics, or each topic deserves a one-line description and post count.Used by 4: babysleep, birthprep, milestone, newborn