깊이
그림자 대신 빛과 유리로 층을 나눠요. 화면의 값은 빌드할 때 제품 코드에서 바로 읽었어요.
면의 층#
그림자 대신 면의 밝기로 층을 나눠요. 페이지는 app, 그 위 카드는 bg예요(이 문서의 카드가 그렇게 그려져 있어요).
app - 페이지
bg - 카드
chip - 칩·입력
빛 · 유리#
강조할 카드 하나에만 빛(ai-soft-glow), 콘텐츠 위에 뜨는 막대에는 유리(glass)를 써요.
ai-soft-glow
glass
하지 않아요#
- 회색 그림자(rgba(0,0,0,.1))를 카드마다 두르지 않아요.
- 빛을 테두리처럼 두르지 않아요 - 빛은 면도 선도 만들지 않아요.
- 밝은 유리 위에 또 밝은 유리를 겹치지 않아요. 글자가 안 읽혀요.