“Dark mode + minimal” dễ rơi vào template giống nhau. Dưới đây là vài quyết định cụ thể trên site này — không phải quy tắc chung, chỉ là lựa chọn hiện tại.
Nền gần đen, không thuần #000
Background dùng khoảng #0a0a0b. Đen tuyệt đối trên OLED
đẹp, nhưng dễ làm chữ và border “nổi” quá gắt. Một chút ấm/xám giúp
hierarchy mềm hơn.
Một accent, dùng tiết kiệm
Accent tím nhạt (#a78bfa) cho link, nút primary, và điểm
nhấn trong game. Hầu hết UI vẫn xám — accent chỉ xuất hiện khi cần
action hoặc focus.
Typography hẹp, độ rộng đọc thoải mái
Nội dung bài viết giới hạn ~720px. Card grid rộng hơn một chút. Font DM Sans cho UI, JetBrains Mono cho meta/date — đủ “dev” mà không ồn.
Border thay vì shadow
Card và panel tách bằng border 1px tối. Shadow trên nền dark thường bẩn hoặc vô hình; border rẻ, rõ, dễ maintain.
Animation tối thiểu
Chỉ fade-up nhẹ khi load, hover card nhích 2px. Không parallax, không confetti. Site cá nhân không cần “wow” 5 giây đầu — cần cảm giác ổn định.
Nếu sau này đổi sang light mode: token CSS đã gom trong
:root, đổi biến là xong phần lớn.