Design system
Ký Kiểu
Lấy cảm hứng từ đồ sứ ký kiểu triều Nguyễn (Bleu de Huế): nền men sứ trắng xanh, chữ in bằng mực lam cobalt thay cho màu đen, tím Huế cho chữ nghiêng nhấn. Viền miệng chén kẻ đôi, băng hồi văn, đĩa ảnh tròn có vành lam, huy hiệu chữ Thọ vẽ nét và chữ Hán dọc. Bố cục như thực đơn in: nhãn chữ nở ngang, đường chấm nối tên món với giá, số La Mã cho từng món.
Font
Tiêu đề
Brygada 1918
Ngự thiện, kể lại bằng mùa
Nội dung
Barlow
Bánh bèo nhân tôm chấy, nước mắm ớt xanh, mỡ hành nướng than hồng.
Nhãn
Encode Sans Expanded
Thực đơn nếm · Bảy món
Chữ Hán trang trí
Noto Serif TC
御膳 · 順化
Màu
Men sứ
#EEF0EB
Nền. CMS: Màu nền
Mực lam
#141E44
Chữ. CMS: Màu chữ
Lam ký kiểu
#22408C
Nút, nhãn, viền. CMS: Màu chính
Tím Huế
#6E2F5E
Chữ nghiêng nhấn, số La Mã. CMS: Màu nhấn
Nước men
#D7E0EA
Nền dải bảng giá. CMS: Màu phụ
Lòng chén
lam 72% + mực
Nền section đậm, chân trang. Tự tính
Thang chữ
Hero
Tinh tế trong từng chi tiết
Brygada 400 · 46→118px · -2.5%
H1
Tinh tế trong từng chi tiết
Brygada 400 · 40→74px · -2%
H2
Tinh tế trong từng chi tiết
Brygada 400 · 34→56px · -2%
H3
Tinh tế trong từng chi tiết
Brygada 500 · 21→26px
Thân
Tinh tế trong từng chi tiết
Barlow 400 · 17–18px · cao dòng 1.7
Nhãn
Tinh tế trong từng chi tiết
Encode Sans Expanded 500 · 10.5px · in hoa · +20%
Bo góc
- Nút, thẻ, ô nhập0 (góc vuông như thẻ thực đơn)
- Đĩa ảnh, ô ngày, chip dịp999px
Khoảng cách
- Khung nội dung1400px, lề 20 → 32px
- Khoảng section80px → 112px
- Lưới12 cột, khe 40px
Chuyển động
Hiện dần 700ms cubic-bezier(.32,.72,0,1): mờ → rõ, nhích 16px. Ảnh hero thu từ 108% về 100% (hero-12). Huy hiệu đĩa vẽ dần nét khi cuộn tới. Thực đơn nếm: đĩa lớn đổi theo món đang đọc. Gallery mở tấm theo flex 700ms.
Thành phần
Mười chén nhỏ, mỡ hành, nước mắm ớt xanh
Bảy món, một buổi tối xứ Huế