Hệ thiết kế

Màu

Gần như đơn sắc. Màu nhấn chiếm dưới 5% màn hình, nên mỗi lần xuất hiện đều có lý do.

Chữ

Unbounded cho tiêu đề, Be Vietnam Pro cho nội dung, JetBrains Mono cho số liệu và mã. Cả ba tự host, chỉ tải phần mã Unicode trang cần.

1. --t-3xlTiêu đề heroLá bài thay được mọi lá bài
2. --t-2xlTiêu đề mụcLá bài thay được mọi lá bài
3. --t-xlTiêu đề phụLá bài thay được mọi lá bài
4. --t-lDẫn nhậpLá bài thay được mọi lá bài
5. --t-mNội dungLá bài thay được mọi lá bài
6. --t-sChú thíchLá bài thay được mọi lá bài
7. --t-xsNhãn nhỏLá bài thay được mọi lá bài

ắ ằ ẳ ẵ ặ ấ ầ ẩ ẫ ậ ế ề ể ễ ệ ố ồ ổ ỗ ộ ớ ờ ở ỡ ợ ứ ừ ử ữ ự đ Đ

200.000 hạt · 60 khung/giây · LCP 1,2 s

Khoảng cách và bo góc

Lưới 4 px. Bo góc phân cấp: nút tròn hẳn, thẻ lớn bo rộng, ô nhỏ bo hẹp.

• --s-14 px
• --s-28 px
• --s-312 px
• --s-416 px
• --s-524 px
• --s-632 px
• --s-748 px
• --s-864 px
• --s-996 px
• --s-10128 px

Chuyển động

Chỉ animate transform và opacity. Người dùng bật giảm chuyển động thì mọi thứ đứng yên.

• --ease-out · --d-slowVào cảnh, nặng và chậm
• --ease-io · --d-baseĐổi trạng thái
• steps(1) · --d-glitchGlitch, chỉ chế độ Điên

Nút

Nút từ tính bị hút theo con trỏ trong phạm vi của nó. Chỉ bật trên máy có chuột.

Thẻ kính

Kính mờ trên nền, đèn rọi đi theo con trỏ. Dùng cho thẻ dịch vụ và case study.

Tiêu đề lộ dần

Từng dòng trượt lên khi cuộn tới, bằng CSS thuần. Trình duyệt chưa hỗ trợ thì chữ hiện sẵn.

Nghiêm túc trong code. Điên trong ý tưởng.Kỹ thuật vững. Cam kết rõ ràng.

Giọng nói

Ngân sách hiệu năng

CI đo mỗi lần đẩy code. Vượt một con số là build thất bại.

Đơn vị KB tính sau nén gzip. Font không tính vào tải ngay vì trang hiện bằng font hệ thống trước.