짙은 회색 줄 위에 파란 네모 표식과 흰 글자 이름이 놓여요. 지금 보는 주제는 줄 안에서 조금 밝은 칸으로 떠 보이고, 모서리는 6px 정도로 살짝만 둥글어요. bar는 이름 한 줄에 메뉴가 오른쪽으로 붙고, 폰에서는 「메뉴」 버튼으로 접혀요. stacked는 어두운 줄 아래에 흰 줄이 하나 더 있어서 주제 탭이 저장소 화면의 탭처럼 보이고, 탭마다 글 수가 작은 회색 숫자 칸으로 붙어요. compact는 「전체 메뉴」 버튼 하나만 보이고, 누르면 주제마다 한 줄 설명과 글 수가 펼쳐져요.
주제 탭을 늘 보여 주고 글 수까지 알리고 싶다면 stacked가 이 팩다운 모양이에요. 폰에서도 접지 않고 옆으로 밀어 봐요. 어두운 머리 줄이 부담스러운 따뜻한 육아 사이트에는 다소 딱딱하게 느껴질 수 있어요. 다크 모드에서는 머리 줄이 본문 바탕과 더 가까운 어두운 색이 되어, 줄과 본문의 경계가 흐려져요. 전체 메뉴 상자는 주제가 짝수일 때만 두 칸으로 나뉘고, 홀수면 끝에 빈 칸이 남아요.
GitHub 로고와 이름은 쓰지 않고, 사이트 표식과 이름으로 바꿨어요.
이럴 때 — 변형 3
- bar한 줄 주제가 3~5개라 이름 옆 한 줄에 다 들어갈 때. 폰에서는 메뉴를 펼쳐서 본다.쓰는 사이트 3곳: babyplay, babysick, feeding
- stacked두 줄 주제 탭을 늘 보여 주고 싶을 때 — 폰에서도 접지 않고 옆으로 밀어 본다.쓰는 사이트 4곳: babyfood, toddlerfood, vaccination, 허브
- compact전체 메뉴 주제가 많거나 주제마다 한 줄 설명·글 수를 보여 주고 싶을 때.쓰는 사이트 4곳: babysleep, birthprep, milestone, newborn