UI 메뉴판헤더“맨 위에 있는 바”
메뉴판 › UI 메뉴판 › 페이지 뼈대 › 여백으로 묶기
실물 새 창으로 열기ui-menu · whitespace-group
코드 보기
불러오는 중…
헷갈리는 것과 구분
상자로 감싸 나누면 카드, 간격과 글자로만 나누면 여백으로 묶기
같은 묶음 · 페이지 뼈대
UI 메뉴판 · 페이지 뼈대
UI 메뉴판네비게이션 바“메뉴 줄”
네비게이션 바 Navbar / GNB
“메뉴 줄”UI 메뉴판히어로“첫 화면에 크게 나오는 거”
히어로 Hero
“첫 화면에 크게 나오는 거”UI 메뉴판사이드바“옆에 세로로 붙은 메뉴”
사이드바 Sidebar
“옆에 세로로 붙은 메뉴”UI 메뉴판푸터“맨 아래 정보 나오는 데”
푸터 Footer
“맨 아래 정보 나오는 데”UI 메뉴판섹션“가로로 잘린 한 덩어리”
섹션 Section
“가로로 잘린 한 덩어리”UI 메뉴판컨테이너“가운데로 모아주는 거”
컨테이너 Container
“가운데로 모아주는 거”UI 메뉴판그리드“바둑판처럼 배치”