Casso Brand Kit
Tải trọn bộ logo

Tải trọn bộ

Casso Brand Kit12 thương hiệu · 40 file logo SVG, WebP · kèm brand.jsonTải tất cả · ZIP 3,9 MBbrand.jsonllms.txtGuideline

Hệ sinh thái Casso

Mục lục

Foundations

Typography

Color scheme
Brand
Density
Radius
Emphasis
Type scale

Mỗi class mang đủ sáu thuộc tính: font-family, font-size, line-height, letter-spacing, font-weight và text-transform. Type scale trên Mode bar đổi giữa Base 14 và Base 16. Cỡ chữ đổi theo, còn tên class giữ nguyên.

Display-Extra: 3

.text-display-extra-1Display-Extra/1
Casso — 0123456789 — Chuyển khoản thành công
.text-display-extra-2Display-Extra/2
Casso — 0123456789 — Chuyển khoản thành công
.text-display-extra-3Display-Extra/3
Casso — 0123456789 — Chuyển khoản thành công

Display: 4

.text-display-1Display/1
Casso — 0123456789 — Chuyển khoản thành công
.text-display-2Display/2
Casso — 0123456789 — Chuyển khoản thành công
.text-display-3Display/3
Casso — 0123456789 — Chuyển khoản thành công
.text-display-4Display/4
Casso — 0123456789 — Chuyển khoản thành công

Heading: 5

.text-heading-1Heading/1
Casso — 0123456789 — Chuyển khoản thành công
.text-heading-2Heading/2
Casso — 0123456789 — Chuyển khoản thành công
.text-heading-3Heading/3
Casso — 0123456789 — Chuyển khoản thành công
.text-heading-4Heading/4
Casso — 0123456789 — Chuyển khoản thành công
.text-heading-subheadingHeading/Subheading
Casso — 0123456789 — Chuyển khoản thành công

Body: 11

.text-body-extra-regularBody/Extra/Regular
Casso — 0123456789 — Chuyển khoản thành công
.text-body-extra-mediumBody/Extra/Medium
Casso — 0123456789 — Chuyển khoản thành công
.text-body-extra-boldBody/Extra/Bold
Casso — 0123456789 — Chuyển khoản thành công
.text-body-base-regularBody/Base/Regular
Casso — 0123456789 — Chuyển khoản thành công
.text-body-base-mediumBody/Base/Medium
Casso — 0123456789 — Chuyển khoản thành công
.text-body-base-boldBody/Base/Bold
Casso — 0123456789 — Chuyển khoản thành công
.text-body-small-regularBody/Small/Regular
Casso — 0123456789 — Chuyển khoản thành công
.text-body-small-mediumBody/Small/Medium
Casso — 0123456789 — Chuyển khoản thành công
.text-body-small-boldBody/Small/Bold
Casso — 0123456789 — Chuyển khoản thành công
.text-body-code-regularBody/Code/Regular
Casso — 0123456789 — Chuyển khoản thành công
.text-body-code-boldBody/Code/Bold
Casso — 0123456789 — Chuyển khoản thành công

Caption: 3

.text-caption-regularCaption/Regular
Casso — 0123456789 — Chuyển khoản thành công
.text-caption-mediumCaption/Medium
Casso — 0123456789 — Chuyển khoản thành công
.text-caption-boldCaption/Bold
Casso — 0123456789 — Chuyển khoản thành công

Label: 2

.text-label-small-mediumLabel/Small/Medium
Casso — 0123456789 — Chuyển khoản thành công
.text-label-small-boldLabel/Small/Bold
Casso — 0123456789 — Chuyển khoản thành công

Button-Label: 5

.text-button-label-xlButton-Label/XL
Casso — 0123456789 — Chuyển khoản thành công
.text-button-label-lButton-Label/L
Casso — 0123456789 — Chuyển khoản thành công
.text-button-label-mButton-Label/M
Casso — 0123456789 — Chuyển khoản thành công
.text-button-label-sButton-Label/S
Casso — 0123456789 — Chuyển khoản thành công
.text-button-label-xsButton-Label/XS
Casso — 0123456789 — Chuyển khoản thành công

All-Caps: 2

.text-all-caps-mAll-Caps/M
Casso — 0123456789 — Chuyển khoản thành công
.text-all-caps-sAll-Caps/S
Casso — 0123456789 — Chuyển khoản thành công