UI Kit
แหล่งอ้างอิงเดียวสำหรับสี รูปแบบตัวอักษร และคอมโพเนนต์ทั้งหมดของแพลตฟอร์มนี้ อินเทอร์เฟซของผลิตภัณฑ์ต้องใช้เฉพาะสิ่งที่กำหนดไว้ที่นี่เท่านั้น
จานสี
ตัวอักษร
หัวข้อระดับ 1
หัวข้อระดับ 2
หัวข้อระดับ 3
หัวข้อระดับ 4
ข้อความเนื้อหาถูกจัดวางให้อ่านสบาย: ระยะห่างบรรทัดกว้างขึ้นและความยาวบรรทัดพอเหมาะ ทำให้คำอธิบายประกาศหรือหน้านโยบายไม่รู้สึกอึดอัด
Body text is set for comfortable reading: generous line height and a measured line length, so a listing description or a policy page never feels cramped.
Основной текст набран для комфортного чтения: увеличенный межстрочный интервал и умеренная длина строки — описание объекта или страница политики никогда не выглядят тесно.
ข้อความเนื้อหาถูกจัดวางให้อ่านสบาย: ระยะห่างบรรทัดกว้างขึ้นและความยาวบรรทัดพอเหมาะ ทำให้คำอธิบายประกาศหรือหน้านโยบายไม่รู้สึกอึดอัด
正文排版注重阅读体验:行距宽松、每行长度适中,无论是房源描述还是政策页面都不会显得拥挤。
ดีไซน์ที่ดีคือดีไซน์ที่น้อยที่สุดเท่าที่จะเป็นไปได้
ปุ่ม
ฟอร์มและช่องกรอกข้อมูล
คอมโพเนนต์เชิงโต้ตอบ
ปฏิทินวันว่าง
- วันที่จองของคุณ
- ไม่ว่าง
- วันนี้
การจองของคุณ
- เช็คอิน
- อังคาร 8 ธ.ค.
- เช็คเอาต์
- ศุกร์ 18 ธ.ค.
- 10 คืน
- $1040
- ส่วนลดพักยาว (10%)
- −$104
- ยอดรวม
- $936
- ราคาเฉลี่ยต่อคืน
- $94
ความสมบูรณ์ของประกาศ
ป้ายกำกับ
การ์ดอสังหาริมทรัพย์
แกลเลอรีรูปภาพ
ใช้ในหน้าของอสังหาริมทรัพย์แต่ละแห่งและหน้าโครงการ/คอมเพล็กซ์ที่มีหลายยูนิต คลิกรูปหลักเพื่อเปิดแบบเต็มจอ ใช้ปุ่มลูกศรและปัดนิ้วเพื่อเลื่อนดูได้ที่นั่น
โอเวอร์เลย์และป๊อปอัป
กราฟ
แผนที่
แตะที่หมุดเพื่อดูตัวอย่างประกาศ — ลากและบีบนิ้วเพื่อเลื่อนและซูมได้เหมือนใน Google Maps
แผนที่นี้ทำงานด้วย API key ของ MapTiler ของคุณเอง
ตอนนี้ป้ายชื่อจะตามภาษาปัจจุบันของเว็บไซต์โดยอัตโนมัติและเปลี่ยนไปพร้อมกับหน้าเว็บ — ลองเปลี่ยนภาษาดูได้เลย แผนฟรีครอบคลุม 5,000 map session และ 100,000 คำขอ API ต่อเดือน ไม่ต้องผูกบัตร ควรจับตาดูเมื่อแผนที่นี้ย้ายจาก /ui-kit ไปอยู่ในหน้าที่มีทราฟฟิกจริง ส่วนแผนถัดไปคือ Flex ราคา 30 ดอลลาร์ต่อเดือน สำหรับ 25,000 session และ 500,000 คำขอ