Skip to content
motthay

1thay design system

1thay design system

Section titled “1thay design system”

Nền tảng, tokens và components để xây dựng giao diện nhất quán, accessible. Lấy cảm hứng từ Helsinki DS (accessibility-first), Atlassian (enterprise scale), Carbon (data-dense), Linear (modern minimal), và Stripe (brand-forward).

Foundations

Section titled “Foundations”

Mỗi trang foundation mô tả tokens, quy tắc và cách sử dụng:

  • Màu sắc — Bảng màu với semantic tokens
  • Typography — Font, cỡ chữ, phân cấp
  • Spacing — Thang khoảng cách và layout
  • Iconography — Hệ thống icon, kích thước
  • Shadows — Độ nổi và phân lớp

Components

Section titled “Components”

Các UI building block với variants, states và hướng dẫn:

Nguyên tắc từ Helsinki DS

Section titled “Nguyên tắc từ Helsinki DS”