Design system
Phúc Thịnh
Công nghiệp sáng và chính xác, như tờ bản vẽ trên bàn kỹ sư bao bì: nền giấy trắng ngà có lưới ô mờ, chữ Readex Pro nét mảnh, số liệu đặt trong bảng thông số kẻ 1px. Chi tiết lấy từ khâu chế bản in offset: dấu cắt xén ở góc ảnh, dấu chồng màu, thang màu CMYK ở lề, bản bế thùng carton tự vẽ nét (nét liền là cắt, nét đứt là gấp), đường kích thước có dung sai. Một màu xanh cyan in ấn làm màu chính, màu giấy kraft làm điểm nhấn hiếm hoi. Góc vuông, không đổ bóng.
Font
Tiêu đề
Readex Pro
Bao bì xuất khẩu, đúng từng milimét
Nội dung
Onest
Thùng carton 3, 5, 7 lớp; hộp in offset 6 màu; túi giấy kraft đạt chuẩn FSC.
Nhãn, số
Overpass Mono
PT-01 · 400 × 300 × 250 mm · ±1,0
Màu
Nền
#F4F5F1
Giấy trắng ngà. CMS: Màu nền
Chữ
#121A21
Mực graphite. CMS: Màu chữ
Chính
#0A6A8A
Xanh cyan in ấn: nút, chữ nhấn, nét gấp. CMS: Màu chính
Nhấn
#B5763F
Giấy kraft: vạch hàng khác biệt trong bảng, hướng sóng. CMS: Màu nhấn
Giấy
nền + 70% trắng
Thẻ, phiếu RFQ, footer
Lưới
chữ 7% trên nền
Lưới ô 24px, kẻ trong bảng
Thang chữ
H1
Tinh tế trong từng chi tiết
Readex Pro 300 · 40→83px · -3,5%
H2
Tinh tế trong từng chi tiết
Readex Pro 300 · 32→54px · -3%
H3
Tinh tế trong từng chi tiết
Readex Pro 400 · 20–26px
Số liệu
Tinh tế trong từng chi tiết
Readex Pro 300 · số đều cột · -4%
Thân
Tinh tế trong từng chi tiết
Onest 400 · 15→16px
Nhãn
Tinh tế trong từng chi tiết
Overpass Mono · 11px · in hoa · +12%
Bo góc
- Nút, ô nhập, thẻ0 (CMS: Vuông)
- Ảnh0, viền 1px + dấu cắt xén lệch 18px
Khoảng cách
- Khung nội dung1248px, lề 20 → 32px
- Khoảng section80px → 112px
- Lưới12 cột, khe 24–40px; lưới nền 24px
Chuyển động
Hiện dần 550ms cubic-bezier(.2,.8,.2,1), nhích 10px. Ảnh lớn mở như cửa chớp từ trái (clip-path). Bản bế tự vẽ nét theo pathLength, nét gấp và kích thước hiện sau 1,1s. Mũi tên trong nút nhích 3px khi rê.
Thành phần
| Loại sóng | B, C, E, BC, BE |
|---|---|
| Định lượng giấy | 125 – 250 g/m² |
| Độ nén thùng (BCT) | ≥ 450 kgf |