컨트롤은 사용자의 손이 닿는 첫 번째 계층이다.
카드는 정보를 묶고, 버튼은 행동을 묶고, 배지는 상태를 묶는다.

카드 그리드

입력형 상태 예시

배지와 상태

확인 포인트

  • 카드 내부 텍스트와 카드 간 여백이 충분한가
  • 상태 배지가 버튼보다 더 강하게 보이지 않는가
  • 입력 필드가 테마 토큰에 맞는 표면과 테두리를 쓰는가

{cta(“related”, ref="../cta-shortcode/", label=“CTA 숏코드 보기”)}