Conceptual Idea · Design System V2 · 2026

เมืองหนึ่งเมือง
คือ นิตยสารหนึ่งเล่ม

Thailand Together ไม่ใช่แอปเดียวที่ทุกเมืองหน้าตาเหมือนกัน — แต่เป็น “สำนักพิมพ์” ที่ออกนิตยสารเมืองให้แต่ละจุดหมาย มีปก มีเสียง มีจังหวะของตัวเอง · ผู้อ่านคนเดียวกันได้ฉบับที่ตรงกับบทบาท อารมณ์ และภารกิจของเขาในวันนั้น

§ 01 — แก่นความคิด
หน้ากากเปลี่ยนได้ · แก่นสารอยู่หลังประตู — เราออกแบบ “ประสบการณ์การอ่านเมือง” ที่ลอกเปลือกไปก็ได้แค่ปก เพราะคุณค่าจริงอยู่ที่ความลึกของเนื้อหาและ AI ที่เข้าใจคุณ
Frontend = นิตยสารที่พิมพ์ใหม่ได้เรื่อยๆ · Backend = กองบรรณาธิการที่ลอกไม่ได้
§ 02สามมิติของนิตยสารเมือง

ออกแบบให้ลึกใน 3 มิติพร้อมกัน

ทุกหน้าจอเกิดจากการตัดกันของสามแกน — เมืองไหน · ผู้อ่านกำลังสวมบทบาทใด · ต้องการบริการแบบใด ณ ขณะนั้น

มิติ 1 · Place

Multi-Tenant

แต่ละเมืองคือนิตยสารคนละเล่ม — ปก สีประจำ ตัวอักษรหัวเรื่อง และเรื่องเด่นต่างกัน นักท่องเที่ยวจึงได้ “รสเมือง” ที่ไม่ซ้ำเมื่อเปลี่ยนจุดหมาย

PattayaChiang RaiUdon Thani+ tenants
มิติ 2 · People

Multi-Persona

คนหนึ่งคนมีหลายบทบาทในทริปเดียว — แฟน · ครอบครัว · ผู้ดูแลผู้สูงอายุ · เพื่อนร่วมงาน · นักผจญภัย นิตยสารปรับคอลัมน์ให้ตรงบทบาทที่กำลังสวม

อารมณ์ภารกิจประสบการณ์ความอยากใหม่
มิติ 3 · Moment

Multi-Service

Tourism AI อ่านสถานที่ · เวลา · สถานการณ์ · ความรับผิดชอบ · สิ่งที่ปรารถนา แล้วเสิร์ฟบริการที่ “พอดี” กับช่วงเวลานั้นอย่างลื่นไหล

PlaceTimeContextIntent
§ 03Multi-Tenant · หนึ่งเมือง หนึ่งเล่ม

แต่ละเมือง มีปกของตัวเอง

โครงเหมือนกัน (descriptor เดียว) แต่ “theme token” ต่างกัน — สี ตัวอักษรหัว ลายเส้นพื้นเมือง และเรื่องเด่นบนปก ทำให้ทุกเมืองรู้สึกเป็นนิตยสารเฉพาะถิ่น

ISSUE 142
Together · Pattaya
ทะเล · ราตรี · MICE
พัทยา
ไม่เคยหลับ
Magenta · Gold · ลายคลื่น
ISSUE 088
Together · Chiang Rai
ภูเขา · ศิลป์ · ชา
เชียงราย
ช้าอย่างมีรส
Teal · Sage · ลายล้านนา
ISSUE 053
Together · Udon Thani
อีสาน · ม่วน · มรดก
อุดร
ม่วนคักคัก
Terracotta · Amber · ลายขิด
§ 04Multi-Persona · ผู้อ่านคนเดียว หลายบทบาท

นิตยสารที่อ่านใจว่าวันนี้คุณเป็นใคร

1 คนONE TRAVELER
แฟน/คู่รัก
ครอบครัว
ผู้ดูแลผู้สูงวัย
เพื่อนร่วมงาน
นักผจญภัย
เพื่อนสังสรรค์

อารมณ์ (Feeling)

หิว · เหนื่อย · ตื่นเต้น · อยากสงบ — นิตยสารปรับคอลัมน์แรกให้ตรงความรู้สึก ณ ขณะเปิดอ่าน

