작은 디테일,
50가지 가능성.

명확한 다음 행동을 만드는 버튼

읽기 편한 텍스트와 타이포그래피

작지만 명확한 상태 표시

가볍게 선택하는 필터

둥근 형태의 선택 요소

제목 위에 놓는 작은 맥락

색상으로 전하는 상태

내용을 구분하는 선

항상 가까이 있는 주요 행동

일관된 간격을 만드는 레이아웃

정보와 행동을 담는 카드

강조할 이야기를 위한 영역

일정한 비율을 유지하는 콘텐츠

긴 콘텐츠를 위한 스크롤 영역

반복되는 정보를 정리하는 행

한 줄 텍스트 입력

여러 줄의 생각을 담는 입력

목록에서 하나를 선택

여러 항목을 자유롭게 선택

선택지 중 하나를 결정

설정을 켜고 끄는 스위치

입력의 목적을 설명하는 레이블

설명과 오류를 함께 보여주는 필드

범위 안에서 값을 조절

인증 번호를 나누어 입력

검색으로 빠르게 찾는 선택지

날짜를 한눈에 확인하고 선택

필요할 때 열어 쓰는 날짜 선택

관련 콘텐츠 사이를 이동

현재 위치와 상위 경로

페이지 단위로 콘텐츠 탐색

짧은 선택지를 나란히 배치

하나의 상태를 전환

여러 상태를 묶어서 선택

사람을 표현하는 프로필

함께하는 사람들의 모음

콘텐츠를 기다리는 자리

진행 중인 작업 표시

완료까지의 진행 상황

놓치면 안 되는 안내

첫 행동을 돕는 빈 화면

작업 결과를 짧게 전달

집중이 필요한 확인과 선택

아래에서 올라오는 보조 화면

옆에서 펼치는 추가 정보

요소에 대한 짧은 설명

맥락 안에서 보여주는 추가 정보

필요한 행동을 모아 놓은 메뉴

정보를 필요한 만큼 펼치기

한 영역을 접고 펼치기