Design system
Vạn Lam
Kiến trúc và bản vẽ: nền than chì, lưới 12 cột mờ phía sau trang, tiêu đề Inter Tight nét mảnh cỡ rất lớn, số thứ tự và nhãn IBM Plex Mono. Ảnh vuông góc có dấu góc như bản in, bảng thông số kẻ mảnh, mặt bằng vẽ nét. Chuyển động chậm và chính xác: ảnh mở bằng clip-path từ dưới lên, menu toàn màn hình quét từ trái.
Font
Tiêu đề
Inter Tight
Sống chậm bên sông Sài Gòn
Nội dung
Hanken Grotesk
Hai tháp căn hộ 38 tầng, mật độ xây dựng 28%, bàn giao hoàn thiện cơ bản.
Số & nhãn
IBM Plex Mono
01 — Vị trí · 4,2 ha · Q4/2027
Màu
Nền
#0F1110
Than chì. CMS: Màu nền
Chữ
#ECE8E1
Trắng xương. CMS: Màu chữ
Chính
#D9D3C6
Nút viên thuốc, ô số tab. CMS: Màu chính
Nhấn
#9FB4A8
Xanh rêu sông: giá, nhãn footer, vạch bảng thông số. CMS: Màu nhấn
Mặt khối
#171A18
Bảng thông số, form, menu. CMS: Màu phụ
Đường kẻ
chữ 15% trên nền
Tự tính; lưới nền 8%
Thang chữ
Hiển thị
Tinh tế trong từng chi tiết
Inter Tight 300 · 48→152px · -4.5% · lh 1.04
H2
Tinh tế trong từng chi tiết
Inter Tight 300 · 36→80px · -4%
H3
Tinh tế trong từng chi tiết
Inter Tight 400 · 24→40px · -3%
Số liệu
Tinh tế trong từng chi tiết
Inter Tight 300 · tabular · -5%
Thân
Tinh tế trong từng chi tiết
Hanken Grotesk 400 · 15→16px
Nhãn
Tinh tế trong từng chi tiết
IBM Plex Mono · 11px · in hoa · +14%
Bo góc
- Ảnh, thẻ, bảng, form0 (vuông góc)
- Nút, tab, chip999px
Khoảng cách
- Khung nội dung1440px, lề 20 → 48px
- Khoảng section96px → 144px
- Lưới4 cột (điện thoại) / 12 cột, khe 24px, hiện mờ phía sau trang
Chuyển động
Hiện dần 900ms cubic-bezier(.16,1,.3,1), nhích 24px, so le 90ms. Ảnh: clip-path inset(100% 0 0 0) → 0 trong 1.2s cubic-bezier(.625,.05,0,1), ảnh thu 1.12 → 1. Menu: clip-path quét 1.2s. Bộ sưu tập: cuộn dọc đẩy ngang. Tôn trọng prefers-reduced-motion.
Thành phần
Sống chậm bên sông
- Diện tích thông thuỷ
- 74,6 m²
- Hướng ban công
- Đông Nam
- Bàn giao
- Hoàn thiện cơ bản
Tổng diện tích
Tầng mỗi tháp
Mật độ xây dựng
Bàn giao