columns 는 왼쪽에 표식·이름·소개, 오른쪽에 「사이트 정보」와 「함께 보는 육아 사이트」 두 칸이 세로 목록으로 서요. 그 아래 가는 선을 긋고 고지와 디자인 출처, 저작권이 이어져요. compact 는 이름과 링크를 한 줄에, 함께 보는 사이트를 다음 줄에 놓아 전체가 훨씬 짧아요. 고지 글은 두 변형이 똑같아요.
링크가 많고 자매 사이트도 여럿이면 columns, 링크가 몇 개 안 되면 compact 가 낫고, 실제로 일곱 곳이 compact 를 써요. 화면에서는 글자가 작고 옅어서, 열 제목과 고지 첫 줄의 굵은 검은 글씨가 강조의 전부예요.
푸터 바탕에 연회색을 깔면 옅은 글자가 읽기 어려워져(대비 4.32:1) 흰 바탕과 테두리로 나눴어요.
이럴 때 — 변형 2
- columns세 칸 함께 보는 사이트가 여럿이라 따로 한 칸이 필요할 때.쓰는 사이트 4곳: babyfood, babyplay, milestone, toddlerfood
- compact한 덩어리 발을 짧게 끝내고 싶을 때, 링크가 몇 개 안 될 때.쓰는 사이트 7곳: babysick, babysleep, birthprep, feeding, newborn, vaccination, 허브