cards는 상자마다 파란 네모 표식, 파란 이름, 소개, 「글 n편」이 들어가요. 넓은 화면에서는 한 줄에 여러 장이 놓여요(데모에서는 3장). list는 상자 하나에 줄이 쌓이고 표식·이름·소개 오른쪽에 글 수 칸이 붙어요. inline은 표식도 없이 한 문단 안에 링크를 가운뎃점으로 이어요.
사이트를 눈에 띄게 소개하려면 cards, 자리를 아끼려면 list나 inline이 맞아요. 표식이 모두 같은 파란색이라 사이트끼리 색으로는 구분이 안 되니 이름이 중요해요. 카드 열 수는 마지막 줄 외톨이가 없게 맞춰져요(3·6개는 3열, 그 밖은 2열).
GitHub의 고정 저장소(pinned) 카드 모양을 따랐어요.
이럴 때 — 변형 3
- cards상자 사이트가 3~6곳이고 한 줄 소개를 보여 주고 싶을 때.쓰는 사이트 4곳: babyplay, birthprep, milestone, 허브
- list줄 사이트가 많거나 글 수를 나란히 비교하게 하고 싶을 때.쓰는 사이트 4곳: babyfood, babysick, babysleep, feeding
- inline문단 홈 아래를 짧게 끝내고 싶을 때 — 한 문단 안의 링크로.쓰는 사이트 3곳: newborn, toddlerfood, vaccination