Description
- 카드에는 단일 주제에 대한 콘텐츠 및 작업이 표시
Production Rule
- 카드의 콘텐츠에 따라 레이아웃과 크기를 유연하게 조정
- 텍스트와 이미지와 같은 요소는 계층 구조를 명확하게 나타내는 방식으로 배치
- Three types: elevated, filled, outlined
Usage
- 강조(배경과의 시각적 계층 강조?) 에 따른 사용 타입
Outlined > Elevated > Filled
Avoid
- 간격, 헤드라인 또는 구분자(dividers)를 사용하면 시각적 계층 구조가 더 단순해질 수 있는 경우 콘텐츠를 카드에 억지로 넣지 말기
위의 경우 구분자(dims)로도 충분히 컨텐츠들이 구분되어 질 수 있을 것 같음
https://m3.material.io/components/divider/overview
Design 참고