레이아웃 (아키타입)
아키타입은 화면의 골격입니다. 골격마다 빈 자리(슬롯)가 있고, 자리마다 넣을 수 있는 요소가 정해져 있습니다.
목록 페이지ListPage
여러 항목을 목록으로 보여주는 화면입니다. 위쪽에 제목과 주요 버튼, 그 아래 검색·필터 줄, 가운데 목록(표나 카드), 맨 아래 페이지 이동이 놓입니다.
headertoolbar.lefttoolbar.rightbodyfooter
상세 페이지DetailPage
한 건의 내용을 자세히 보여주는 화면입니다. 위쪽 제목과 상태, 속성 목록, 본문 카드, 옆쪽 관련 정보, 아래쪽 버튼으로 이어집니다.
headermetabodyasidefooter
대시보드 페이지DashboardPage
핵심 수치를 한눈에 보여주는 화면입니다. 위쪽 제목 아래로 지표 카드가 늘어서고, 그 밑에 요약 카드와 옆쪽 보조 패널이 놓입니다.
headermetricsbodyaside
폼 페이지FormPage
내용을 입력하고 저장하는 화면입니다. 위쪽 제목, 가운데 입력 항목들, 아래쪽 저장·취소 버튼으로 구성됩니다.
headerbodyfooter
가운데 정렬 페이지CenteredPage
로그인이나 첫 안내처럼 가운데 좁은 영역에 담는 화면입니다. 위에 제목, 가운데 입력 카드, 아래에 링크가 놓입니다.
headerbodyfooter
분할 페이지SplitPage
왼쪽에서 고르면 오른쪽에 자세히 나오는 화면입니다. 왼쪽은 목록, 오른쪽은 고른 항목의 상세입니다.
headersidebarbody