Components

Top Navigation

상단 고정 내비게이션 — 로고·메뉴·유틸을 담습니다.

TheNoun.개요ComponentsPatterns◐
코드 보기
<nav class="nav"><div class="nav-in">
  <a class="brand">로고</a>
  <a class="lnk on">현재</a> <a class="lnk">메뉴</a>
  <button class="theme-btn">◐</button>
</div></nav>

Variants

이름설명미리보기
sticky블러 배경 + 하단 1px borderTheNoun.  개요
현재 메뉴--foreground / 600개요 Components

Guidelines

✓ Do
  • 메뉴 6개 이내
  • 유틸(테마·검색)은 우측 끝에
✕ Don't
  • 드롭다운 메가메뉴 금지
  • 로고에 슬로건 붙이지 않는다

Specification

속성토큰/값비고
배경card 85% + blur 10px
높이~52px