ภารกิจ (Mission)

พาพ่อแม่เที่ยว · ปิดดีล MICE · เซอร์ไพรส์คู่รัก — บทบาทกำหนดว่าเรื่องไหนควรอยู่หน้าแรก

ประสบการณ์สั่งสม (Mastery)

ยิ่งเที่ยวบ่อย ระดับยิ่งสูง คอลัมน์ลึกขึ้น แนะนำที่คนทั่วไปไม่รู้จัก

ความอยากใหม่ (Novelty)

อยากเจอสิ่งที่ไม่เคยเจอ — AI สอดแทรก “เซอร์ไพรส์ที่คุมได้” ให้ทุกฉบับไม่ซ้ำเดิม

Give-Back · สิ่งที่นักท่องเที่ยวอยากทำ

ไม่ได้มาแค่รับ — แต่อยากให้คืนด้วย

อีกบทบาทของนักท่องเที่ยว: อยากตอบแทนเมือง ชุมชน และคนไทยที่เอื้อเฟื้อ — AI เปิดช่องให้ “ให้คืน” อย่างมีความหมาย

Donate
สมทบทุนเมือง · วัด · ชุมชน
Thank
ขอบคุณน้ำใจคนไทย
Story
เล่าความทรงจำ · รีวิว
Pay-it-forward
ส่งต่อให้นักเที่ยวคนถัดไป
§ 05Multi-Service · Tourism AI ที่ลื่นไหล

บริการที่ “พอดี” กับขณะนั้น

AI อ่าน 4 สัญญาณก่อนเสิร์ฟทุกครั้ง — ไม่ยัดทุกบริการมาพร้อมกัน แต่จัดลำดับให้สิ่งที่ใช่ลอยขึ้นมาก่อน

สัญญาณ 1

สถานที่

อยู่ริมหาด · ในโรงแรม · กลางตลาด → เปลี่ยนชุดบริการที่เสนอ

สัญญาณ 2

เวลา

เช้า · บ่าย · ดึก · ใกล้เช็คเอาท์ → เปลี่ยนน้ำเสียงและความเร่งด่วน

สัญญาณ 3

สถานการณ์

ฝนตก · รถติด · เหนื่อย · มากับเด็ก → ปรับข้อเสนอให้สอดคล้อง

สัญญาณ 4

ความปรารถนา

ประหยัด · พรีเมียม · ผจญภัย · พักผ่อน → จัดอันดับผลลัพธ์ใหม่

ตัวอย่างฉาก · 17:30 · ฝนเริ่มตก · กำลังเดินกลับโรงแรม

นิตยสารพลิกเอง: คอลัมน์ “วิ่งหนีฝน” ขึ้นหน้าแรก — เรียกรถรับใน 3 นาที · ร้านอาหารในโรงแรมที่สั่งล่วงหน้าได้ · สปาที่ว่างคืนนี้ — โดยไม่ต้องค้นหา เพราะ AI อ่านขณะนั้นออกแล้ว

§ 06Multi-Locale · บริการข้ามพรมแดน

สำหรับนักท่องเที่ยวต่างชาติ — ปรับให้เข้าถิ่นทันที

AI อ่านสัญชาติ / ภาษา / เขตเวลาต้นทาง แล้วปรับนิตยสารให้พอดี — ไม่ใช่แค่แปลภาษา แต่ปรับ “บริบทวัฒนธรรม” ให้สองฝ่ายเข้าใจกัน

01 · Currency

สกุลเงิน

แปลงสกุลเงินสด · เรตจริง real-time · เทียบราคากับบ้านเกิดให้ตัดสินใจง่าย

02 · Time Zone

เขตเวลา

เทียบเวลาบ้านเกิด · เตือน jet-lag · จัดตารางนัด/โทรกลับบ้านให้พอดีเวลาสองฝั่ง

03 · Language

ภาษา

แปลสด · เสียง · ป้าย · เมนู — ชี้กล้องแล้วเข้าใจทันที ทั้งพูดและอ่าน

04 · Culture · Eat–Talk–Do · เรียนรู้วัฒนธรรมระหว่างกัน

