UI 메뉴판헤더“맨 위에 있는 바”
메뉴판 › UI 메뉴판 › 페이지 뼈대 › 히어로
실물 새 창으로 열기ui-menu · hero
코드 보기
불러오는 중…
헷갈리는 것과 구분
첫 화면의 큰 구역이면 히어로, 가로로 긴 알림 띠면 배너
같은 묶음 · 페이지 뼈대
UI 메뉴판 · 페이지 뼈대
UI 메뉴판네비게이션 바“메뉴 줄”
네비게이션 바 Navbar / GNB
“메뉴 줄”UI 메뉴판사이드바“옆에 세로로 붙은 메뉴”
사이드바 Sidebar
“옆에 세로로 붙은 메뉴”UI 메뉴판푸터“맨 아래 정보 나오는 데”
푸터 Footer
“맨 아래 정보 나오는 데”UI 메뉴판섹션“가로로 잘린 한 덩어리”
섹션 Section
“가로로 잘린 한 덩어리”UI 메뉴판컨테이너“가운데로 모아주는 거”
컨테이너 Container
“가운데로 모아주는 거”UI 메뉴판그리드“바둑판처럼 배치”
그리드 Grid
“바둑판처럼 배치”UI 메뉴판카드“네모 박스 하나하나”