버전 비교 화면
두 버전을 선택해 필드별 변경 내용과 작성 맥락을 나란히 보여준다. 추가·삭제·수정 항목을 구분해 확인할 수 있다.
패턴 폴더
메뉴, 검색, 필터와 계층 이동으로 원하는 정보에 도달하게 하는 패턴입니다.
전체 28개 중 28개 표시
두 버전을 선택해 필드별 변경 내용과 작성 맥락을 나란히 보여준다. 추가·삭제·수정 항목을 구분해 확인할 수 있다.
결정 기록을 검색하거나 상태별로 추리고, 근거와 담당자, 재검토 시점을 상세 패널에서 확인한다.
사용 가능한 폭에 따라 중간 경로를 축약하고 현재 위치와 전체 계층 접근을 모두 유지한다.
시간대 필터와 키보드 이동으로 긴 사건 흐름을 확대·축소하며 선택한 이벤트의 맥락을 읽는다.
긴 페이지의 섹션 구조를 축소 지도와 동기화하고 원하는 구간을 바로 선택해 탐색한다.
중심 콘텐츠 주변의 범주 버튼으로 필터를 전환한다. 같은 항목을 목록에서도 선택할 수 있다.
여러 버전 사이를 이동하며 각 시점의 상태와 직전 변경 내용을 비교한다.
두 검색 문맥을 나란히 실행하고 선택한 결과를 반대 패널로 옮겨 차이를 비교한다.
연관 항목을 주제별로 묶어 배치하고 그룹이나 개별 항목을 선택해 주변 주제를 살펴본다.
완료 상태를 보존하면서 사용자 여정의 여러 단계 사이를 자유롭게 전환하고 다음 행동을 확인한다.
2차원 작업 공간의 위치를 이름 있는 북마크로 저장하고 목록 또는 좌표 선택으로 다시 이동한다.
방향키로 타일 사이를 이동하고 선택한 영역을 확장해 세부 내비게이션으로 전환한다.
노선도에서 출발지와 도착지를 고르면 최단 경로, 환승, 이동 단계를 계산한다.
검색어와 카테고리를 로컬 데이터에서 찾아 일치 구간을 안전하게 강조하는 결과 화면. 최근 검색어·결과 개수·빈 결과를 하나의 검색 흐름으로 제공한다.
카테고리별 옵션 수와 결과 개수를 보며 여러 조건을 조합하는 필터 패널. 그룹 접기·선택 개수·전체 초기화를 접근 가능한 체크박스로 구성한다.
적용된 조건을 칩으로 훑고 개별 삭제하거나 한 번에 초기화하는 결과 상단 바. 삭제 결과와 남은 조건 수를 라이브 영역으로 알린다.
결과 정렬과 그리드·목록·컴팩트 보기를 한 줄에서 전환하는 툴바. 실제 미리보기 레이아웃이 즉시 바뀌어 선택 효과를 명확히 보여준다.
자주 쓰는 검색식을 저장하고 실행·이름 변경·삭제하는 검색 라이브러리. 현재 쿼리와 활성 검색을 함께 보여줘 반복 탐색 비용을 줄인다.
필드·연산자·값과 AND·OR 조건을 조합해 복잡한 검색식을 만드는 빌더. 사람이 읽는 문장과 예상 결과 수를 즉시 미리 보여준다.
오타 교정·필터 초기화·인기 검색어로 다음 행동을 안내하는 풍부한 빈 결과 화면. 레이더 스캔 비주얼로 탐색 완료 상태를 분명하게 전달한다.
파형에서 재생 위치와 챕터를 탐색하는 오디오 컨트롤이다. 범위 입력으로 드래그와 키보드 조작을 지원한다.
서로 배타적인 보기 방식을 한 줄에서 전환하는 탭형 컨트롤. 아이콘과 레이블을 함께 써 현재 모드를 빠르게 식별한다.
연혁·로드맵·프로세스를 세로로 잇는 섹션. status로 점 모양이 달라진다(done 채움 · active 링 펄스 · todo 비움). 순수 CSS, 서버 컴포넌트.
여러 기능 설명을 탭으로 전환하는 섹션. 화살표, Home, End 키로 탭을 이동하며 비활성 패널도 문서에 남긴다.
연동할 수 있는 서비스를 격자로 보여준다. 이름 검색과 카테고리 필터를 제공하고 일치하는 항목이 없으면 빈 상태를 표시한다.
작은 중심 버튼에서 액션이 원형으로 퍼지는 공간 절약 메뉴. 항목 수에 따라 극좌표를 계산하므로 개수가 바뀌어도 원 둘레에 균등하게 놓인다.
메뉴 이름을 검색해 하위 항목까지 걸러 내고, 섹션을 펼쳐 원하는 화면으로 이동한다. 최근 본 항목, 신규·베타 배지, 준비 중 항목을 함께 표시한다.
접두어를 입력하면 도메인, 문서, 구성원처럼 정해진 범위 안에서만 검색한다. 처음에는 최근 항목과 접두어 안내를 보여주고 방향키와 Enter로 결과를 고른다.