세 변형 모두 상자나 색 띠 없이 흰 바탕과 가는 선만 써요. bar 는 왼쪽에 검은 둥근 표식과 이름, 오른쪽에 메뉴 글자가 한 줄로 놓여요. stacked 는 이름 옆에 옅은 회색 한 줄 소개가 붙고, 아래 줄에 주제가 연회색 알약 안의 탭으로 나와요. 지금 주제는 흰 알약이 위로 떠 보여요. compact 는 왼쪽에 이름만 두고, 오른쪽 끝에 테두리 있는 「전체 메뉴」 버튼 하나만 놓아요. 펼치면 주제마다 이름과 설명이 나와요.
주제가 적고 이름이 짧으면 bar 가 가장 조용해요. 주제 탭을 늘 눈에 보이게 하고 싶으면 stacked, 주제가 많으면 compact 가 맞아요. 흰 바탕과 가는 선뿐이라 색이 많은 사이트보다 글 중심 사이트에 어울려요.
원본의 메뉴 글자 크기와 굵기를 따르고, 떠 있는 펼침 판에도 그림자를 쓰지 않고 테두리만 둬요. 그림자는 카드에만 쓰는 약속이에요.
이럴 때 — 변형 3
- bar한 줄 주제가 3~5개라 이름 옆 한 줄에 다 들어갈 때. 폰에서는 메뉴를 펼쳐서 본다.쓰는 사이트 3곳: babyplay, babysick, feeding
- stacked두 줄 주제 탭을 늘 보여 주고 싶을 때 — 폰에서도 접지 않고 옆으로 밀어 본다.쓰는 사이트 4곳: babyfood, toddlerfood, vaccination, 허브
- compact전체 메뉴 주제가 많거나 주제마다 한 줄 설명·글 수를 보여 주고 싶을 때.쓰는 사이트 4곳: babysleep, birthprep, milestone, newborn