columns는 왼쪽에 표식·이름·한 줄 소개, 가운데에 「사이트 정보」 링크, 오른쪽에 「함께 보는 사이트」가 서고, 선 아래에 고지가 이어져요. compact는 맨 위 한 줄에 표식·© 이름·링크가 가로로 이어지고, 그 아래 「함께 보는 사이트」 한 줄, 맨 아래에 작은 고지가 와요. 두 변형 모두 쿠팡과 관계없다는 고지는 굵게, 나머지 안내와 디자인 출처(「디자인 토큰: Primer Primitives(MIT) · 아이콘: Octicons(MIT)」)는 작은 글자로 붙어요.
링크가 많고 자매 사이트도 여럿이면 columns가 정리돼 보이고, 짧게 끝내려면 compact가 맞아요. 둘 다 장식이 거의 없어서 어느 사이트에 붙여도 튀지 않아요. 글자가 작고 회색이라 폰에서는 링크 사이 간격이 좁게 느껴질 수 있어요.
푸터의 출처 한 줄은 Primer·Octicons 를 밝히고, 끝의 「디자인·글꼴 출처」 링크로 MIT 고지가 있는 소개 페이지로 이어져요. Primer는 표기가 필수는 아니지만 우리 쪽에서 모든 페이지에 넣어요.
이럴 때 — 변형 2
- columns세 칸 함께 보는 사이트가 여럿이라 따로 한 칸이 필요할 때.쓰는 사이트 4곳: babyfood, babyplay, milestone, toddlerfood
- compact한 덩어리 발을 짧게 끝내고 싶을 때, 링크가 몇 개 안 될 때.쓰는 사이트 7곳: babysick, babysleep, birthprep, feeding, newborn, vaccination, 허브