Design system
Đốm
Agency sáng tạo kiểu trang giải thưởng: chữ Anybody rất đậm, nở ngang 125%, nhịp section đổi giấy → mực → chanh. Dấu hiệu là "đốm": chữ nghiêng nằm trong viên chanh, chấm hồng ở nhãn mono, đốm con trỏ "Xem dự án", huy hiệu chữ xoay, đĩa tròn sau wordmark khổng lồ ở chân trang. Dự án xếp lệch nhịp 7/5, dịch vụ là hàng chữ lớn có ảnh bay theo con trỏ, case study kể thách thức → giải pháp → kết quả bằng con số lớn. Lưới dự án không ảnh tự thành tường wordmark khách hàng (không "giá") hoặc thẻ đội ngũ (có "giá" là chức danh).
Font
Tiêu đề
Anybody (wdth 125, wght 800)
Thương hiệu ngon phải được nhìn thấy
Nội dung
Onest
Branding, nội dung và quảng cáo hiệu suất cho thương hiệu F&B và phong cách sống.
Nhãn, số
Space Mono
(01) Case · Branding · 2026
Màu
Giấy
#F3F2EE
CMS: Màu nền
Mực
#121212
CMS: Màu chữ. Cũng là nền khối tối (đảo màu)
Chanh
#C6F24E
Đốm nhấn, nút, chân trang. CMS: Màu chính
Hồng đốm
#FF5470
Chấm ở nhãn, logo, dải chữ. CMS: Màu nhấn
Đá
#E4E1D8
CMS: Màu phụ
Nền nhạt
mực 6% trên giấy
Thẻ, gói, câu hỏi đang mở. Tự tính
Thang chữ
Hiển thị
Tinh tế trong từng chi tiết
Anybody 800 · wdth 125 · 48→180px · cao dòng 0,92 · -4,5%
H1
Tinh tế trong từng chi tiết
Anybody 800 · 44→132px · 0,94
H2
Tinh tế trong từng chi tiết
Anybody 800 · 35→84px · 0,98 · -4%
H3
Tinh tế trong từng chi tiết
Anybody 750 · wdth 112 · 23→32px
Thân
Tinh tế trong từng chi tiết
Onest 400 · 15→18px · 1,6
Nhãn
Tinh tế trong từng chi tiết
Space Mono · 11,5px · in hoa · chấm hồng
Bo góc
- Nút, chip, nhấn chữ999px (viên thuốc)
- Ảnh, thẻCMS bo góc × 1,2 (mặc định 24px)
- Phiếu brief, khối lớnCMS bo góc × 1,6 (32px)
Khoảng cách
- Khung nội dung1440px, lề 16 → 48px
- Khoảng section80px → 112px
- Lưới12 cột, dự án lệch nhịp 7/5 rồi 5/7
Chuyển động
Ease cubic-bezier(.16,1,.3,1). Tiêu đề trồi từng dòng khỏi mặt nạ (1,1s, trễ 110ms/dòng); khối nhích 28px + mờ → rõ. Chữ nút cuộn lên khi rê, vòng mũi tên xoay -45°. Dải chữ chạy bắt chéo, huy hiệu chữ xoay 16s (6s khi rê). Đốm con trỏ phình 104px kèm nhãn. Ảnh dịch vụ bay theo con trỏ, nghiêng theo vận tốc. Tuyên ngôn sáng dần từng chữ theo cuộn. Wordmark chân trang trồi lên, đậm dần quanh con trỏ.
Thành phần
Thương hiệu ngon phải được nhìn thấy
(01) Case · Branding · 2026