Casso Brand Kit
Tải trọn bộ logo
Mục lục

Foundations

Elevation

Color scheme
Brand
Density
Radius
Emphasis
Type scale
.effect-containerEffect/Container
.effect-popoverEffect/Popover
.effect-overlayEffect/Overlay
.effect-inputEffect/Input
.shadow-action-basicShadow/Action/Basic
.shadow-action-tertiaryShadow/Action/Tertiary
.shadow-bottom-level-1Shadow/Bottom/Level-1
.shadow-bottom-level-2Shadow/Bottom/Level-2
.shadow-bottom-level-3Shadow/Bottom/Level-3
.shadow-bottom-level-4Shadow/Bottom/Level-4
.shadow-top-level-1Shadow/Top/Level-1
.shadow-top-level-2Shadow/Top/Level-2
.shadow-top-level-3Shadow/Top/Level-3
.shadow-top-level-4Shadow/Top/Level-4

Shadow bind vào token màu chứ không dùng mã rgba cứng. Nhờ đó, khi bật Dark mode, shadow đổi theo và không bị đen kịt.