Design system
Mộc Lam
Japandi ấm, dẫn dắt bằng vật liệu: nền vải lanh có hạt, tiêu đề Geologica nét mảnh, chữ nhấn Spectral nghiêng màu gỗ teak. Gỗ, đá, lanh, đất nung được vẽ bằng CSS thành các tấm mẫu có lỗ xỏ khoen; thẻ dự án khoét một góc lõm chứa nút mũi tên; đường kẻ ấm thay cho bóng đổ, bo góc 20–28px mềm như đồ gỗ đã mài.
Font
Tiêu đề
Geologica
Nhà ấm từ vật liệu thật
Chữ nhấn
Spectral nghiêng
vật liệu thật
Nội dung
Commissioner
Khảo sát, thiết kế 3D và thi công trọn gói căn hộ, nhà phố tại Đà Nẵng.
Nhãn
Commissioner in hoa
Studio nội thất · Đà Nẵng
Màu
Vải lanh
#F3EEE6
Nền. CMS: Màu nền
Than ấm
#2B2620
Chữ. CMS: Màu chữ
Óc chó
#6B4F3A
Nút, footer. CMS: Màu chính
Gỗ teak
#A0673F
Chữ nghiêng, dấu ✓. CMS: Màu nhấn
Yến mạch
#E2D7C6
Nút tròn, dải CTA. CMS: Màu phụ
Thẻ
nền + 42% trắng
Tự tính
Kẻ
chữ 14% trên nền
Tự tính
Thang chữ
H1
Tinh tế trong từng chi tiết
Geologica 300 · 42→76px · -3,5%
H2
Tinh tế trong từng chi tiết
Geologica 300 · 32→52px · -3%
H3
Tinh tế trong từng chi tiết
Geologica 400 · 24px
Thân
Tinh tế trong từng chi tiết
Commissioner 400 · 15→16px
Thông số
Tinh tế trong từng chi tiết
Commissioner 500 · 10.5px · in hoa · +16%
Nhãn
Tinh tế trong từng chi tiết
Commissioner 500 · 11.5px · in hoa · +18% · chấm màu nhấn
Bo góc
- Nút, header, thanh nổi999px
- Ảnh, thẻ dự án, footer28px
- Thẻ phụ, mẫu vật liệu14–24px
- Bảng giá0 (kẻ liền)
Khoảng cách
- Khung nội dung1216px, lề 20 → 32px
- Khoảng section80px → 112px
- Lưới12 cột, khe 32–64px
Chuyển động
Hiện dần 700ms cubic-bezier(.2,.7,.2,1): nhích 16px + mờ → rõ, so le 90ms. Ô màu bảng phối mọc lên lần lượt. Bước quy trình tô màu chính và đổi sang ✓ khi cuộn tới. Thẻ dự án phóng ảnh 4%, đĩa mũi tên đổi màu; tấm mẫu vật liệu nghiêng -1° khi rê.
Thành phần
Bảng phối studio
Mộc Lam Studio
Geologica
- Diện tích
- 78 m²
- Phong cách
- Japandi
- Chi phí
- 465 triệu
- Thời gian
- 9 tuần