⚠️
เปิดผิดวิธีครับ
Presentation นี้ต้องเปิดผ่าน Server ถึงจะแสดงภาพ วิดีโอ และระบบโหวตได้
ไม่สามารถเปิดเป็น file:// ได้
วิธีเปิดที่ถูกต้อง:
1. ไปที่โฟลเดอร์ museum-presentation/
2. Double-click ไฟล์ START.command
3. Browser จะเปิด http://localhost:3000 อัตโนมัติ
1 / 12

MuseumThailand.com

Design
System

Proposal · 2569

กด → เพื่อเริ่มต้น
Museum Siam

ทุกมิวเซียม มีเรื่องราว
ที่ควรได้รับการส่องสปอตไลท์

Museum Thailand คือแพลตฟอร์มที่รวบรวมมิวเซียมทุกประเภท
ทุกมุมของประเทศไทย และส่องแสงให้พวกเขาเปล่งประกาย

🔬 วิทยาศาสตร์
📜 ประวัติศาสตร์
🎨 ศิลปะ
🌿 ธรรมชาติ
🏘️ ท้องถิ่น
✨ และอีกมากมาย
Museum Siam
Discovery Museum · กรุงเทพมหานคร
Original Logo
~16 สี

โลโก้ดั้งเดิม

ข้อจำกัดที่มองเห็น

🎨
~16 สีในโลโก้เดียว

ยากต่อการกำหนด Brand Color ที่ชัดเจนและจดจำง่าย

✏️
รายละเอียดซับซ้อนเกินไป

เส้น จุดเชื่อมต่อ ทำให้ Scale ยาก ดูยุ่งเหยิงในขนาดเล็ก

🌑
Drop Shadow ลดความยืดหยุ่น

ไม่สามารถใช้บนพื้นหลังหลากสีได้อย่างอิสระ

📐
ใช้งานในสื่อได้ยาก

ขนาดเล็ก ขนาดใหญ่ พื้นต่างๆ ล้วนมีข้อจำกัด

การนำเอกลักษณ์มาลดทอน

Transformation Reference

Asian Fairy-Bluebird

นกเขียวคราม · Irena puella

สีที่เกิดจากแสง
ไม่ใช่จากเม็ดสี

นกเขียวครามไม่มีเม็ดสีฟ้าในขนเลย แต่โครงสร้างของขนนกหักเหแสง ทำให้เกิดประกายสีฟ้าอันงดงาม — เรียกว่า Structural Color

"Museum Thailand เป็นเช่นนั้น — เราไม่ใช่มิวเซียม แต่เราส่องแสงไปยังมิวเซียมทุกแห่ง เพื่อให้พวกเขาเปล่งประกายในแบบที่เป็นตัวเอง"

Logo in Applications

ภาพจำลองการนำโลโก้ไปใช้งานในบริบทต่างๆ

Animation Elements

องค์ประกอบภาพเคลื่อนไหวสำหรับใช้ในงานดิจิทัล

ทิศทางที่ 1

สีฟ้า

Modern · Clear · Friendly

Blue direction

แรงบันดาลใจจาก Fairy-Bluebird Iridescence

VS
ทิศทางที่ 2

หลายสี

Vibrant · Diverse · Heritage

Multi direction

สะท้อนความหลากหลายของมิวเซียมทั่วประเทศ

รอบที่ 1 / 2

เลือกทิศทางที่ใช่

กด "เปิดโหวต รอบ 1" ในหน้าต่าง Presenter

กำลังโหลด...

สแกน QR หรือพิมพ์ URL บนมือถือ

📶 ต้องใช้ WiFi เดียวกับคอมพิวเตอร์
ทิศทางที่ 1: สีฟ้า
0 เสียง
ทิศทางที่ 2: หลายสี
0 เสียง
รวม 0 เสียง
รอบที่ 2 / 2

เลือกโลโก้ที่ใช่

รอผลรอบที่ 1...

รวม 0 เสียง

สแกนเพื่อโหวต

อัตลักษณ์ที่ชัดเจน ยืดหยุ่น และสวยงาม

MuseumThailand.com — Brand Guidelines Foundation

Color Palette — Primary

#1B7FD8Museum Blue
#4DAAFFIridescent Blue
#0E4F87Deep Blue
#07071CBackground
#FFFFFFWhite
#F5F6FAOff-White

Typography — Thai Google Fonts

H — Heading / Title
Google Sans Kanit Prompt Mitr

เด่น หนัก มีบุคลิก — เหมาะกับ H1, H2, Display, Title ขนาดใหญ่

B — Body / Paragraph
Sarabun Noto Sans Thai IBM Plex Sans Thai Anuphan Bai Jamjuree

อ่านง่าย นุ่มนวล — เหมาะกับ Paragraph, Caption, Label ขนาดเล็ก

⚖ เปรียบเทียบ

💡 คลิกที่ font card หรือ pill ด้านบนเพื่อโหลดเข้าช่องเปรียบเทียบ

ไม่มีหัว · Loopless สมัยใหม่ เรขาคณิต อ่านง่ายบนจอ — เส้นสิ้นสุดตัด ไม่มีห่วงที่ปลาย
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
Google SansGF
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
KanitGF
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
PromptGF
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
SarabunGF
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
Noto Sans ThaiGF
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
MitrGF
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
Bai JamjureeGF
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
IBM Plex Sans ThaiGF
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
AnuphanGF
มีหัว · Looped แบบดั้งเดิม ลายมือ ใกล้ชิด — เส้นสิ้นสุดมีห่วงเล็กๆ ตามแบบอักษรไทยดั้งเดิม
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
Noto Sans Thai LoopedGF
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
IBM Plex Sans Thai LoopedGF
มีเชิง · Serif หรูหรา คลาสสิก — เหมาะสำหรับ long-form content หัวข้อระดับสูง
พิพิธภัณฑ์ MuseumThailand.com
อ่านง่าย ชัดเจน
Noto Serif ThaiGF

Logo Usage — Do's

Logo สีขาวบนพื้นเข้ม
Logo สีน้ำเงินบนพื้นขาว
Logo สีขาวบนสีหลัก

New MuseumThailand.com

ประสบการณ์ใหม่ที่ออกแบบมาให้มิวเซียมทุกแห่ง
เข้าถึงผู้คนได้ง่าย สวยงาม และมีชีวิตชีวา

uat-museumthailand.appdudi.com
MuseumThailand Prototype
เปิดดู Prototype →