เข้าใจกันสองทาง — Eat มารยาทโต๊ะอาหาร / ของควรลอง · Talk คำทักทาย / หัวข้อที่ควรเลี่ยง · Do ร่วมประเพณี / กิจกรรมอย่างเคารพ — ทั้งฝั่งนักท่องเที่ยวและเจ้าบ้านได้เรียนรู้และเข้าใจวัฒนธรรมของกันและกัน

§ 07Multi-Narrator · Voices of the City

แต่ละเมือง · เล่าด้วยหลายเสียง

นิตยสารเมืองมี “ผู้เล่าเรื่อง” หลายบทบาท — สลับเลนส์ได้ว่าอยากฟังเมืองนี้จากมุมของใคร · เนื้อหา น้ำเสียง และเรื่องเด่นเปลี่ยนตามผู้เล่า (เสริม Multi-Persona + Living Content)

01

ผู้บริหารเมือง

วิสัยทัศน์ · ภาพรวม · ทิศทางเมือง

02

เจ้าของงาน

เบื้องหลังอีเวนต์ · ไฮไลต์ · กำหนดการ

03

ผู้ประกอบการ

ร้าน · บริการ · ดีลเด็ดของจริง

04

ผู้นำเที่ยว

เส้นทางเด็ด · จังหวะเวลา · เคล็ดลับ

05

คนประจำถิ่น

ของจริงในชุมชน · มุมที่ไกด์ไม่เล่า

06

นักการตลาด

แคมเปญ · ดีล · โปรโมชันตามฤดู

07

หน่วยงานภาครัฐ

ข้อมูล · ความปลอดภัย · การรับรอง

08

นักเทคโนโลยี

ฟีเจอร์ · นวัตกรรม · สิ่งใหม่ในแอป

Editor lens · สลับมุมเล่า

แตะเปลี่ยน “ผู้เล่า” แล้วทั้งฉบับจัดใหม่ — เมืองเดียวกันแต่เห็นคนละด้าน · เป็น Data / Network moat เพราะเสียงจริงจากคนเมืองลอกไม่ได้

§ 08Multi-Gateway · เครือข่ายที่พร้อมเชื่อม

ประตูสู่หลายเครือข่าย · หลายประเทศ

Gateway เปิดรับกลุ่มประเทศและเครือข่ายที่พร้อมเข้าร่วม — แต่ละ gateway ปรับนิตยสาร ภาษา สกุลเงิน และบริการให้ตรงกับกลุ่มนั้นโดยเฉพาะ

Gateway 01

กลุ่ม BRICS

จีน · อินเดีย · รัสเซีย · บราซิล · ฯลฯ — สกุลเงิน/ภาษา/วัฒนธรรมเฉพาะกลุ่ม

Gateway 02

ภาคพื้นยุโรป

EU · เขตเวลา/ฤดูกาล · long-stay · ความสนใจเชิงวัฒนธรรม

Gateway 03

กลุ่ม MICE

องค์กร · ประชุม · อีเวนต์ · venue + RFP + เดินทางหมู่คณะ

Gateway 04

นักศึกษาในไทย

เรียนต่อ · ระยะยาว · บริการรอบสถาบัน · ชุมชนนักเรียน

Gateway 05

แท็กซี่ EV

เครือข่ายผู้ให้บริการรถ EV · เชื่อมการเดินทางสะอาดทั่วเมือง

Open network · ขยายได้เรื่อยๆ

แต่ละ gateway = ชุด tenant/persona/locale/service ที่จัดมาให้พอดีกลุ่ม — เพิ่ม gateway ใหม่ได้โดยไม่แตะ frontend · backend ประกอบ descriptor ตามกลุ่มที่เข้ามา

§ 09Brand CI · เอกสารอ้างอิงสำหรับสื่อทุกชิ้น

Thailand Together Gateway · Corporate Identity

ชุดอัตลักษณ์ที่ใช้อ้างอิงกับ media material ทุกชิ้น — โลโก้ · สี · ตัวอักษร · ลายกราฟิก · กฎการใช้งาน

6.1 · โลโก้ (Primary lockup)

