ISO 45001:2018
Hệ thống quản lý an toàn và sức khoẻ nghề nghiệp.
Design system
Đông Á
Tổng thầu xây dựng, tự tin kiểu công nghiệp: nền bê tông sáng, chữ graphite, tiêu đề grotesk rất đậm và khít, số liệu cứng đặt trong bảng thông số kẻ mảnh. Một màu cam tín hiệu duy nhất, dùng tiết kiệm cho ô đánh dấu, trạng thái "đang thi công" và thanh tiến độ. Góc vát kiểu bản thép thay cho bo tròn, đường kích thước bản vẽ thay cho trang trí.
Font
Tiêu đề
Libre Franklin
Xây đúng tiến độ đã ký
Nội dung
IBM Plex Sans
Dự toán chia theo từng hạng mục, báo cáo tiến độ và ảnh hiện trường mỗi thứ Hai.
Nhãn, thông số
Chivo Mono
Diện tích 24.000 m² · 12 tầng + 2 hầm
Màu
Nền bê tông
#ECEBE7
CMS: Màu nền
Graphite
#15181B
Chữ, khối tối, footer. CMS: Màu chữ
Chính
#1B1F23
Nút. CMS: Màu chính
Cam tín hiệu
#E2471B
Chỉ cho điểm nhấn, trạng thái, tiến độ. CMS: Màu nhấn
Bê tông đậm
#CFCDC6
Nền chờ ảnh. CMS: Màu phụ
Vạch kẻ
chữ 14% / 32% trên nền
Tự tính
Thang chữ
Display
Tinh tế trong từng chi tiết
Franklin 700 · 44→100px · -4.5%
H1
Tinh tế trong từng chi tiết
Franklin 700 · 38→72px · -4%
H2
Tinh tế trong từng chi tiết
Franklin 700 · 32→56px · -3.5%
H3
Tinh tế trong từng chi tiết
Franklin 700 · 22→28px
Thân
Tinh tế trong từng chi tiết
Plex Sans 400 · 15→16px
Nhãn
Tinh tế trong từng chi tiết
Chivo Mono 500 · 11px · in hoa · +14%
Bo góc
- Mọi thành phần0
- Góc vát nút10px
- Góc vát ảnh, thẻ14px / 28px
Khoảng cách
- Khung nội dung1280px, lề 16 → 32px
- Khoảng section64px → 96px
- Lưới12 cột, khe 24–56px
Chuyển động
Trượt lên 18px + hiện rõ, 700ms cubic-bezier(.16,1,.3,1), so le 90ms. Ảnh lớn mở từ trái sang như tấm che công trường được kéo (clip-path). Thanh tiến độ chạy từ 0 khi cuộn tới. Vạch dưới menu trượt ra từ trái.
Thành phần
Nút (góc vát)
Nhận dự toán Gửi yêu cầu Xem dự án Về chúng tôi
Ô nhập
Bảng thông số + tiến độ
- Diện tích
- 24.000 m²
- Quy mô
- 12 tầng + 2 hầm
Tiến độ68%
Đường kích thước · nhãn · ô số lật
24.000 m²
Dự án tiêu biểu 1286
Tấm chứng chỉ
Ảnh vát góc