RUNGART
Foundation.
ระบบ brand identity หลักของ RUNGART — logo system, color, typography, voice & tone, grid, imagery และ guideline การใช้งานทุกแอปพลิเคชั่น · brand consistency ทั้งบริษัท ใช้ร่วมกับ product toolkits ทุกตัว.
Brand Essence
เราคือใคร · ทำเพื่อใคร · ขับเคลื่อนด้วยอะไร
เปลี่ยนวัสดุงานคราฟต์ให้เป็นเครื่องมือที่ ครีเอเตอร์เชื่อถือได้
วัสดุระดับมืออาชีพ ที่ เริ่มใช้ได้ทุกคน
Logo System
12 variants — letterform, badge, wordmark (EN/TH), background pairing
Construction & Clearspace
โครงสร้าง · ระยะหายใจ · ขนาดต่ำสุด
Clearspace
X = ความสูงของ "R" — ระยะปลอดภัยรอบโลโก้ขั้นต่ำ 1X ทุกด้าน
Minimum Size
Digital ≥ 24px · Print ≥ 8mm — เล็กกว่านี้ตัวอักษร RA จะอ่านยาก
Grid System
Logomark สร้างบน 8×8 grid — ตัวอักษรและวงกลมล็อกตามแกน
Color Palette
Main · Background · Accent — คลิก HEX/CMYK เพื่อ copy
MAIN — สีหลักแบรนด์
BACKGROUND — พื้นหลังกลาง / ระดับ tone
ACCENT — ใช้น้อย ใช้เน้น (≤10% ของพื้นที่)
Typography
Display · Body · Mono · ใช้ตามลำดับชั้น hierarchy
2026.
Italic 900 · letter-spacing -0.02em
Fallback: Helvetica Neue Black Italic
ราคาเข้าถึงได้ มาตั้งแต่ปี 1992 — RUNGART.
Weight 400/500/600/700 · line-height 1.5
Fallback: Helvetica Neue · system-ui
RA-225 · TIN-CURE
HEX #0033CC · CMYK 100·75·0·20
Letter-spacing 0.04em · tabular-nums
Fallback: Menlo · ui-monospace
Voice & Tone
เขียนแบบมืออาชีพ ที่เข้าถึงง่าย — ไม่หรูเกินไป ไม่กันเอง
Voice — ควรพูด
Voice — หลีกเลี่ยง
Grid & Spacing
8-pt grid · spacing tokens — ใช้ทุกที่
Imagery & Photography
4 styles หลักสำหรับใช้ทุก channel
Studio Product
BG: navy/cobalt · soft top-light · single product center · ใช้กับ marketplace, label, hero
Process / DIY
BG: cream/paper · top-down workspace · มือ + วัสดุ · ใช้กับ blog, video, social
Detail / Macro
Macro shot · texture · pour line · drop · cure stage — ใช้กับเทคนิค page, comparison
Creator-in-action
People-first · ครีเอเตอร์ใช้สินค้า · UGC-style · ใช้กับ campaign, testimonial, social
Don'ts · Misuse
การใช้งานผิดที่พบบ่อย
Apply & Next
ไปต่อที่ product toolkits + asset downloads
Foundation นี้ ใช้ร่วมกับทุก product toolkit
RUNGART
Foundation.
ระบบ brand identity หลักของ RUNGART — logo system, color, typography, voice & tone, grid, imagery และ guideline การใช้งานทุกแอปพลิเคชั่น · brand consistency ทั้งบริษัท ใช้ร่วมกับ product toolkits ทุกตัว.
Brand Essence
เราคือใคร · ทำเพื่อใคร · ขับเคลื่อนด้วยอะไร
เปลี่ยนวัสดุงานคราฟต์ให้เป็นเครื่องมือที่ ครีเอเตอร์เชื่อถือได้
วัสดุระดับมืออาชีพ ที่ เริ่มใช้ได้ทุกคน
Logo System
12 variants — letterform, badge, wordmark (EN/TH), background pairing
Construction & Clearspace
โครงสร้าง · ระยะหายใจ · ขนาดต่ำสุด
Clearspace
X = ความสูงของ "R" — ระยะปลอดภัยรอบโลโก้ขั้นต่ำ 1X ทุกด้าน
Minimum Size
Digital ≥ 24px · Print ≥ 8mm — เล็กกว่านี้ตัวอักษร RA จะอ่านยาก
Grid System
Logomark สร้างบน 8×8 grid — ตัวอักษรและวงกลมล็อกตามแกน
Color Palette
Main · Background · Accent — คลิก HEX/CMYK เพื่อ copy
MAIN — สีหลักแบรนด์
BACKGROUND — พื้นหลังกลาง / ระดับ tone
ACCENT — ใช้น้อย ใช้เน้น (≤10% ของพื้นที่)
Typography
Display · Body · Mono · ใช้ตามลำดับชั้น hierarchy
2026.
Italic 900 · letter-spacing -0.02em
Fallback: Helvetica Neue Black Italic
ราคาเข้าถึงได้ มาตั้งแต่ปี 1992 — RUNGART.
Weight 400/500/600/700 · line-height 1.5
Fallback: Helvetica Neue · system-ui
RA-225 · TIN-CURE
HEX #0033CC · CMYK 100·75·0·20
Letter-spacing 0.04em · tabular-nums
Fallback: Menlo · ui-monospace
Voice & Tone
เขียนแบบมืออาชีพ ที่เข้าถึงง่าย — ไม่หรูเกินไป ไม่กันเอง
Voice — ควรพูด
Voice — หลีกเลี่ยง
Grid & Spacing
8-pt grid · spacing tokens — ใช้ทุกที่
Imagery & Photography
4 styles หลักสำหรับใช้ทุก channel
Studio Product
BG: navy/cobalt · soft top-light · single product center · ใช้กับ marketplace, label, hero
Process / DIY
BG: cream/paper · top-down workspace · มือ + วัสดุ · ใช้กับ blog, video, social
Detail / Macro
Macro shot · texture · pour line · drop · cure stage — ใช้กับเทคนิค page, comparison
Creator-in-action
People-first · ครีเอเตอร์ใช้สินค้า · UGC-style · ใช้กับ campaign, testimonial, social
Don'ts · Misuse
การใช้งานผิดที่พบบ่อย
Apply & Next
ไปต่อที่ product toolkits + asset downloads