Design system cho mini game FPT Telecom: activation offline, website, app và Zalo Mini App. Dựng từ Brand Assets Guidelines 2025 của FCM.
Bảng màu chính thức (trang 30–32). Cam là chủ đạo; xanh dương, xanh lá là 2 trục phụ; hồng, Lotion, Smoky Black bổ trợ. Tỉ lệ phối 6-3-1.
#FF971A → #FF6A13#3755DF → #0047BB#00CF50 → #29B80A| Mẫu | Cặp màu | Tỉ lệ | Được dùng |
|---|---|---|---|
| Aa | Trắng / #0047BB | 8.0 | Mọi cỡ chữ |
| Aa | #1E1E1E / cam | 6.7 | Mọi cỡ chữ |
| Aa | Trắng / #C2410C | 5.2 | Mọi cỡ chữ |
| Aa | Trắng / #FF6A13 | 2.9 | Chỉ chữ đậm ≥ 17px (nút, tiêu đề) |
| Aa | Trắng / #FF8206 | 2.5 | Chỉ tiêu đề ≥ 24px đậm |
| Aa | Chữ cam #FF8206 / trắng | 2.5 | Không — dùng #C2410C |
Tiêu đề luôn dùng FPT SongVui, nội dung dùng Articulat. Trang này đang hiển thị font dự phòng Lexend / Be Vietnam Pro vì chưa có file font chính thức. Tối đa 2 font mỗi màn.
40 · 64 desktop · 112 kiosk32 · 80 kiosk24 · 56 kiosk20 · 40 kiosk18 · 32 kiosk13 · 22 kiosk16 · 26 kiosk12 · 18 kiosk48 · 140 kioskKhối bit nghiêng 13° (đồng nhất góc logo FPT) là visual cue bắt buộc: mỗi màn phải có bit-dot đầy đủ hoặc cắt góc. Trong UI, góc 13° áp vào badge, nút bit, số thứ tự, thanh tiến độ và loader.
30 tư thế chọn từ bộ sticker Cáo, đặt tên theo tình huống trong game. Dùng <img class="ds-fox" src="assets/mascot/cao-<tên>.webp" style="--s:120px"> — --s là chiều cao. Game đối đầu phân đội bằng màu áo, không đổi màu Cáo.
Chào & hướng dẫn
chao
qr
nghi
lo
mic
vestThắng & cảm ơn
vui
like
vo-dich
toa-sang
ngoi-sao
vao
timThua, lỗi & chờ
tiec
khoc
gian
ngac-nhien
choang
nga
nguThể thao — phân đội bằng áo
thu-mon-do
thu-mon-xanh
sut-do
sut-xanhSản phẩm & mùa
modem
xe-may
xem-tv
hung-loc
mua-lan
thay-boi| Quy tắc | Lý do |
|---|---|
| Tối đa 1 Cáo mỗi màn (đối đầu: 1 Cáo mỗi đội) | Giữ điểm nhìn cho điểm số và CTA |
| Không che nút, điểm, đồng hồ; không đặt trong vùng chạm | Người chơi chạm nhầm vào hình |
Không đổi màu, kéo méo, cắt mặt. Được lật ngang (.ds-fox--flip) | Giữ nhận diện nhân vật |
Cáo khóc/giận chỉ cho thua game, bấm sớm. Lỗi mạng, lỗi nhận quà dùng choang hoặc lo | Không đổ lỗi cho người chơi |
| Không dùng sticker có mặt người thật, chữ lóng (“Ủa em?”) hoặc logo đối tác (URBOX) nếu chưa được duyệt | Quyền hình ảnh, giọng thương hiệu |
| Kiosk/TV: Cáo cao ≥ 200px; điện thoại: 64–140px | Đọc được biểu cảm từ xa |
Các component dùng chung cho mọi game. Kích thước tự đổi theo kênh qua data-platform.
Đang diễn ra
Quay để nhận modem Wi-Fi 7 và hàng nghìn voucher. Kết thúc 31/12.
Cùng component, chỉ đổi data-platform. Kiosk phóng to chữ và vùng chạm (96px) để chơi khi đứng cách màn 1–2 m; Zalo chừa header của Zalo; app ẩn header vì app native đã có.
Vòng Quay Wi-Fi 7
Bạn nhận được voucher giảm 50% tháng đầu Internet FPT.
Lật thẻ · Màn 2/4
