ChoThueDaNangAzure Bloom · Design Preview Xem giao diện
DESIGN SYSTEM · AZURE BLOOM V1.0

Thiết kế mới cho
ChoThueDaNang

Tinh thần biển hiện đại, tìm kiếm dễ dàng, bất động sản nổi bật. Xem hệ màu được duyệt, thành phần giao diện và bản mô phỏng public UI.

Xem thử giao diện →Xem 7 bảng thiết kế
✓ Azure Bloom V1.0 · 12 màu + 3 gradient đã duyệt
chothuedanang · design preview✦
⌂ ChoThueDaNangTrang chủ　 Tin cho thuê　 Tin tứcĐăng tin
TÌM ĐÚNG NƠI Ở

Không gian sống
phù hợp với bạn

Tìm bất động sản theo cách đơn giản hơn

⌕　Nhập khu vực, từ khóaLoại hình　⌄Tìm kiếm
Tin cho thuê nổi bật　Khám phá →
12Màu thương hiệu đã khóa
03Gradient đã duyệt
07Boards Penpot native
35Nhóm component đã khảo sát
02 / RESPONSIVE CONCEPT

Giao diện sẽ trông như thế nào?

Bản mô phỏng tương tác với theme mới, chưa phải màn hình chính thức của Phase 4 hoặc website production.

MINH HỌA · CHƯA CÓ API
NỀN TẢNG CHO THUÊ TẠI ĐÀ NẴNG

Tìm không gian sống
đúng điều bạn cần.

Khám phá lựa chọn theo khu vực, giá thuê và loại hình — một cách rõ ràng và tinh gọn.

TIN ĐĂNG NỔI BẬT

Khám phá nhà cho thuê

Ví dụ minh họa dữ liệu — không phải tin đang được đăng bán/cho thuê.

3 kết quả minh họa
NỔI BẬT◫ 8 ảnh
CĂN HỘ

Căn hộ sáng thoáng gần biển

⌖ Sơn Trà, Đà Nẵng

▤ 72 m² · 2 PN · 2 WC
12 triệu / tháng
VIP◫ 12 ảnh
NHÀ NGUYÊN CĂN

Nhà nguyên căn tiện nghi, trung tâm

⌖ Hải Châu, Đà Nẵng

▤ 105 m² · 3 PN · 2 WC
16 triệu / tháng
MỚI ĐĂNG◫ 6 ảnh
STUDIO

Studio hiện đại, không gian mở

⌖ Ngũ Hành Sơn, Đà Nẵng

▤ 43 m² · 1 PN · 1 WC
8 triệu / tháng
ChoThueDaNangNền tảng an toàn, uy tín, chuyên nghiệp.
Azure Bloom V1.0 · Visual concept

* Đây là bản mô phỏng tĩnh để bạn xem màu sắc, bố cục và cách tương tác dự kiến. Hình minh họa không phải ảnh bất động sản thật; nút Đăng tin không tạo dữ liệu.

03 / DESIGN RULES

Một hệ thiết kế thống nhất

12 màu đã duyệt được dùng nhất quán qua CTA, card, nền và thành phần tương tác.

Accent#FF994A
Primary#247DC7
Deep#143C73
Glow#56D4F5
Surface#F5FBFF
White#FFFFFF
Dark Ink#17273D
Muted#64748B
Border#DEE8F2
Primary Soft#EAF5FF
Accent Soft#FFF1E6
Primary Strong#1F70B5
Blue = Function

Điều hướng, tìm kiếm và thao tác chủ động.

Orange = Attention

Đăng tin, trạng thái VIP và CTA nổi bật.

Deep + Glow = Identity

Banner, không gian thương hiệu và điểm nhấn.

White + Surface = Clarity

Thông tin sạch, dễ đọc và nhất quán.