Thư viện Thành phần
Môi trường kiểm thử (test-bench) cho hệ thống thiết kế Sunvoz. Xem trước và kiểm tra trạng thái tương tác của các thành phần giao diện.
Bảng màu (Design Tokens)
Các màu sắc cốt lõi được sử dụng trong giao diện thiên nhiên của Sunvoz.
Sage Green (Accent)
#2D6A4F
Sage Light
#40916C
Sage Pale
#D8F3DC
Sunvoz Gold
#C4A35A
Text Primary
#1A201C
Nút bấm (Buttons)
Các biến thể nút bấm khác nhau hỗ trợ các cấp độ tương tác.
Kiểu dáng chính (Styles)
Kích thước (Sizes)
Nhãn trạng thái (Badges)
Các nhãn nhỏ hiển thị trạng thái của sản phẩm hoặc nội dung.
New / Mới
Sale / Giảm giá
Eco / Thân thiện
Bestseller / Bán chạy
Nhập liệu (Form Elements)
Các thành phần của biểu mẫu liên hệ hoặc thanh toán.
Thông báo Toast
Kích hoạt thông báo góc màn hình để kiểm tra hoạt động.
Hộp thoại Modal
Hộp thoại đè bật lên trên giao diện để thu hút chú ý hoặc xác nhận.
Thẻ sản phẩm mẫu (Product Card)
Live card kết xuất trực tiếp bằng hệ thống helper của website.