CityChat · conversation & community
เริ่มจากเรื่องที่อยากชวนคุย แล้วเลือกตัวช่วยเล่าเรื่องหนึ่งชิ้น ลองพื้น ลองจังหวะ และหยิบไปใช้ได้ทันที
3 เรื่องเล่า + 1 บทสนทนาต้นฉบับ
citychat.voice-home
ชวนคนใหม่มาร่วมวง แล้วให้เรื่องเล่าจากบ้านเริ่มต้น
กระโดด ยืดตัว พยักหน้า — ใบเหลืองแอบโผล่มาทัก
หนึ่งฉาก หนึ่ง motif เว้นรอบภาพอย่างน้อย 10% และวางข้อความสำคัญไว้นอกภาพ
ลิงก์ตรงถึงชิ้นนี้SVG เป็นภาพนิ่ง · PNG พื้นตามที่เลือก · โค้ดเล่นหนึ่งครั้งเมื่อเข้าจอ
citychat.live-visit-trade
บ้าน กล้อง ร้าน — สามมุมชวนมองละแวกเดียวกัน
หมุน 2 / 3 / 1 รอบ แล้วค่อย ๆ หยุดให้เห็นภาพข้างใน
หนึ่งฉาก หนึ่ง motif เว้นรอบภาพอย่างน้อย 10% และวางข้อความสำคัญไว้นอกภาพ
ลิงก์ตรงถึงชิ้นนี้SVG เป็นภาพนิ่ง · PNG พื้นตามที่เลือก · โค้ดเล่นหนึ่งครั้งเมื่อเข้าจอ
citychat.our-voice-here
ชวนปักเรื่องเล่า ณ จุดที่มีความหมาย ท่ามกลางเสียงเพื่อนบ้าน
เพื่อนบ้านค่อย ๆ โผล่ ใบหลักงอกจากแผนที่ และวงแหวนกระเพื่อม
หนึ่งฉาก หนึ่ง motif เว้นรอบภาพอย่างน้อย 10% และวางข้อความสำคัญไว้นอกภาพ
ลิงก์ตรงถึงชิ้นนี้SVG เป็นภาพนิ่ง · PNG พื้นตามที่เลือก · โค้ดเล่นหนึ่งครั้งเมื่อเข้าจอ
citychat.conversation
สองเสียงเอนเข้าหากัน แค่นี้เมืองก็เริ่มคุย
สองใบโผล่ แล้วเอนเข้าหากันสลับจังหวะ
หนึ่งฉาก หนึ่ง motif เว้นรอบภาพอย่างน้อย 10% และวางข้อความสำคัญไว้นอกภาพ
ภาพนิ่งเป็นไฟล์ต้นฉบับจากเจ้าของ ส่วน preview ใช้ motion ที่ส่งมาคู่กัน ต้นฉบับมี rendition เดียว จึงแสดงบนพื้นสว่าง
ลิงก์ตรงถึงชิ้นนี้SVG เป็นภาพนิ่ง · PNG พื้นตามที่เลือก · โค้ดเล่นหนึ่งครั้งเมื่อเข้าจอ
พื้นสว่างใช้ light พื้นเข้มใช้ dark ชื่อธีมของหน้าไม่ใช่ตัวตัดสิน และไม่ย้อมสีภาพให้เข้ากับพื้น
ภาพนิ่ง ≥24 px เห็นรอยยิ้ม ≥88 px motion ≥120 px ไม่ครอป ยืด กลับด้าน หรือใส่ข้อความลงในภาพ
ใช้เป็นคำชวนหรือจังหวะของเรื่อง ไม่ใช้แทนปุ่ม สถานะ หลักฐาน หรือจุดข้อมูลบนแผนที่
3d · แนวทาง lockup ในเอกสารแนบ — ไฟล์แนบมีข้อเสนอปรับบอลลูนบนโลโก้ให้เข้าชุด ที่นี่แสดงชุด motif โดยยังใช้โลโก้เดิม การออกไฟล์โลโก้ใหม่และปรับ Design System เป็นงานแยก