Khởi Động Sprint Nâng Cấp Thương Hiệu
Tuần này tôi chính thức khởi động sprint nâng cấp thương hiệu 2026 — tám phase, bắt đầu từ design system và lan ra từng trang trên site. W17 gộp phase 0 đến 3 vào cùng một tuần, nghe có vẻ liều lĩnh hôm thứ Hai nhưng đến thứ Sáu thì cảm giác xứng đáng thật.
Những gì đã ship
Design system đã khoá. Bộ token lấy cảm hứng từ Binance giờ là nguồn sự thật duy nhất: một màu accent duy nhất (Binance Yellow #F0B90B), card opaque với border-radius 12px, whisper shadow 5% opacity, và BinancePlex là typeface chính trên mọi weight. Không có glass, không gradient ba màu, không hover-lift. Ràng buộc chính là điểm mấu chốt — thẩm mỹ sàn giao dịch fintech áp vào portfolio developer tạo ra tỷ lệ signal-to-noise khác thường mà tôi cho là hiệu quả.
Schema Content Collections mở rộng. Collection diary giờ có đủ field: mood, week, publicPrivate, translationOf. Collection projects có thêm metrics30d cho dữ liệu revenue/retention tùy chọn. Zod validation bắt schema drift lúc build, không phải lúc runtime.
Route diary này. Trang /diary bạn đang đọc chính là timeline mới chạy từ collection. Cái tracker money-challenge cũ đã bị xoá — nó là placeholder hữu ích nhưng format không đúng. Entry tuần viết dạng prose cho tôi nhiều không gian suy nghĩ hơn là một bộ đếm ngày kèm thanh tiến độ dollar.
Quyết định kỹ thuật tôi cứ phân vân
Nên dùng MDX hay Markdown thuần cho diary entries.
MDX cho phép nhúng component inline — tôi có thể thả một chart mood hay một tile số liệu thẳng vào bài viết. Nhưng nó làm phức tạp content pipeline và thực ra tôi không cần component trong bài viết ngắn. Chi phí MDX cao hơn lợi ích với entry 200–500 từ mỗi tuần.
Markdown thuần thắng. Component nằm ở tầng page (mood badge, diary card) và prose giữ sạch. Nếu sau này cần component inline thì xem lại — YAGNI áp dụng cho cả content format.
Điều tôi nhận ra về ràng buộc thiết kế
Làm việc trong một palette nghiêm ngặt — một màu accent, không thêm màu mới — buộc mọi quyết định visual phải là cấu trúc, không phải trang trí. Bạn không thể với tay lấy màu mới để giải quyết vấn đề phân cấp. Phải giải quyết bằng kích thước, weight, spacing, hoặc contrast. Sự kỷ luật đó khó chịu trong khoảng giờ đầu, sau đó mọi thứ tăng tốc đáng kể.
Tài liệu design system tôi viết trước khi đụng code hoá ra đáng từng phút. Có sẵn hex value, shadow value, radius scale viết ra rõ ràng nghĩa là tôi không bao giờ phải quyết định hai lần.
Tuần tới
W18 sẽ là rewrite trang home và about — tighten copy định vị và đồng bộ visual update qua hero above-fold. Section GitHub stats cần recolor contribution grid theo hệ thống tier vàng Binance.
Sprint đang đúng tiến độ. Tám phase, khoảng một phase mỗi tuần. Xem thế nào.