Light background · เวอร์ชันสีชมพู-แดง
Dark background (#2F133C) · เวอร์ชันขาว + accent

6.2 · ชุดสี (Palette · Light + Dark)

Magenta
#E42369
หลัก · brand · CTA
Pink
#F77BA8
รอง · accent นุ่ม
White
#FFFFFF
พื้น Light
Gold
#F0DC7A
เน้น · premium
Sky
#B6E0EB
สงบ · info
Grape
#2F133C
พื้น Dark · ink
Light + Dark
ทุกสีมีคู่เสมอ
Magenta/Pink/Gold/Sky
คงที่ทั้ง 2 โหมด
สลับเฉพาะ
พื้น ↔ ink
contrast
AA ขึ้นไป

6.3 · ตัวอักษร (Typography)

Heading · EN
Kanit · 600
Connect · Grow · Prosper
Heading · TH
Kanit · 600
เที่ยวเมืองไทย ไปด้วยกัน
Body
Noto Sans Thai · 400
เนื้อความหลักใช้ฟอนต์ไทยที่อ่านสบาย รองรับทั้งไทย-อังกฤษ-จีน · prose ไทยเป็นหลัก อังกฤษเฉพาะ proper noun
Mono · meta
IBM Plex Mono
ISSUE 142 · PATTAYA · 2026

6.4 · ลายกราฟิก (Brand artwork)

artwork theme 1
artwork theme 2
ลายริบบิ้น + ดอกพิกุล/ลายไทย + เส้น contour — ใช้เป็น background ของปก/แบนเนอร์ · ปรับโทนตาม tenant

6.5 · กฎการใช้งาน (Usage rules)

DO · ทำได้
  • ใช้ไอคอนเป็น SVG path เท่านั้น
  • ทุกสี/เงา/gradient มีคู่ light + dark
  • reskin หน้าตาได้อิสระบน descriptor เดิม
  • ปรับโทน artwork ตามเอกลักษณ์เมือง
  • เว้น clear space รอบโลโก้ ≥ ความสูงตัว “T”
DON'T · ห้าม
  • ห้ามใช้ emoji แทนไอคอน
  • ห้าม hardcode 4D (tenant/persona/lang/service)
  • ห้ามฝัง business logic / AI prompt / ราคา ใน client
  • ห้ามบิด/เอียง/เปลี่ยนสีโลโก้นอกชุด
  • ห้ามใส่ PII จริงของบุคคลใน demo
§ 10Access Modes · นิตยสารเล่มเดียว อ่านได้ทุกคน

ผู้อ่าน 4 แบบ · ฉบับปรับให้พอดี

แกนที่ 4 ที่ทับบน descriptor เดิม — ปรับ ขนาดตัวอักษร · ความหนาแน่น · จำนวนข้อมูลต่อจอ · โหมดนำทาง โดยไม่แตะ backend · เลือกตอน onboarding · เปลี่ยนได้ใน Profile · จำผ่าน DB (no-cookies)

โหมด 1 · Calm

ผู้สูงอายุ

ตัวอักษร +40% · ปุ่ม ≥56px · 1 คอลัมน์ · ตัดของรก · contrast สูง · ปุ่มโทร/เสียงเด่น

Large typeHigh contrastVoice
โหมด 2 · Guided

Non / Low-IT

ทีละขั้นแบบ wizard · ไอคอน+คำกำกับเสมอ · 1 ปุ่มหลักต่อจอ · ภาษาง่าย · ปุ่มช่วยเหลือติดมือ

Step-by-stepLabelsHelp
โหมด 3 · Full

บุคคลทั่วไป

ฉบับเต็ม 37 บล็อก · gesture · ทางลัด · ดีฟอลต์ของระบบ · ความหนาแน่นมาตรฐาน

Smart ITGesturesDefault
โหมด 4 · Brief

ผู้บริหาร

สรุปก่อน · 1 หน้าจบ · “สิ่งที่ต้องตัดสินใจวันนี้” · ปุ่มมอบหมาย/อนุมัติ · ตัวเลขสำคัญใหญ่

Executive1-screenDelegate
กลไก · data-access

data-access="elder | guided | smart | exec" ที่ body → สลับ token (density · font-scale · นำทาง) — แกนคนละตัวกับ Togethër Mode และ Tenant theme จึงผสมกันได้อิสระ เช่น “พัทยา × ผู้สูงอายุ × โหมดเที่ยว”