Design system
Blog này được render bởi bộ UI của lam.ee. Màu sắc, typography, và các tương tác được định nghĩa.
Color Palette
Visual grammar mượn từ công ty agent giỏi nhất thế giới.
một vài tên gọi bạn sẽ thấy trong các bài viết
Typography
Chakra Petch và Maitree được chọn vì đến từ cùng một xưởng chữ Thái (Cadson Demak) — nơi các nhà thiết kế vốn quen giải quyết bài toán xếp chồng dấu thanh trong không gian hẹp. Heading mang chất cơ khí góc cạnh; body giữ lại sự êm ái của serif cổ điển; cả hai hòa hợp tạo dấu tiếng Việt có đủ không gian để thở, tỉ lệ dấu đậm đà, rõ ràng và nằm đúng trọng tâm thị giác mà không làm vỡ nhịp điệu dòng chữ.
UI Principles
Các quy tắc áp dụng đồng nhất trên mọi surface. Lớp tương tác tinh tế khi hover.
prefers-reduced-motion tắt toàn bộ lớp tương tác; lớp này chỉ sống trên thiết bị có con trỏ. live specimens
Thẻ bài viết
Z = −20 → +26px
hover → tách 4 mặt phẳng dọc trục Z
hover → +10px · active → lún về 0
Đứng yên trên đoạn văn này: chữ vạt ra chừa chỗ sau 2 giây, bị hút vào con trỏ sau 5 giây. Lắc chuột để trả về vị trí cũ.
dwell 2s → parting · 5s → absorption · shake → restore
Sáu đường kẻ dọc của grid hoạt động như dây căng: con trỏ cắt ngang → bật 8–12px, kèm một xung #2200ff chạy lên vạch ở đỉnh trang.
Không dark mode. Không card. Không gradient. Không shadow. Không radius. Không comments.