บทที่ 01Chapter 01

รากฐานFoundations

บทนี้ไม่ขยายแนวคิดหรือบุคลิกแบรนด์ แต่บันทึกลำดับการใช้ทรัพย์สินที่มีอยู่ให้ผลิตซ้ำได้ — ชมพูเป็นสีอัตลักษณ์ ขาวเป็นพื้นที่และรายละเอียด ส่วนน้ำเงินเป็นหมึกอ่าน ไม่ใช้เป็นพื้น เสื้อ หรือวัสดุแบรนด์แบบน้ำเงินล้วนThis chapter does not expand brand concept or personality. It records the operating hierarchy of the existing assets so they can be reproduced consistently: pink is the identity colour, white provides space and detail, and blue is reading ink—never a blue-only background, garment or branded material.

พร้อมนำไปใช้งาน: TURBO One — ระบบดีไซน์และ UI toolkit
คอมโพเนนต์ ไอคอน ขนาด โค้ด และแม่แบบสำหรับแอป เว็บไซต์ และงานสื่อสาร อยู่ในที่เดียวReady to build: TURBO One — design system & UI toolkit
Components, icons, sizes, code and templates for apps, websites and communications, all in one place.

จำสามบรรทัดนี้ก่อนเริ่มงานMemorise these three lines before starting

ชมพูหนึ่ง hue · น้ำเงินหนึ่ง hue · ข้อความไม่เข้มเกิน 95%One pink hue · one blue hue · text never darker than 95%

นี่คือแหล่งอ้างอิงสีแรกของพนักงานและผู้ผลิตทุกคน หากไฟล์ใดไม่ตรงสามค่านี้ให้หยุดและตรวจต้นฉบับก่อนผลิตThis is the first colour reference for every employee and supplier. If an artwork disagrees with these three values, stop and check the master before production.

ชมพูแบรนด์ · 100%

Brand pink · 100%

PANTONE 213 C

ดิจิทัล #FA4786 · พื้น ปุ่ม เครื่องแบบ และการจดจำ

Digital #FA4786 · fields, actions, uniforms and recognition

น้ำเงินแบรนด์ · 100%

Brand blue · 100%

PANTONE 294 C

ดิจิทัล #002F6C · ใช้เฉพาะโลโก้ fascia และกราฟิกทึบที่อนุมัติ

Digital #002F6C · approved logos, fascia and solid graphics only

ข้อความน้ำเงินเข้มที่สุด · 95%

Darkest blue text · 95%

#0D3973

PANTONE 294 C 95% · เพดานของตัวอักษรบนพื้นขาวทุกหน้าเว็บ

PANTONE 294 C 95% · the ceiling for blue type on every white web surface

กฎห้ามแตก hue: สีชมพูทุกระดับต้องผสมจาก #FA4786 และสีน้ำเงิน/เทาน้ำเงินทุกระดับต้องผสมจาก PANTONE 294 C เท่านั้น — ไม่มีน้ำเงินที่สอง และไม่มีชมพูที่สองNo hue splitting: every pink is mixed from #FA4786, and every blue or blue-grey is mixed from PANTONE 294 C only—no second blue and no second pink.

ลำดับการใช้งานในหนึ่งหน้าOperating hierarchy at a glance

สามข้อที่ใช้ตรวจงานทุกชิ้นThree checks for every execution

สามข้อนี้เป็นเกณฑ์ด้านการผลิตและการอ่าน ไม่ใช่นิยามแก่นหรือคำมั่นของแบรนด์ กฎใดที่ย้อนกลับมาหาสีอัตลักษณ์ การอ่านออก หรือการผลิตซ้ำไม่ได้ ต้องมีเหตุผลเชิงหน้าที่และผู้อนุมัติก่อนเพิ่มเข้าระบบThese are production and legibility checks, not a definition of brand essence or promise. Any rule that cannot be traced to identity colour, legibility or repeatable production needs a functional reason and named approval before entering the system.

ชมพูก่อน

Pink first

เห็นชมพูและจำได้Recognisably pink

ชมพูPink #FA4786 ต้องเป็นสีแรกที่คนจำได้จากป้าย เสื้อ ภาพ และงานสื่อสาร ขาวทำหน้าที่เป็นโลโก้ รายละเอียด และพื้นที่อ่าน ไม่มีพื้นน้ำเงินเต็มหน้าในระบบนี้must be the first colour remembered from signs, clothing, imagery and communications. White carries the mark, details and reading space. The system contains no full navy ground.

อ่านออก

Legible

อ่านออกก่อนสวยLegible before beautiful

ลูกค้าจำนวนมากอ่านบนโทรศัพท์กลางแดด ในร้าน หรือหน้าสาขา ทุกคู่สีในคู่มือนี้จึงมีค่าคอนทราสต์กำกับ และคู่ที่ไม่ผ่านเกณฑ์จะระบุไว้ตรงๆ ว่าใช้กับอะไรได้บ้าง ไม่ปัดตกและไม่ปล่อยผ่านMany customers read on a phone in direct sun, in a shop, or outside a branch. Every colour pairing in this manual carries its measured contrast, and any pairing that misses the threshold says plainly what it may still be used for — neither banned outright nor waved through.

ทุกวัสดุ

Every substrate

ทำซ้ำได้ทุกที่Reproducible anywhere

งานของแบรนด์นี้ออกไปทั้งบนเว็บ ในแอป บนป้ายสาขา กว่า 1,000 สาขา บนเสื้อพนักงาน และบนกระดาษที่ถ่ายสำเนา ระบบจึงต้องอยู่รอดเมื่อเหลือหมึกเดียว — ดูบทThis brand appears on the web, in the app, on the signage of over 1,000 branches, on staff shirts, and on paper that gets photocopied. The system therefore has to survive on a single ink — see โหมดการใช้สีColour modes

สอง hue ที่ทุกอย่างงอกออกมาThe two hues everything grows from

สองตระกูลสี ไม่มี hue ที่สามTwo colour families, no third hue

ระบบแบรนด์มีสองตระกูลสี แต่บทบาทไม่เท่ากัน ชมพูเป็นสีอัตลักษณ์ ส่วนน้ำเงินเป็นสีของโลโก้และหมึกอ่าน ระดับอื่น — ชมพูอ่อน ชมพูเข้ม น้ำเงินอ่อน และเทาทุกระดับ — คือสองค่านี้ที่The brand has two colour families with different roles. Pink is the identity colour; blue belongs to the mark and reading ink. Every other level—light pink, deep pink, light blue and every grey—is one of these values ผสมขาวmixed with whiteหรือ or ผสมดำmixed with black การผสมสองแบบนี้คูณผลต่างของทุกช่องสีด้วยตัวเลขเดียวกัน ค่าเฉด (hue) จึงไม่ขยับเลย มีข้อยกเว้นเพียงข้อเดียวคือBoth operations scale every channel difference by the same factor, so the hue does not move at all. There is exactly one exception:สีบอกสถานะState colours ซึ่งเป็นแดงจริงกับเขียวจริง เพราะเป็นเรื่องความปลอดภัยของลูกค้า ไม่ใช่เรื่องรสนิยม — ดูบทที่ 03which are a real red and a real green, because that is a matter of customer safety rather than taste — see chapter 03.

มาสเตอร์ 1 · PANTONE 213 C

Master 1 · PANTONE 213 C

#FA4786

ชมพูเงินเทอร์โบTurbo Pink

สีของแบนเนอร์ ฟุตเตอร์ ป้าย เครื่องแบบ ของแจก หัวเรื่อง และปุ่มหลัก เป็นสีที่สร้างการจดจำของแบรนด์The colour of banners, footers, signs, uniforms, merchandise, headlines and primary actions. It creates brand memory.

สีพิมพ์มาสเตอร์Master print colour: PANTONE 213 C
ดิจิทัลมาสเตอร์Digital master: #FA4786
Hue: 339°
Saturation: 94.7%
Lightness: 62.9%
บนพื้นขาวOn white: 3.33:1

มาสเตอร์ 2 · PANTONE 294 C

Master 2 · PANTONE 294 C

#002F6C

น้ำเงินเงินเทอร์โบ · หนึ่ง hue สองความเข้มที่ล็อกไว้Turbo blue · one hue, two locked concentrations

PANTONE 294 C 100% ใช้กับเครื่องหมายและกราฟิกทึบที่อนุมัติ ส่วนข้อความบนพื้นขาวใช้ได้เข้มที่สุดที่ 95% เท่านั้น ห้ามนำไปผลิตเป็นวัสดุหรือพื้นแบรนด์PANTONE 294 C at 100% is reserved for approved marks and solid graphics. Blue type on white stops at 95%; never turn this blue into a branded material or field.

โลโก้/กราฟิกทึบLogo / solid graphic: PANTONE 294 C · #002F6C
ข้อความเข้มที่สุดDarkest type: 95% · #0D3973
คอนทราสต์ข้อความType contrast: 11.35:1 บนขาว11.35:1 on white
ข้อห้ามProhibited: ไม่ใช้ 100% เป็นข้อความบนขาวNever use 100% for type on white

กฎลำดับสีที่ห้ามละเมิดNon-negotiable colour hierarchy

ชมพูต้องมาก่อน ขาวช่วยตกแต่งและจัดพื้นที่ น้ำเงิน 100% ใช้ในเครื่องหมายที่ล็อกไว้ ส่วนน้ำเงิน 95% ใช้เมื่อข้อความต้องอ่านออก ห้ามทำวัสดุ เครื่องแบบ ของแจก หรือเลย์เอาต์ที่เป็นน้ำเงินล้วน และห้ามหยิบสีจากที่อื่นมาใส่ ไม่ว่าจะเป็นส้มสำหรับ “โปรโมชัน” ม่วงสำหรับ “พรีเมียม” หรือฟ้าสำหรับ “ข้อมูล” สิ่งเหล่านี้สร้างจากสองมาสเตอร์ได้ทั้งหมด เพราะเมื่อมีเฉดใหม่เข้ามาโดยไม่มีเหตุผลเชิงหน้าที่ แบรนด์จะเริ่มดูเหมือนใครก็ได้ สีที่เพิ่มได้มีเพียงแดงกับเขียวสำหรับบอกสถานะ และเพิ่มได้เท่าที่ระบุไว้ในบทที่ 03 เท่านั้นPink comes first and white supplies detail and space. Blue at 100% is confined to locked marks; blue at 95% makes type readable. Never create a blue-only material, uniform, giveaway or layout, and never import another colour—orange for ‘promotion’, violet for ‘premium’ or cyan for ‘information’. The two masters already cover those jobs. An unneeded hue makes the brand generic. Only the state red and green specified in chapter 03 may be added.

ข้อเท็จจริงที่กำหนดกฎเกือบทุกข้อThe fact that shapes almost every rule

ชมพูของเราอ่านได้เฉพาะตัวใหญ่Our pink is only legible at large sizes

ตัวอักษรสีขาวบนชมพู #FA4786 วัดได้White type on #FA4786 measures 3.33:1 เกณฑ์สากลกำหนดว่าตัวอักษรทั่วไปต้องได้ 4.5:1 และตัวอักษรขนาดใหญ่ต้องได้ 3:1 ชมพูของแบรนด์จึงผ่านเฉพาะตัวใหญ่ ไม่ผ่านตัวเล็ก — และไม่มีทางแก้ด้วยการเปลี่ยนเฉด เพราะเฉดนี้คือแบรนด์ ที่แก้ได้คือThe standard requires 4.5:1 for ordinary text and 3:1 for large text. The brand pink therefore clears large text and fails small — and it cannot be fixed by changing the hue, because the hue is the brand. What can be fixed is วิธีวางเนื้อหาhow the content is placedต่างหาก instead.

ขาวทึบ · ใช้ได้Solid white · works

3 ขั้นตอน จากเล่มทะเบียนเป็นเงินสดThree steps from logbook to cash

ขาวทึบ ขนาดเล็ก · ต่ำกว่าเกณฑ์Solid white, small · below threshold

ใช้สมุดคู่มือจดทะเบียนเป็นหลักประกัน โดยไม่ต้องจอดรถ และเตรียมบัตรประชาชนของผู้กู้Use the registration book as collateral without leaving the vehicle, and prepare the borrower's ID card.

ขาว 70% · อ่านไม่ออกWhite at 70% · unreadable

3.33^{: 1}

ขาวทึบบนชมพูแบรนด์ — เพดานของสีนี้ ผ่านเกณฑ์ตัวใหญ่ (3:1) แต่ไม่ผ่านเกณฑ์ตัวทั่วไป (4.5:1)Solid white on the brand pink — the ceiling for this colour. It clears large text (3:1) but not ordinary text (4.5:1).

2.3^{: 1}

ขาว 70% บนสีเดียวกัน ความโปร่งใสเพียงเล็กน้อยทำให้หลุดเกณฑ์ทันทีWhite at 70% on the same ground. A little transparency drops it below the threshold immediately. บนพื้นชมพูจึงห้ามใช้ความโปร่งใสกับตัวอักษรSo on a pink ground, type may never be transparent. ให้ไล่ลำดับด้วยขนาดและน้ำหนักแทนBuild hierarchy with size and weight instead.

3.41^{: 1}

ตัวอักษรน้ำเงินบนชมพูก็ไม่ช่วย ทางออกที่ถูกต้องคือย้ายเนื้อความลงBlue type on pink does not help either. The correct answer is to move the copy into a การ์ดสีขาวwhite card แล้ววางการ์ดนั้นบนพื้นชมพู ไม่ใช่ไปแก้ที่เฉดสีand place that card on the pink, rather than trying to fix the hue.

วิธีอ่านHow to read this

ตัวเลขทุกตัวในเล่มนี้คำนวณมา ไม่ได้พิมพ์ลงไปEvery number in this manual is computed, not typed

ค่าคอนทราสต์ทุกค่ามาจากค่าสีจริงที่อยู่ในหน้านั้น ข้อสรุปเรื่องภาพถ่ายทุกข้อวัดจากพิกเซลของภาพจริงทั้ง 12 ภาพในเล่ม และตัวอย่างตัวอักษรทุกชิ้นตั้งด้วยฟอนต์จริงที่ฝังมากับหน้านี้ ถ้าเปลี่ยนค่าสีมาสเตอร์ ตัวเลขทั้งเล่มจะเปลี่ยนตาม — เอกสารกับระบบจึงขัดกันเองไม่ได้Every contrast figure comes from the actual colour values on that page. Every photographic claim is measured from the pixels of the twelve real photographs in this manual. Every type specimen is set in the real font files embedded in this page. Change a master value and the numbers throughout change with it — so the document and the system cannot contradict each other.

ป้ายค่าคอนทราสต์Contrast labels

11.35:1 · AAA 5.31:1 · AA
3.33:1 · ใหญ่เท่านั้น3.33:1 · large only 2.3:1 · ไม่ผ่าน2.3:1 · fails

AAA ≥ 7:1 · AA ≥ 4.5:1 · ตัวใหญ่ ≥ 3:1 (ตั้งแต่ 24px ขึ้นไป หรือ 18.66px เมื่อเป็นตัวหนา)AAA ≥ 7:1 · AA ≥ 4.5:1 · large ≥ 3:1 (24px and up, or 18.66px when bold)

คำว่า “เม็ดสกรีน”The word “screen”

ทุกระดับสีเขียนเป็นเปอร์เซ็นต์ของหมึกมาสเตอร์ได้ เช่นEvery level can be written as a percentage of the master ink. For example, blue-294C-950 คือ 95% และis 95%, while blue-294C-700 คือ 70% ของมาสเตอร์ PANTONE 294 C /is 70% of the PANTONE 294 C master / #002F6C โดยตรง เปอร์เซ็นต์ในตารางจึงส่งต่อให้โรงพิมพ์ได้โดยไม่ต้องคูณซ้ำdirectly, so the percentages in the table can go to the printer without further multiplication

ทำ / ไม่ทำDo / Don't

ทำDo และand ไม่ทำDon't ปรากฏคู่กันเสมอ ตัวอย่างที่ผิดในเล่มนี้เป็นของจริง ไม่ใช่ภาพวาดประกอบalways appear as a pair. The wrong examples in this manual are real renders, not illustrations of them.

คลิกค่าสีเพื่อคัดลอกClick a value to copy it

ค่า hex ทุกค่าในตารางคลิกได้ และคัดลอกลงคลิปบอร์ดทันที เช่นEvery hex value in the tables is clickable and copies straight to the clipboard — for example #FA4786

บทที่ 02Chapter 02

โลโก้The mark

โลโก้เป็นชิ้นส่วนเดียวในระบบนี้ที่ห้ามออกแบบใหม่ทุกกรณี สิ่งที่เลือกได้มีเพียงสามอย่าง คือ จะใช้The mark is the one element in this system that may never be redrawn. Only three things are open to choice: which ฉบับไหนversion วางที่to use, at what ขนาดเท่าไรsize และเว้น, and how much ระยะรอบตัวspace around itเท่าไร บทนี้ตอบทั้งสามข้อ พร้อมตัวอย่างที่ผิดของจริง to leave. This chapter answers all three, with real examples of getting it wrong.

ฉบับที่ใช้ได้Permitted versions

สี่ฉบับ ไม่มีฉบับที่ห้าFour versions; no fifth version

ฉบับสีคือฉบับหลัก อีกสามฉบับมีไว้สำหรับพื้นชมพู งานหมึกชมพูเดียว และงานขาวดำ หรือพื้นหลังไม่เอื้อ ทุกฉบับใช้ไฟล์ต้นฉบับเดียวกัน ต่างกันแค่ค่าสีที่เติมลงไป จึงไม่มีทางที่รูปทรงจะเพี้ยนไปคนละแบบ ไม่มีฉบับน้ำเงินล้วนในระบบใช้งานThe full-colour mark is primary. Three alternatives cover pink grounds, single-pink production and monochrome constraints. Every version comes from the same master artwork and differs only in fill values, so its shape cannot drift. No navy-only mark is approved for use.

ฉบับสี ·Colour · color

พื้นขาวและพื้นอ่อนทุกชนิด

White and all light grounds

ฉบับหลัก ใช้ก่อนเสมอเมื่อพื้นหลังสว่าง

The primary. Always the first choice on a light ground.

ฉบับขาว ·White · white

พื้นชมพูและแถบลายเซ็นชมพูบนภาพ

Pink grounds and pink signature tabs on imagery

ตัวโลโก้ทั้งชิ้นเป็นสีขาว ไม่ผสมสีอื่น

The entire mark is white, with no second colour.

ฉบับชมพูล้วน ·Pink only · pink

งานหมึกเดียวสีชมพู เช่น ปั๊มนูน สกรีนสีเดียว

Single-ink pink work — embossing, one-colour screen printing

ใช้เมื่อพิมพ์ได้เพียงหมึกชมพู ห้ามใช้แทนฉบับสีบนงานสี่สี

Use only when pink is the sole ink available. Never as a substitute for the colour version in four-colour work.

ฉบับหมึกดำ สองความเข้ม ·Black ink, two depths · grey

โฆษณาขาวดำ โทรสาร งานถ่ายสำเนา ตรายาง

Mono advertising, fax, photocopied work, rubber stamps

หมึกดำที่ 100% กับ 62% — ยังแยกสองส่วนของโลโก้ออกจากกันได้

Black at 100% and 62% — the two halves of the mark stay distinguishable.

ระยะและขนาดSpace and size

พื้นที่ปลอดภัยคือหนึ่ง X รอบทุกด้านClear space is one X on every side

กำหนดให้We define X เท่ากับหนึ่งในสี่ของความสูงโลโก้X as one quarter of the mark's height โลโก้มีสัดส่วน 200 × 83 ดังนั้น X = 20.75 หน่วย ระยะนี้วัดจากขอบนอกสุดของตัวโลโก้ ไม่ใช่จากขอบไฟล์ ภายในระยะนี้ห้ามมีตัวอักษร ภาพ เส้น หรือขอบใดๆ ทั้งสิ้น. The mark is 200 × 83, so X = 20.75 units. Measure from the outermost edge of the mark itself, not from the edge of the file. Nothing may enter that space — no type, no image, no rule, no border.

1X 1X

ขนาดต่ำสุดMinimum size

ต่ำกว่านี้ตัวอักษรไทยในโลโก้จะเริ่มติดกันจนอ่านไม่ออก ถ้าพื้นที่แคบกว่าค่านี้ ให้ตัดโลโก้ออกไปเลย อย่าย่อBelow this the Thai letterforms in the mark start to close up and stop reading. If the space is tighter than this, drop the mark entirely rather than shrink it.

บนหน้าจอOn screen96 × 40 px

งานพิมพ์In print22 × 9.1 mm

ขนาดที่แนะนำRecommended sizes

แถบหัวเว็บ 132 px · หัวจดหมาย 46 mm · นามบัตร 28 mm · ป้ายหน้าสาขา สูงอย่างน้อย 1 ใน 5 ของความสูงป้ายWeb header 132 px · letterhead 46 mm · business card 28 mm · shopfront sign at least one fifth of the sign's height

โลโก้ในกรอบThe mark in a container

วงกลมไม่ใช่สี่เหลี่ยม — คิดระยะขอบแบบเดียวกันไม่ได้A circle is not a square — the same margin thinking does not transfer

รูปโปรไฟล์ ไอคอนแอป ตราประทับ และปุ่มกลม ล้วนบังคับให้โลโก้อยู่ในกรอบที่Profile pictures, app icons, stamps and round buttons all force the mark into a container that is ไม่ใช่สี่เหลี่ยมnot a rectangle วิธีที่ใช้กันทั่วไปคือใส่ระยะขอบ (padding) เท่ากันสี่ด้าน ซึ่งThe usual approach is equal padding on all four sides, which is ผิดสำหรับวงกลมwrong for a circle เพราะระยะขอบสร้างกรอบสี่เหลี่ยม แต่วงกลมกว้างที่สุดตรงกลาง — พื้นที่ที่โลโก้แนวนอนต้องการมากที่สุด จึงถูกทิ้งไปเปล่า ๆ ผลคือโลโก้เล็กกว่าที่ควรราวหนึ่งในสามbecause padding makes a square inset, while a circle is widest across its centre — exactly the room a horizontal mark most needs. That room is thrown away, and the mark ends up about a third smaller than it should be.

กฎที่ถูกต้องคือThe correct rule is to วางกล่องปลอดภัยให้มุมทั้งสี่แตะเส้นรอบวงinscribe the protected box so all four corners touch the circle กล่องปลอดภัยคือตัวโลโก้บวกระยะปลอดภัย 1X ทุกด้าน เมื่อคำนวณจากสัดส่วนหมึกจริงของโลโก้ (The protected box is the mark plus 1X of clear space on every side. Worked out from the mark's real ink ratio (2.3675 : 1) จะได้ว่าโลโก้ต้องกว้าง) the mark must be 73.2% ของเส้นผ่านศูนย์กลาง และสูงof the diameter and 30.9%

ทรงของกรอบContainer shape	ความกว้างโลโก้Mark width	ความสูงโลโก้Mark height	เทียบกับMeasured against
วงกลมCircleCircle · profile picture, avatar, stamp	`73.2%`	`30.9%`	ของเส้นผ่านศูนย์กลางof the diameter
สี่เหลี่ยมจัตุรัสSquareSquare · social profile before cropping, favicon	`82.6%`	`34.9%`	ของด้านกว้างof the side
สี่เหลี่ยมมุมมนRounded squareRounded square · app icon	`73.5%`	`31.0%`	ของด้านกว้างof the side

การจัดกึ่งกลางเชิงสายตาOptical centring

โลโก้ของเราOur mark is หนักด้านล่างbottom-heavy — บรรทัด “เทอร์โบ” ใหญ่และหนักกว่า “เงิน” เมื่อวัดจุดสมดุลของน้ำหนักหมึกจริง พบว่าอยู่ที่— the line “เทอร์โบ” is larger and heavier than “เงิน”. Measured on the real ink, the balance point sits at 61.69% ของความสูงโลโก้ ไม่ใช่ 50% ถ้าจัดกึ่งกลางกล่องตามปกติ ตาจะเห็นว่าโลโก้of the mark's height, not 50%. Centre the bounding box the usual way and the eye reads the mark as จมลงsunk จึงต้องso it must be ยกขึ้น 11.8%lifted by 11.8% ของความสูงโลโก้เอง กฎนี้ใช้กับทุกกรอบที่จัดกึ่งกลาง — วงกลม จัตุรัส และมุมมนof the mark's own height. This applies to every centred container — circle, square and rounded square.

ขนาดต่ำสุดของกรอบMinimum size of the container

วงกลมCircle — เส้นผ่านศูนย์กลางอย่างน้อย— diameter of at least 132 px เพราะที่ขนาดนี้โลโก้จะกว้าง 96 px พอดี ซึ่งเป็นขนาดต่ำสุดของตัวโลโก้เองbecause at that diameter the mark comes out at exactly 96 px wide, which is its own minimum.
เล็กกว่านั้นBelow that ห้ามย่อโลโก้ต่อ ให้ใช้พื้นชมพูล้วนแทน แล้วปล่อยให้ชื่อบัญชีทำหน้าที่บอกว่าเป็นใครdo not shrink the mark further. Use a plain pink ground and let the account name say who this is.
ห้ามใส่ขอบ เงา หรือวงแหวนรอบกรอบ กรอบคือกรอบของแพลตฟอร์ม ไม่ใช่ของเราNever add a border, a shadow or a ring around the container. The container belongs to the platform, not to us.

สิ่งที่ยังห้ามเหมือนเดิมWhat is still forbidden

บทนี้อนุญาตให้โลโก้อยู่ในThis section permits the mark inside กรอบที่แพลตฟอร์มบังคับa container the platform imposesเท่านั้น — รูปโปรไฟล์ที่ถูกครอปเป็นวงกลม ไอคอนแอปที่ถูกมาสก์เป็นมุมมน and nothing else — a profile picture cropped to a circle, an app icon masked to a rounded square. ไม่ได้อนุญาตให้เอาโลโก้ไปใส่ในรูปทรงที่เราวาดขึ้นเองIt does not permit putting the mark inside a shape we drew ourselves เช่น แคปซูล วงกลมบนภาพถ่าย หรือกล่องมุมมนบนแบนเนอร์ ข้อยกเว้นเดียวคือsuch as a capsule, circle on photography or rounded box on a banner. The only exception is the แถบลายเซ็นชมพูพร้อมโลโก้ขาวจากไฟล์มาตรฐานstandard pink signature tab with the white mark ซึ่งกำหนดรูปทรง สัดส่วน และระยะไว้แล้ว ห้ามวาดทดแทนเองwhose shape, proportion and spacing are already specified. Never redraw it.

เลือกฉบับจากพื้นหลังChoose by background

พื้นหลังเป็นคนเลือกฉบับ ไม่ใช่รสนิยมThe background picks the version, not taste

โลโก้เป็นวัตถุกราฟิก เกณฑ์คอนทราสต์จึงเป็นThe mark is a graphical object, so its contrast floor is 3:1 ไม่ใช่ 4.5:1 ตารางนี้วัดทั้งสองหมึกของฉบับสี และวัดสีขาวสำหรับฉบับขาว ถ้าคู่ไหนต่ำกว่า 3:1 แปลว่าฉบับนั้นใช้กับพื้นนั้นไม่ได้, not 4.5:1. This table measures both inks of the colour version, and white for the white version. Anything below 3:1 means that version cannot be used on that ground.

พื้นหลังBackground	ฉบับที่ใช้Version	ค่าที่วัดได้Measured	จุดอ่อนที่สุดWeakest
พื้นขาวWhite ground#FFFFFF	`color`	ชมพู 3.33:1 · น้ำเงิน 11.35:1pink 3.33:1 · blue 11.35:1	3.33:1 · ผ่าน3.33:1 · passes
ชมพูอ่อนสุดLightest pink#FFF4F8	`color`	ชมพู 3.1:1 · น้ำเงิน 10.57:1pink 3.1:1 · blue 10.57:1	3.1:1 · ผ่าน3.1:1 · passes
ชมพูอ่อนLight pink#FEE5EE	`color`	ชมพู 2.8:1 · น้ำเงิน 9.54:1pink 2.8:1 · blue 9.54:1	2.8:1 · ไม่ผ่าน2.8:1 · fails
เทาอ่อนLight grey#F5F7F9	`color`	ชมพู 3.1:1 · น้ำเงิน 10.57:1pink 3.1:1 · blue 10.57:1	3.1:1 · ผ่าน3.1:1 · passes
ชมพูแบรนด์Brand pink#FA4786	`white`	ขาว 3.33:1white 3.33:1	3.33:1 · ผ่าน3.33:1 · passes
ชมพูเข้มDeep pink#CD3A6E	`white`	ขาว 4.74:1white 4.74:1	4.74:1 · ผ่าน4.74:1 · passes

พื้นหลังที่เป็นภาพถ่ายมีกฎแยกต่างหาก เพราะค่าความสว่างไม่คงที่ทั้งภาพ — ดูบทPhotographic backgrounds have their own rules, because luminance is not constant across an image — see ภาพถ่ายPhotography

สิบสองอย่างที่ห้ามทำTwelve things not to do

ตัวอย่างที่ผิดในหน้านี้เป็นของจริงThe wrong examples here are real

ทุกช่องด้านล่างเรนเดอร์จากโลโก้จริง ไม่ใช่ภาพวาดประกอบ เพื่อให้เห็นว่าความเสียหายเกิดขึ้นจริงอย่างไร ไม่ใช่แค่ถูกห้ามไว้เฉยๆEvery tile below is rendered from the real mark, not drawn to illustrate a ban — so the damage is visible rather than merely asserted.

เปลี่ยนสีRecolouring

เฉดของแบรนด์มีสองค่า การปรับเฉดทำให้ไม่ใช่โลโก้ของเราอีกต่อไป

The brand has two hues. Shift them and it stops being our mark.

ยืดหรือบีบStretching or squeezing

สัดส่วน 200:83 ต้องคงที่เสมอ

The 200:83 proportion is fixed.

หมุนเอียงRotating

โลโก้วางแนวนอนเท่านั้น

The mark sits horizontally, always.

ใส่เงาAdding a shadow

โลโก้เป็นรูปทรงแบน ไม่มีมิติ

The mark is a flat shape with no depth.

ลดความทึบReducing opacity

จางลงคือแบรนด์ที่ไม่มั่นใจ และวัดคอนทราสต์ไม่ผ่าน

A faded mark reads as an unconfident brand, and fails contrast.

ไล่เฉดทับตัวโลโก้Gradient inside the mark

ไล่เฉดใช้กับพื้นหลัง ไม่ใช้กับตัวโลโก้

Gradients belong to backgrounds, never to the mark.

ฉบับสีบนพื้นเข้มColour version on a dark ground

ส่วนน้ำเงินจมหายไปกับพื้น ต้องใช้ฉบับขาว

The blue half disappears. Use the white version.

ฉบับขาวบนพื้นสว่างWhite version on a light ground

มองแทบไม่เห็น ต้องใช้ฉบับสี

Barely visible. Use the colour version.

รับเงินไวFast cash1,000 สาขา1,000 branches

พื้นที่ปลอดภัยไม่พอNot enough clear space

ต้องเว้นระยะอย่างน้อย 1X รอบทุกด้าน

Leave at least 1X on every side.

ใส่กรอบที่ไม่ใช่ของแบรนด์A container that isn't ours

ถ้าต้องมีพื้นรอง ใช้แถบลายเซ็นชมพูจากไฟล์มาตรฐานเท่านั้น

When a backing is needed, use only the pink signature tab from the master file.

วางบนภาพที่ยุ่งOn a busy photograph

ใช้แถบลายเซ็นชมพูมาตรฐาน หรือเคลือบภาพก่อน

Use the standard pink signature tab or treat the image first.

เติมเส้นขอบAdding an outline

โลโก้ไม่มีเส้นขอบในทุกกรณี

The mark has no outline, in any circumstance.

อุปกรณ์ประจำแบรนด์The brand device

Fascia มีมาสเตอร์เดียว — ห้ามวาดใหม่One fascia master—never redraw it

เส้นน้ำเงินเฉียงเป็นส่วนหนึ่งของไฟล์ต้นฉบับThe blue diagonal is part of the master artwork logo-turbo.svg ไม่ใช่ลวดลายที่นักออกแบบเลือกสีหรือปรับมุมได้ ไฟล์เดียวรวมnot a motif whose colour or angle a designer can choose. One file already contains the ระนาบขาว โลโก้สี และลิ่มน้ำเงินไล่เฉดwhite plane, full-colour mark and gradient blue wedgeไว้เรียบร้อยแล้ว งานทุกชิ้นต้องวางไฟล์นี้ทั้งชิ้นบนพื้นชมพูมาสเตอร์เท่านั้น. Every application places this complete file on Master Pink only.

ไฟล์ล็อก — ห้ามดัดแปลงแม้เพียงจุดเดียวLocked artwork—do not alter a single point

ห้ามNever เปลี่ยนน้ำเงินเป็นชมพู · วาดเส้นเฉียงใหม่ · ทำแบบแนวตั้งหรือแบบบน · กลับซ้ายขวา · หมุน · เปลี่ยนความหนา · แยกโลโก้ออกจากระนาบขาว · ครอปส่วนบนหรือล่างของไฟล์ ถ้าพื้นที่ไม่พอให้ไม่ใช้ fascia แทนการสร้างฉบับใหม่recolour blue as pink · redraw the diagonal · create vertical or top versions · mirror · rotate · change thickness · separate the mark from the white plane · crop the top or bottom. If the space is unsuitable, omit the fascia instead of creating a new version.

ไฟล์ต้นฉบับ · 626 × 297Master artwork · 626 × 297

ส่วนโปร่งใสทางขวาเผยพื้นชมพูของป้ายด้านหลัง จึงต้องคงสัดส่วนทั้งไฟล์และวางชิดซ้ายเสมอThe transparent area at right reveals the sign's pink field, so the complete artwork always keeps its ratio and aligns left.

ตัวอย่างใช้งาน · ป้ายแนวนอนApplied example · Horizontal sign

ขยายไฟล์ตามความสูงป้ายหนึ่งครั้ง แล้วให้พื้นชมพูต่อไปทางขวา ข้อความเพิ่มเติมอยู่เฉพาะในเขตชมพูScale the file once to the sign height, continue the pink field to the right and keep any additional copy inside that pink zone.

สาขาปากเกร็ดPak Kret branch

จันทร์ – ศุกร์ 08:30 – 17:00 น.Monday – Friday, 08:30 – 17:00

สีที่ล็อกไว้Locked colour

ลิ่มไล่จากThe wedge runs from #009EDF ไปto #002F6C (PANTONE 294 C 100%) ตามไฟล์ master ที่อัปเดตแล้ว เรขาคณิตเดิมไม่เปลี่ยน สีฟ้านี้เป็นข้อยกเว้นเฉพาะ fascia และห้ามนำไปสร้างสื่อสีน้ำเงินล้วนหรือเปลี่ยน stop เองในแต่ละงาน(PANTONE 294 C at 100%) from the updated master file. Its original geometry is unchanged. This cyan is a fascia-only exception: never use it for blue-only material or alter the stops per job.

เรขาคณิตที่ล็อกไว้Locked geometry

ขอบลิ่มวัดจากThe wedge edge runs from (586.45, 0) ถึงto (445.79, 297) หรือor 25.3° จากแนวดิ่ง25.3° from vertical ตัวเลขนี้มีไว้ตรวจไฟล์ ไม่ได้มีไว้ให้วาดใหม่These figures are for file inspection, not for redrawing.

ขอบเขตการใช้Use boundary

ใช้ไฟล์ทั้งชิ้นกับป้ายหน้าสาขา ป้ายเหนือเคาน์เตอร์ และแถบหัวเว็บทุกหน้า ทุกขนาด ไม่ใช้กับโพสต์ โฆษณา สไลด์ นามบัตร ภาพถ่าย หรือป้ายแนวตั้งUse the complete asset for shopfronts, over-counter signs and the website header on every page and viewport. Do not use it on posts, ads, slides, business cards, photography or vertical signs.

Fascia กับป้ายโลโก้บนภาพเป็นคนละระบบThe fascia and the photo logo plate are separate systems

ภาพถ่ายใช้Photography uses แผ่นชมพูเรียบ โลโก้ขาว และมุมโค้งเล็กa simple pink plate, white mark and modest radiusตามบทที่ 06 เพื่อให้มองเห็นโลโก้ครบ โดยไม่ยืมเส้นน้ำเงินเฉียงไปสร้าง fascia ฉบับย่อ วิธีจำสำหรับทีมคือ: from chapter 06 so the complete mark remains visible, without borrowing the blue diagonal to invent a miniature fascia. The team rule is: เห็นเส้นน้ำเงิน = ต้องเป็นไฟล์If blue diagonal is visible, it must be logo-turbo.svg ทั้งชิ้นเท่านั้นas one complete asset only

วางคู่กับแบรนด์อื่นAlongside another brand

เส้นคั่นหนึ่งเส้น ระยะ 1X ทั้งสองข้างOne divider, 1X on each side

เมื่อต้องวางคู่กับพันธมิตร ผู้สนับสนุน หรือหน่วยงานกำกับ ให้คั่นด้วยเส้นตั้งบางหนึ่งเส้น เว้นระยะ 1X ทั้งสองข้างของเส้น และปรับให้ความสูงของWhen placing the mark beside a partner, a sponsor or a regulator, separate them with a single thin vertical rule, leave 1X on each side of it, and match the height of the ตัวอักษรTypographyทั้งสองฝั่งใกล้เคียงกัน ไม่ใช่ความสูงของกรอบไฟล์ โลโก้เงินเทอร์โบอยู่ซ้ายเสมอเมื่อเราเป็นเจ้าภาพ on both sides — not the height of the file's bounding box. The Ngern Turbo mark sits on the left whenever we are the host.

ตลาดหลักทรัพย์แห่งประเทศไทย

The Stock Exchange of Thailand

ทำDo — เส้นคั่นบาง ระยะเท่ากันสองข้าง ชื่อพันธมิตรตั้งด้วย FC Iconic น้ำหนัก 600 สี—a fine divider with equal spacing on both sides. Set the partner name in FC Iconic 600 using blue-294C-950 หรือ PANTONE 294 C ที่ 95%or PANTONE 294 C at 95%

× ตลาดหลักทรัพย์แห่งประเทศไทย

× The Stock Exchange of Thailand

ไม่ทำDon't — ไม่มีเส้นคั่น ระยะไม่พอ และใช้เครื่องหมายคูณสีชมพูซึ่งไม่ใช่องค์ประกอบของระบบ— no divider, not enough space, and a pink multiplication sign that is not part of the system.

บทที่ 03Chapter 03

สีColour

ระบบสีทั้งหมดมีค่าอยู่ 14 ค่า และทุกค่าคือมาสเตอร์สองตัวที่ผสมขาว หรือผสมดำ เปอร์เซ็นต์ที่กำกับไว้คือทั้งThe colour system contains 14 values, each derived from one of the two masters by mixing white or black. The stated percentages are both สูตรผสมสำหรับหน้าจอmix formula for screen และand เม็ดสกรีนสำหรับงานพิมพ์ink screen for print ตัวเลขเดียวกัน ใช้ได้ทั้งสองระบบOne number, both systems.

การตั้งชื่อสีColour naming

ชื่อสีบอกเบอร์ Pantone และเม็ดสกรีนNames carry the Pantone number and the screen

ชื่อสีอ่านได้จากตัวชื่อเอง — hue-pantone-เม็ดสกรีนคูณสิบ เช่นA colour name decodes itself — hue-pantone-screen×10. For example blue-294C-950 คือ PANTONE 294 C ที่ 95% และis PANTONE 294 C at 95%, and pink-213C-140 คือ PANTONE 213 C ที่ 14% หารด้วยสิบได้เปอร์เซ็นต์ที่สั่งโรงพิมพ์ได้ทันที มาสเตอร์ทั้งสองอยู่ที่ 1000 เทาทุกระดับอยู่ในชุดน้ำเงินเพราะเป็น 294 C ที่ความเข้มต่ำ ไม่ใช่สีกลางแยกต่างหาก ยกเว้นis PANTONE 213 C at 14%. Divide by ten and you have the percentage to quote a printer. Both masters sit at 1000. Every grey lives in the blue set because it is 294 C at low concentration, not a separate neutral. The exception is pink-213C-hover ที่เป็นการเติมดำ ไม่ใช่เติมขาว จึงตั้งชื่อตามหน้าที่ ส่วน danger และ success ยืมจาก iOS ไม่มีเลข Pantone จึงใช้ชื่อธรรมดาwhich adds black rather than white, so it is named for its job. danger and success are borrowed from iOS and have no Pantone number, so they keep plain names.

ชมพูPink

ชมพูหกระดับ และห้าในหกอยู่ทางสว่างSix pinks, five of them toward the light

ชมพูมาสเตอร์สำหรับงานพิมพ์คือThe master pink for print is PANTONE 213 C ที่ 100%PANTONE 213 C at 100% และค่าดิจิทัลที่อนุมัติคือand the approved digital value is #FA4786 — ให้ระบุสองค่านี้คู่กันทุกครั้งที่ส่งงานผลิต—always specify these two values together when releasing artwork for production
แบรนด์นี้อ่านว่า “สว่าง” ระดับสีจึงไล่ไปทางThis brand reads as bright, so its levels run toward เติมขาวadding whiteเป็นหลัก มีเพียงระดับเดียวที่เติมดำ คือ. Only one level adds black — pink-213C-hover และระดับนั้นถูกจำกัดไว้เฉพาะ ปุ่มตอนชี้กับชั้นเคลือบภาพแบบโปร่งเท่านั้น ยิ่งมีเฉดน้อย หน้างานยิ่งสะอาด — ถ้าต้องการโทนที่ยังไม่มี ให้ใช้ระดับที่มีอยู่ซ้ำ อย่าสร้างระดับใหม่and that step is restricted to button hover and translucent photo veils. Fewer shades keep execution cleaner—if a tone is not in the system, reuse an existing step rather than inventing one.

213C#CD3A6E
82%

213C#FA4786

213C#FA528D
94%

213C#FDA3C3
50%

213C#FEE5EE
14%

213C#FFF4F8
6%

Token	Hex	ใช้กับUsed for	บนพื้นขาวOn white
`pink-213C-hover`	`#CD3A6E`	จำกัดการใช้ — ปุ่มตอนชี้ และเคลือบภาพแบบโปร่งเท่านั้นRestricted — button hover and translucent photo veils onlyชมพูมาสเตอร์ + ดำ · เม็ดสกรีน 82%master pink + black · 82% screen	4.74:1 · AA
`pink-213C-1000`	`#FA4786`	★ มาสเตอร์ — แบนเนอร์ ฟุตเตอร์ หัวเรื่อง ปุ่มหลัก★ Master — banners, footer, headings, primary buttonsPANTONE 213 C ที่ 100% · ดิจิทัล #FA4786 · ไม่มีการดัดแปลงPANTONE 213 C at 100% · digital #FA4786 · no alteration	3.33:1 · ใหญ่เท่านั้น3.33:1 · large only
`pink-213C-940`	`#FA528D`	ปลายสว่างของไล่เฉดประจำแบรนด์ · แสงในพื้นชมพูLight end of the brand ramp · the highlight in a pink fieldชมพูมาสเตอร์ + ขาว · เม็ดสกรีน 94%master pink + white · 94% screen	3.15:1 · ใหญ่เท่านั้น3.15:1 · large type only
`pink-213C-500`	`#FDA3C3`	ไอคอน เส้นขอบชิป เส้นคั่นบนพื้นชมพูอ่อนIcons, chip borders, rules on light pinkชมพูมาสเตอร์ + ขาว · เม็ดสกรีน 50%master pink + white · 50% screen	1.87:1 · ไม่ผ่าน1.87:1 · fails
`pink-213C-140`	`#FEE5EE`	พื้นชิปที่เลือก วงแหวนโฟกัสSelected chip fill, focus ringชมพูมาสเตอร์ + ขาว · เม็ดสกรีน 14%master pink + white · 14% screen	1.19:1 · ไม่ผ่าน1.19:1 · fails
`pink-213C-60`	`#FFF4F8`	พื้นหลังทั้งส่วน สลับกับพื้นขาวWhole-section grounds, alternating with whiteชมพูมาสเตอร์ + ขาว · เม็ดสกรีน 6%master pink + white · 6% screen	1.07:1 · ไม่ผ่าน1.07:1 · fails

ชมพูเข้มมีเพียงสองหน้าที่Deep pink has only two jobs

pink-213C-hover ใช้กับปุ่มตอนชี้และชั้นเคลือบภาพถ่ายแบบโปร่งเท่านั้น ห้ามใช้เป็นพื้นฟุตเตอร์ แถบกฎหมาย โมดัล เสื้อ ป้าย หรือวัสดุ และห้ามสร้างชมพูเข้มเพิ่ม เมื่อต้องวางข้อความเล็ก ให้ย้ายข้อความลงพื้นขาวแล้วใช้หมึกน้ำเงินUse only for button hover and a translucent photo veil. Never use it as a footer, legal strip, modal, clothing, sign or material ground, and never add another dark pink. Move small copy to white and set it in blue ink.

หมึกและโครงสร้างInk and structure

น้ำเงินเป็นหมึก ไม่ใช่วัสดุNavy is ink, not material

แบรนด์นี้ไม่มีสีดำ และมีน้ำเงินมาสเตอร์เพียงค่าเดียวคือThe brand uses no black and has only one blue master: PANTONE 294 C ที่ 100%PANTONE 294 C at 100% หรือดิจิทัลor digital #002F6C เครื่องหมาย โลโก้ แถบเฉียง และกราฟิกทึบที่อนุมัติใช้มาสเตอร์นี้ แต่Approved marks, logos, the fascia diagonal and solid graphics use this master, but ตัวอักษรบนพื้นสว่างที่เข้มที่สุดต้องหยุดที่ Tint 95%The darkest type on a light surface must stop at a 95% tint หรือor #0D3973
น้ำเงินใช้กับตัวอักษร ข้อมูล เส้น และโครงสร้างเทคนิคเท่านั้นNavy is limited to type, data, rules and technical structure. ห้ามทำพื้นแคมเปญ เสื้อ แจ็กเก็ต ของแจก ป้าย หรือวัสดุสาขาที่เป็นน้ำเงินล้วนNever create a navy-only campaign ground, shirt, jacket, giveaway, sign or branch material.
หมึกอ่านมาตรฐานคือThe standard reading ink is PANTONE 294 C ที่ 95%PANTONE 294 C at 95% ซึ่งแสดงบนจอเป็นshown on screen as #0D3973 และใช้เป็นand is used as blue-294C-950 ทุกระบบ ส่วนin every system. The blue-294C-880, blue-294C-820 และand blue-294C-700 คือ Tint 88%, 82% และ 70%are 88%, 82% and 70% tints ของมาสเตอร์ #002F6C โดยตรงdirectly from master #002F6C เทาและเส้นทุกระดับก็มาจากมาสเตอร์เดียวกันที่ Tint ต่ำลง ไม่ใช่จากน้ำเงินอีกตัวEvery grey and rule also comes from the same master at a lower tint, not from another blue ห้ามใช้ #002F6C เป็นตัวอักษรบนพื้นขาว และห้ามนำ #0D3973 ไปลด opacity อีก 95%Never use #002F6C for type on white, and never reduce #0D3973 by another 95% opacity เพราะ #0D3973 คือผลลัพธ์ 95% ที่อนุมัติแล้วbecause #0D3973 is already the approved 95% result.

เนื้อความทั้งหมดใช้ blue-294C-880 · blue-294C-820 เป็นชุดข้อมูลที่สามในกราฟ ไม่ใช้เป็นสีตัวอักษร · blue-294C-700 ใช้กับข้อความรองAll body copy uses blue-294C-880 · blue-294C-820 is the third chart series, never a text colour · blue-294C-700 is for secondary copy

น้ำเงิน · มาสเตอร์ 100% และหมึกอ่านไม่เกิน 95%Blue · 100% master and reading ink capped at 95%

294C#002F6C

294C#0D3973

294C#1F487E
88%

294C#2E5486
82%

294C#4D6D98
70%

Token	Hex	ใช้กับUsed for	บนพื้นขาวOn white
`blue-294C-1000`	`#002F6C`	★ มาสเตอร์น้ำเงิน — โลโก้ เครื่องหมาย แถบเฉียง และกราฟิกทึบที่อนุมัติเท่านั้น★ blue master—approved logos, marks, fascia diagonals and solid graphics onlyPANTONE 294 C ที่ 100% · ดิจิทัล #002F6C · ห้ามใช้เป็นตัวอักษรบนพื้นขาวPANTONE 294 C at 100% · digital #002F6C · never use for type on white	12.94:1 · AAA
`blue-294C-950`	`#0D3973`	★ หมึกตัวอักษรเข้มที่สุด — หัวข้อ ตัวเลข และป้ายกำกับ★ darkest type ink—headings, figures and labelsPANTONE 294 C ที่ 95% บนขาว · ค่าดิจิทัล #0D3973 · ไม่ใช้ 294 C 100% เป็นตัวอักษรบนขาวPANTONE 294 C at 95% on white · digital value #0D3973 · never use 294 C at 100% for type on white	11.35:1 · AAA
`blue-294C-880`	`#1F487E`	★ เนื้อความทั้งหมดบนหน้าจอ★ All body copy on screenPANTONE 294 C มาสเตอร์ + ขาว · เม็ดสกรีน 88%PANTONE 294 C master + white · 88% screen	9.18:1 · AAA
`blue-294C-820`	`#2E5486`	ชุดข้อมูลที่สามในกราฟ · ไม่ใช้เป็นสีตัวอักษรThird chart series · never a text colourPANTONE 294 C มาสเตอร์ + ขาว · เม็ดสกรีน 82%PANTONE 294 C master + white · 82% screen	7.7:1 · AAA
`blue-294C-700`	`#4D6D98`	ข้อความรอง · ความเข้มที่สองของโหมดสีเดียวSecondary text · the second depth of the single-ink modePANTONE 294 C มาสเตอร์ + ขาว · เม็ดสกรีน 70%PANTONE 294 C master + white · 70% screen	5.31:1 · AA

เทา · โครงสร้างGrey · structure

294C#96AAC3
41%

294C#DBE2EA
14%

294C#F5F7F9
4%

Token	Hex	ใช้กับUsed for	บนพื้นขาวOn white
`blue-294C-410`	`#96AAC3`	placeholder และเส้นแบ่งบนภาพเท่านั้นPlaceholders and dividers over images onlyน้ำเงินมาสเตอร์ + ขาว · เม็ดสกรีน 41%blue master + white · 41% screen	2.38:1 · ไม่ผ่าน2.38:1 · fails
`blue-294C-140`	`#DBE2EA`	เส้นคั่น ขอบฟิลด์ ขอบการ์ดRules, field borders, card bordersน้ำเงินมาสเตอร์ + ขาว · เม็ดสกรีน 14%blue master + white · 14% screen	1.31:1 · ไม่ผ่าน1.31:1 · fails
`blue-294C-40`	`#F5F7F9`	พื้นผิวอ่อน พื้นตารางLight surfaces, table groundsน้ำเงินมาสเตอร์ + ขาว · เม็ดสกรีน 4%blue master + white · 4% screen	1.07:1 · ไม่ผ่าน1.07:1 · fails

blue-294C-410 วัดได้ 2.38:1 —measures 2.38:1— ต่ำกว่าเกณฑ์ทุกขนาดbelow the threshold at every size จึงใช้ได้เฉพาะข้อความตัวอย่างในช่องกรอก (placeholder) และเส้นแบ่ง ไม่ใช่เนื้อหาso it is only for placeholder text inside fields and for dividers, never for content.

สถานะState

ข้อยกเว้นเดียวของกฎสองมาสเตอร์The only exception to the two-master rule

สีบอกสถานะเป็นเรื่องความปลอดภัยของลูกค้า ไม่ใช่เรื่องรสนิยมของแบรนด์ “ยอดค้างชำระ” กับ “ชำระเรียบร้อย” ต้องแยกออกจากกันได้ทันทีบนจอมือถือกลางแดด ระบบนี้จึงState colour is a matter of customer safety, not brand taste. “Payment overdue” and “paid in full” have to separate instantly on a phone in direct sun. So this system ยืมแดงกับเขียวของ iOS มาใช้ตรงๆborrows the iOS red and green directly — ลูกค้าของเราทุกคนอ่านสองสีนี้ออกอยู่แล้วจากโทรศัพท์ในมือ การประดิษฐ์สีของตัวเองขึ้นมาใหม่มีแต่เสียการจดจำโดยไม่ได้อะไรกลับมา— every one of our customers already reads those two colours from the phone in their hand. Inventing our own would cost recognition and buy nothing.
ค่าที่ใช้เป็นThe values used as ตัวอักษรTypographyคือฉบับ accessible ของ Apple ปรับให้ผ่าน AA ส่วนค่า are Apple's accessible variants, adjusted to clear AA. Apple's อิ่มสีเต็มfull-saturationของ Apple ใช้กับพื้นป้ายและไอคอนเท่านั้น นี่คือเฉดที่สามและที่สี่ในระบบ และเป็นข้อยกเว้นเดียวที่คู่มือเล่มนี้อนุญาต values are for badge grounds and icons only. These are the third and fourth hues in the system, and the only exception this manual permits.

แจ้งเตือน

Alert

ยอดค้างชำระ 1 งวดOne instalment overdue

กรุณาชำระภายในวันที่ 5 กันยายน 2569 เพื่อหลีกเลี่ยงค่าติดตามทวงถาม หรือโทร 02-857-8888 เพื่อปรับโครงสร้างการผ่อนPlease pay by 5 September 2026 to avoid collection charges, or call 02-857-8888 to restructure your repayments.

ตัวอักษรบนพื้นขาว

Text on white

5.38:1

ตัวอักษร

Typography

#D70015

พื้นป้าย

Badge ground

#FF3B30

สำเร็จ

Done

ชำระเรียบร้อยแล้วPayment received

ได้รับเงิน 970 บาท เมื่อ 23 สิงหาคม 2569 เวลา 09:41 น. ใบเสร็จถูกส่งไปยังอีเมลที่ลงทะเบียนไว้We received 970 baht on 23 August 2026 at 09:41. A receipt has been sent to your registered email address.

ตัวอักษรบนพื้นขาว

Text on white

5.12:1

ตัวอักษร

Typography

#1F7E37

พื้นป้าย

Badge ground

#34C759

Token	Hex	ใช้กับUsed for	คอนทราสต์ที่เกี่ยวข้องRelevant contrast
`danger`	`#D70015`	ตัวอักษรแจ้งเตือน ยอดค้างชำระ ฟิลด์ผิดพลาดAlert text, overdue balances, field errorsiOS accessible red — แดงของ Apple ที่ปรับให้ผ่าน AAiOS accessible red — Apple's red adjusted to clear AA	5.38:1 · AAบนพื้นขาวOn white
`danger-vivid`	`#FF3B30`	พื้นป้าย จุดแจ้งเตือน ไอคอน — ไม่ใช้กับตัวอักษรเล็กBadge grounds, notification dots, icons — never small textiOS systemRed #FF3B30 ตรงตามค่าของ AppleiOS systemRed #FF3B30, exactly Apple's value	3.55:1 · ใหญ่เท่านั้น3.55:1 · large onlyขาวบนสีนี้white on this
`danger-50`	`#FDF0F1`	พื้นของกล่องแจ้งเตือนและวงแหวนโฟกัสAlert box grounds and focus ringsแดง + ขาว · เม็ดสกรีน 6%red + white · 6% screen	4.85:1 · AAแดงบนพื้นนี้red on this
`success`	`#1F7E37`	ตัวอักษรยืนยัน ชำระแล้ว ผ่านเงื่อนไขConfirmation text, paid status, conditions metiOS systemGreen ที่ปรับให้ผ่าน AA (เฉดเดิม 134.7°)iOS systemGreen adjusted to clear AA (hue unchanged at 134.7°)	5.12:1 · AAบนพื้นขาวOn white
`success-vivid`	`#34C759`	พื้นป้าย เครื่องหมายถูก ไอคอน — ไม่ใช้กับตัวอักษรเล็กBadge grounds, check marks, icons — never small textiOS systemGreen #34C759 ตรงตามค่าของ AppleiOS systemGreen #34C759, exactly Apple's value	5.11:1 · AAน้ำเงินบนสีนี้blue on this
`success-50`	`#F2F7F3`	พื้นของกล่องยืนยันConfirmation box groundsเขียว + ขาว · เม็ดสกรีน 6%green + white · 6% screen	4.73:1 · AAเขียวบนพื้นนี้green on this

ขอบเขตของข้อยกเว้นThe limits of the exception

แดงและเขียวใช้ได้เฉพาะเมื่อRed and green are only for บอกสถานะของสิ่งที่ลูกค้าต้องทำsignalling the state of something the customer must act on เท่านั้น — ข้อความผิดพลาดในฟอร์ม ยอดค้างชำระ การยืนยันว่าสำเร็จ— a form error, an overdue balance, a confirmation of success. ห้ามNeverใช้เป็นสีตกแต่ง สีของกราฟ สีพื้นของส่วนใดส่วนหนึ่ง หรือสีของปุ่มทั่วไป และห้ามสร้างเฉดเพิ่มจากทั้งสองสีนี้เกินกว่าที่มีในตาราง ค่าอิ่มสีเต็มของ Apple (#FF3B30 และ #34C759) ใช้ได้เฉพาะเป็น use them as decoration, as chart colours, as the ground of a section, or as the colour of an ordinary button — and never derive further shades beyond those in the table. Apple's full-saturation values (#FF3B30 and #34C759) may only be a พื้นgroundของป้ายเล็กหรือสีของ for a small badge, or the colour of an ไอคอนIcons ไม่ใช้เป็นตัวอักษร ทุกอย่างที่ไม่ใช่สถานะ ยังคงอยู่ในชมพูกับน้ำเงินเหมือนเดิม. Never as text. Everything that is not a state stays in pink and blue as before.

พิสูจน์Proof

เฉดเดียวจริง — นี่คือการพิสูจน์One hue, genuinely — here is the proof

การผสมขาวหรือผสมดำคือการคูณผลต่างของทุกช่องสีด้วยตัวเลขเดียวกัน ค่าเฉดจึงไม่ขยับตามนิยาม ตารางนี้คำนวณค่าเฉดของทุก token จากสูตรจริงที่เบราว์เซอร์ใช้ผสม —Mixing with white or black multiplies every channel difference by the same factor, so by definition the hue does not move. This table computes the hue of every token from the exact formula the browser mixes with — ค่าที่ต่างจากมาสเตอร์มากที่สุดคือ 0.0°the largest deviation from a master is 0.0°

Token	สูตรFormula	Hex 8 บิต8-bit hex	เฉดจากสูตรHue from formula	เฉดหลังปัดเป็น 8 บิตHue after 8-bit rounding
`pink-213C-1000`	มาสเตอร์ 100%master 100%	`#FA4786`	338.882682°	338.882682°
`pink-213C-hover`	82% + ดำ82% + black	`#CD3A6E`	338.882682°	338.77551° · ห่าง 0.107°338.77551° · off by 0.107°
`pink-213C-500`	50% + ขาว50% + white	`#FDA3C3`	338.882682°	338.666667° · ห่าง 0.216°338.666667° · off by 0.216°
`pink-213C-140`	14% + ขาว14% + white	`#FEE5EE`	338.882682°	338.4° · ห่าง 0.483°338.4° · off by 0.483°
`pink-213C-60`	6% + ขาว6% + white	`#FFF4F8`	338.882682°	338.181818° · ห่าง 0.701°338.181818° · off by 0.701°
`blue-294C-1000`	มาสเตอร์ 100%master 100%	`#002F6C`	213.888889°	213.888889°
`blue-294C-950`	95% + ขาว95% + white	`#0D3973`	213.888889°	214.117647° · ห่าง 0.229°214.117647° · off by 0.229°
`blue-294C-880`	88% + ขาว88% + white	`#1F487E`	213.888889°	214.105263° · ห่าง 0.216°214.105263° · off by 0.216°
`blue-294C-820`	82% + ขาว82% + white	`#2E5486`	213.888889°	214.090909° · ห่าง 0.202°214.090909° · off by 0.202°
`blue-294C-700`	70% + ขาว70% + white	`#4D6D98`	213.888889°	214.4° · ห่าง 0.511°214.4° · off by 0.511°
`blue-294C-410`	41% + ขาว41% + white	`#96AAC3`	213.888889°	213.333333° · ห่าง 0.556°213.333333° · off by 0.556°
`blue-294C-140`	14% + ขาว14% + white	`#DBE2EA`	213.888889°	212.0° · ห่าง 1.889°212.0° · off by 1.889°
`blue-294C-40`	4% + ขาว4% + white	`#F5F7F9`	213.888889°	210.0° · ห่าง 3.889°210.0° · off by 3.889°

ทำไมคอลัมน์สุดท้ายจึงไม่ตรงเป๊ะทุกช่องWhy the last column isn't exact everywhere

จอภาพเก็บสีได้ช่องละ 256 ระดับ ค่าที่ผสมได้จริงจึงต้องปัดลงตาราง 8 บิต ยิ่งสีอ่อนมาก ระยะห่างระหว่างช่องสีก็ยิ่งแคบ —A display stores 256 levels per channel, so the true mixed value has to be rounded onto that 8-bit grid. The lighter the colour, the narrower the spread between channels — blue-294C-40 ห่างกันเพียง 4 ระดับจาก 255 การปัดเพียงครึ่งระดับจึงทำให้ค่าเฉด ที่คำนวณย้อนกลับขยับได้ถึง 3.89° นี่คือข้อจำกัดของการเก็บค่าสี ไม่ใช่เฉดที่สองในระบบOnly four of 255 channel levels separate them, so half-step rounding can shift the reverse-calculated hue by up to 3.89°. This is a storage limitation, not a second hue in the system
ด้วยเหตุนี้ CSS ของระบบจึงประกาศทุกระดับเป็นFor this reason the system's CSS declares every level as color-mix(in srgb, var(--pink-213C-1000) 6%, white) แทนการพิมพ์ค่า hex ลงไป เบราว์เซอร์จะผสมที่ความละเอียดเต็มแล้วค่อยปัดตอนแสดงผลrather than a typed hex value. The browser mixes at full precision and rounds only at the point of display.

พื้นหลังBackground

พื้นหลังห้าแบบ ไม่มีพื้นเข้มFive surfaces, with no dark ground

พื้นหลักคือขาว ที่เหลือใช้สลับเป็นจังหวะเพื่อแบ่งส่วน ไม่มีพื้นสีเข้มเต็มหน้าในระบบนี้ เพราะจะขัดกับข้อแรกของบทที่ 01White is the primary ground; the rest alternate to give a page rhythm. There is no full-page dark surface here, because it would contradict the first principle in chapter 01.

ขาว

White

หน้าเนื้อหา อ่านยาว

Content pages, long reading

page · #FFFFFF

ชมพูอ่อนสุด

Lightest pink

สลับกับพื้นขาว

Alternates with white

bg-brand-airy · #FFF4F8

ชมพูอ่อน

Light pink

การ์ด ชิปที่เลือก

Cards, selected chips

bg-brand-soft · #FEE5EE

เทาอ่อน

Light grey

ตาราง พื้นผิว

Tables, surfaces

bg-surface · #F5F7F9

ชมพูแบรนด์

Brand pink

แบนเนอร์ ฟุตเตอร์

Banners, footer

bg-brand · #FA4786

คู่สีที่ใช้ได้Permitted pairings

ตัวอักษร × พื้นหลังText × background

แต่ละช่องคือตัวอย่างจริง ตั้งด้วยฟอนต์จริงบนสีจริง พร้อมค่าที่วัดได้ ช่องลายทแยงคือคู่ที่ระบบไม่ใช้ ไม่ใช่คู่ที่ยังไม่ได้ทดสอบEvery cell is a real specimen, set in the real font on the real colour, with its measured value. A hatched cell is a pairing the system does not use — not one that is merely untested.

พื้นหลัง →Background → ตัวอักษร ↓Text ↓	ขาวWhite	ชมพูอ่อนสุดLightest pink	ชมพูอ่อนLight pink	เทาอ่อนLight grey	ชมพูแบรนด์Brand pink
`--t-heading`หัวเรื่องHeading	เงินเทอร์โบNgern Turbo3.33:1 · ใหญ่เท่านั้น3.33:1 · large only	เงินเทอร์โบNgern Turbo3.1:1 · ใหญ่เท่านั้น3.1:1 · large only	เงินเทอร์โบNgern Turbo2.8:1 · ไม่ผ่าน2.8:1 · fails	เงินเทอร์โบNgern Turbo3.1:1 · ใหญ่เท่านั้น3.1:1 · large only	ไม่ใช้คู่นี้not used
`--t-title`หัวข้อเข้มStrong label	เงินเทอร์โบNgern Turbo11.35:1 · AAA	เงินเทอร์โบNgern Turbo10.57:1 · AAA	เงินเทอร์โบNgern Turbo9.54:1 · AAA	เงินเทอร์โบNgern Turbo10.57:1 · AAA	ไม่ใช้คู่นี้not used
`--t-body`เนื้อความBody	เงินเทอร์โบNgern Turbo9.18:1 · AAA	เงินเทอร์โบNgern Turbo8.55:1 · AAA	เงินเทอร์โบNgern Turbo7.72:1 · AAA	เงินเทอร์โบNgern Turbo8.55:1 · AAA	ไม่ใช้คู่นี้not used
`--t-muted`ข้อความรองSecondary	เงินเทอร์โบNgern Turbo5.31:1 · AA	เงินเทอร์โบNgern Turbo4.94:1 · AA	เงินเทอร์โบNgern Turbo4.46:1 · ใหญ่เท่านั้น4.46:1 · large type only	เงินเทอร์โบNgern Turbo4.94:1 · AA	ไม่ใช้คู่นี้not used
`on-brand`ขาวWhite	ไม่ใช้คู่นี้not used	ไม่ใช้คู่นี้not used	ไม่ใช้คู่นี้not used	ไม่ใช้คู่นี้not used	เงินเทอร์โบNgern Turbo3.33:1 · ใหญ่เท่านั้น3.33:1 · large only

ทุกช่องบนพื้นชมพูอยู่ที่ 3.33:1 เท่ากันหมด นี่คือEvery cell on the brand pink sits at 3.33:1. This is the ข้อยกเว้นเดียวone exception ที่ระบบยอมรับ และเป็นเหตุผลว่าทำไมเนื้อความยาวจึงต้องอยู่ในการ์ดขาวเสมอthe system accepts, and the reason long copy always has to live in a white card.

ไล่เฉดGradients

ไล่เฉดสองแบบ และมีแบบเดียวที่เป็นค่าเริ่มต้นTwo gradients, with only one as the default

ทุกแบบใช้ token ที่มีอยู่แล้วเป็นจุดหยุด ไม่มีการสร้างค่าใหม่ระหว่างทาง และทุกแบบไล่ที่All three use existing tokens as their stops, with no new value created along the way, and all three run at มุม 100°100° เท่ากันหมด เพื่อให้ทุกชิ้นงานเอียงเท่ากันso every piece of work leans by the same amount.
กฎง่ายๆ คือThe short rule is ไล่เฉดทุกชุดต้องอยู่ในตระกูลชมพูหรือไล่จากขาวเข้าหาชมพูEvery gradient stays within the pink family or moves from white into pink. น้ำเงินไม่เป็นจุดหยุดของไล่เฉด เพราะน้ำเงินไม่ใช่พื้นแบรนด์Navy is never a gradient stop because it is not a brand ground.

ชมพูมาสเตอร์ → ชมพูสว่าง

master pink → light pink

เงินเทอร์โบ พร้อมเคียงข้าง ทุกโอกาส

Ngern Turbo, beside you at every turn

หลัก

Primary

ไล่เฉดประจำแบรนด์The brand gradient

อยู่บนเฉดชมพูเดียวตลอดแถบ และไล่It stays on one pink hue across the whole band and runs ขึ้นทางสว่างtoward the lightไม่ใช่ลงทางเข้ม จึงยังสว่างและต้อนรับเหมือนตัวแบรนด์ ตัวอักษรขาวผ่านเกณฑ์ตัวใหญ่ตลอดทั้งแถบ rather than down into the dark, so it stays as bright and welcoming as the brand itself. White type clears the large-text threshold everywhere along it.

pink-213C-1000 · 0%pink-213C-940 · 100%

ใช้กับ · แบนเนอร์ ฟุตเตอร์ ปุ่มใหญ่ ปกสไลด์ สแปลชแอป ป้ายสาขา ของแจก — ใช้เป็นค่าเริ่มต้นFor · banners, footer, large buttons, slide covers, app splash, branch signs, merchandise — this is the default.
ตัวอักษรขาวบนแถบนี้วัดได้ 3.15:1 ที่จุดอ่อนที่สุด และ 3.33:1 ที่จุดเข้มที่สุด — ผ่านเกณฑ์ตัวใหญ่เท่านั้น จึงใช้กับหัวเรื่องและปุ่ม ไม่ใช้กับเนื้อความWhite type on this band measures 3.15:1 at its weakest point and 3.33:1 at its strongest—large text only, so headings and buttons, never body copy.

ขาว → ชมพูอ่อน

white → soft pink

เรื่องเงินคุยให้เข้าใจได้

Money can be explained clearly

พื้นรองสำหรับการอ่านและข้อมูล

Supporting ground for reading and information

พื้นรอง

Supporting ground

ไล่เฉดพื้นที่หายใจBreathing-space gradient

ขาวทำหน้าที่เป็นพื้นที่หายใจและพาเข้าสู่ชมพูอย่างนุ่มนวล โดยไม่สร้างสีแบรนด์ใหม่ ข้อความขนาดเล็กใช้หมึกน้ำเงินบนพื้นสว่าง ไม่ใช้ตัวอักษรขาวWhite creates breathing room and leads softly into pink without inventing a new brand colour. Small text uses navy ink on the light ground, never white type.

white · 0%pink-213C-140 · 100%

ใช้กับ · พื้นส่วนเนื้อหา การ์ด และพื้นที่อ่านยาว — ใช้หมึกน้ำเงินเป็นตัวอักษรเท่านั้นUse for · content sections, cards and long-reading areas—navy appears as type only
หมึกเนื้อความบนแถบนี้วัดได้อย่างน้อย 7.72:1 — ผ่านเกณฑ์ทุกขนาดตลอดไล่เฉดBody ink on this band measures at least 7.72:1—passing at every size across the gradient

ทำ

ใช้มุมAlways use 100° เสมอ เพื่อให้ทุกชิ้นงานเอียงเท่ากันso every piece leans identically.
ไล่เฉดชมพูเป็นThe pink ramp is the ค่าเริ่มต้นdefault ใช้ได้ทุกที่ที่เคยใช้ชมพูทึบ— use it anywhere flat pink was used before.
ใช้ไล่เฉดขาว→ชมพูอ่อนเป็นพื้นอ่าน แล้วใช้หมึกน้ำเงินบนพื้นนั้นUse the white→soft-pink gradient as a reading ground, with blue ink on top.
โลโก้บนไล่เฉดใช้The mark on a gradient is always the ฉบับขาวwhite versionเสมอ always
ถ้าต้องมีเนื้อความยาว ให้ใส่ในIf long copy is needed, put it in a การ์ดขาวwhite cardที่วางทับไล่เฉด laid over the gradient.

ไม่ทำ

Don't

เพิ่มจุดหยุดที่เป็นค่าสีนอกระบบ เช่น ม่วง ส้ม หรือฟ้าAdd an off-system stop such as purple, orange or cyan
ไล่เฉดชมพูที่วิ่งไปทางA pink ramp running toward the เข้มdark — ชมพูของแบรนด์ไล่ขึ้นทางสว่างเสมอ— the brand pink always runs toward the light.
แถบหรือพื้นน้ำเงิน ไม่ว่าทึบหรือไล่เฉด — น้ำเงินเป็นหมึกเท่านั้นA navy strip or ground, flat or graded—navy is ink only.
วางเนื้อความยาวสีขาวทับไล่เฉดชมพู — จุดสว่างที่สุดเหลือ 3.15:1 ซึ่งเป็นเกณฑ์ตัวใหญ่เท่านั้น ใช้การ์ดขาวเมื่อมีเนื้อความPlace long white copy over the pink gradient—the lightest point is only 3.15:1, which is suitable for large type only. Use a white card for body copy.
ใช้ไล่เฉดน้ำเงิน→ชมพู — ลำดับสีนี้ทำให้น้ำเงินกลายเป็นตัวเอกUse a navy→pink gradient—this hierarchy turns navy into the protagonist.

บทที่ 04Chapter 04

โหมดการใช้สีColour modes

อัตลักษณ์นี้มีวิธีลงสีอยู่สี่แบบ สองแบบแรกคือThis identity has four ways of applying colour. The first two are the โหมดหลักprimary modes ใช้กับงานส่วนใหญ่ อีกสองแบบมีไว้เพราะบางวัสดุรับหมึกได้สีเดียว — หนังสือพิมพ์ แบบฟอร์ม เอกสารที่ถ่ายสำเนา งานปั๊มนูน ตรายาง ทั้งสี่แบบต้องอ่านออกเท่ากัน และต้องยังเป็นเงินเทอร์โบเหมือนกันand cover most work. The other two exist because some substrates take only one ink — newspaper, forms, photocopied documents, embossing, rubber stamps. All four have to be equally legible, and all four have to still be Ngern Turbo.

สี่โหมดFour modes

สองหลัก สองสำรองTwo primary, two fallback

แต่ละแผ่นด้านล่างประกอบขึ้นจาก token จริงและตั้งด้วยฟอนต์จริง แถบล่างของแต่ละแผ่นรายงานค่าคอนทราสต์ที่วัดได้ของหัวเรื่อง เนื้อความ และปุ่ม ในโหมดนั้น พร้อมบอกว่าต้องใช้โลโก้ฉบับไหนEach panel below is assembled from real tokens and set in the real fonts. The bar underneath reports the measured contrast of the heading, the body and the button in that mode, and names the logo version required.

หลัก 1 · สองสีบนพื้นขาว

Primary 1 · two colours on white

สินเชื่อทะเบียนรถ

Vehicle title loans

วงเงินสูง อนุมัติไว รับเงินในวัน มีเจ้าหน้าที่ดูแลใกล้บ้านคุณHigh limits, fast approval, funds the same day, with staff near your home.

สมัครสินเชื่อ

Apply for a loan

02-857-8888

หัวเรื่อง

Heading

3.33:1

เนื้อความ

Body

9.18:1

ปุ่ม

Buttons

3.33:1

โลโก้

The mark

color

หลัก 2 · ขาวบนชมพู

Primary 2 · white on pink

สินเชื่อทะเบียนรถ

Vehicle title loans

สมัครสินเชื่อ

Apply for a loan

02-857-8888

หัวเรื่อง

Heading

3.33:1

เนื้อความ

Body

3.33:1

ปุ่ม

Buttons

4.74:1

โลโก้

The mark

white

สำรอง · หมึกดำ สองความเข้ม บนพื้นขาว

Fallback · black ink at two depths on white

สินเชื่อทะเบียนรถ

Vehicle title loans

สมัครสินเชื่อ

Apply for a loan

02-857-8888

หัวเรื่อง

Heading

18.88:1

เนื้อความ

Body

6.79:1

ปุ่ม

Buttons

18.88:1

โลโก้

The mark

grey

สำรอง · ขาวเจาะบนหมึกเดียว

Fallback · white knocked out of a single ink

สินเชื่อทะเบียนรถ

Vehicle title loans

สมัครสินเชื่อ

Apply for a loan

02-857-8888

หัวเรื่อง

Heading

18.88:1

เนื้อความ

Body

18.88:1

ปุ่ม

Buttons

18.88:1

โลโก้

The mark

white

โหมดMode	ใช้กับUsed for	โลโก้The mark
สองสีบนพื้นขาวTwo colours on whiteโหมดตั้งต้น หัวเรื่องเป็นชมพู เนื้อความเป็นน้ำเงิน พื้นเป็นขาวThe default. Headings pink, body blue, ground white.	เว็บไซต์ แอป สไลด์ สิ่งพิมพ์สี่สี ป้ายสาขา — ทุกงานที่พิมพ์สีได้เต็มที่Website, app, slides, four-colour print, branch signs — anything that can carry full colour	`color`
ขาวบนชมพูWhite on pinkตัวอักษรขาวทึบเท่านั้น ห้ามลดความโปร่งใส และเนื้อความยาวต้องย้ายลงการ์ดขาวSolid white type only, never transparent, and long copy moves into a white card.	แบนเนอร์ ฟุตเตอร์ ป้ายหน้าสาขา ถุงผ้า ร่ม เสื้อพนักงานBanners, footer, shopfront signs, tote bags, umbrellas, staff shirts	`white`
หมึกดำ สองความเข้ม บนพื้นขาวBlack ink, two depths, on whiteหมึกดำที่ 100% และ 62% — ใช้ดำ ไม่ใช้น้ำเงิน เพราะงานหมึกเดียวส่วนใหญ่คือหมึกดำBlack at 100% and 62% — black rather than blue, because most single-ink work is black.	โฆษณาหนังสือพิมพ์ แบบฟอร์ม โทรสาร งานถ่ายสำเนา ตรายางNewspaper advertising, forms, fax, photocopied work, rubber stamps	`grey`
ขาวเจาะบนหมึกเดียวWhite knocked out of a single inkโลโก้ต้องเป็นฉบับขาวทั้งชิ้น — และพื้นนี้คือหมึกของโรงพิมพ์ ไม่ใช่สีน้ำเงินของแบรนด์The mark must be the all-white version — and this ground is the printer's ink, not the brand blue.	ปกรายงาน กล่องบรรจุภัณฑ์ งานปั๊มฟอยล์ ป้ายที่พิมพ์ได้หมึกเดียวReport covers, packaging, foil blocking, single-ink signage	`white`

เลือกโหมดจากวัสดุChoose the mode from the substrate

สื่อไหนใช้โหมดไหนWhich medium uses which mode

คอลัมน์แรกคือโหมดหลักของสื่อนั้น คอลัมน์ที่สองคือโหมดที่ใช้สลับได้ในชิ้นเดียวกัน เช่น เว็บไซต์เป็นสองสีบนขาวทั้งหน้า แล้วสลับเป็นขาวบนชมพูเฉพาะแบนเนอร์กับฟุตเตอร์The first column is that medium's primary mode; the second is the mode it may switch to within the same piece. A website, for instance, is two colours on white throughout, switching to white on pink only for the banner and the footer.

สื่อMedium	โหมดหลักprimary modes	สลับได้May switch to	หมายเหตุNote
เว็บไซต์และแอปWebsite and app	สองสีบนพื้นขาวTwo colours on white	ขาวบนชมพูWhite on pink	ใช้โหมดสองสีเป็นพื้น และสลับเป็นขาวบนชมพูเฉพาะแบนเนอร์กับฟุตเตอร์Two colours as the base, switching to white on pink only for banner and footer
สไลด์นำเสนอPresentations	สองสีบนพื้นขาวTwo colours on white	ขาวบนชมพูWhite on pink	หน้าเนื้อหาเป็นสองสีบนขาว ปกและหน้าคั่นเป็นขาวบนชมพูหรือไล่เฉดContent pages two colours on white; covers and dividers white on pink or on a ramp
ป้ายหน้าสาขาShopfront	ขาวบนชมพูWhite on pink	สองสีบนพื้นขาวTwo colours on white	ป้ายหลักเป็นขาวบนชมพู ป้ายข้อมูลและเวลาทำการเป็นสองสีบนขาวThe main sign is white on pink; information and opening-hours signs are two colours on white
นามบัตรและหัวจดหมายBusiness cards and letterhead	สองสีบนพื้นขาวTwo colours on white	ขาวบนชมพูWhite on pink	ฉบับมาตรฐานเป็นสองสีบนขาว ฉบับผู้บริหารใช้ด้านหลังเป็นชมพูเต็มStandard is two colours on white; the executive version takes a full pink reverse
โฆษณาหนังสือพิมพ์Newspaper advertising	หมึกดำ สองความเข้ม บนพื้นขาวBlack ink, two depths, on white	—	หนังสือพิมพ์ส่วนใหญ่พิมพ์หมึกเดียว ใช้ PANTONE 294 C ที่ 95% กับ 70%Most newspaper advertising prints in one ink; use PANTONE 294 C at 95% and 70%
แบบฟอร์มและสัญญาForms and contracts	หมึกดำ สองความเข้ม บนพื้นขาวBlack ink, two depths, on white	—	ต้องอ่านออกหลังถ่ายสำเนาสองรอบ จึงห้ามใช้พื้นสีอ่อนรองตัวอักษรMust survive two photocopies, so never set type over a light tint
ปกรายงานประจำปีAnnual report cover	ขาวเจาะบนหมึกเดียวWhite knocked out of a single ink	สองสีบนพื้นขาวTwo colours on white	ปกเป็นขาวเจาะบนหมึกเดียว เนื้อในกลับมาเป็นสองสีบนขาวThe cover is white knocked out of one ink; the interior returns to two colours on white
เสื้อพนักงานและของแจกStaff shirts and merchandise	ขาวบนชมพูWhite on pink	สองสีบนพื้นขาวTwo colours on white	งานสกรีนบนผ้าสีชมพูใช้หมึกขาว บนผ้าสีขาวใช้ฉบับสีScreen printing on pink fabric uses white ink; on white fabric use the colour version

หมึกเดียวSingle ink

พาเลตต์ทั้งชุดคือเม็ดสกรีนของหมึกสองตัวThe whole palette is screens of two inks

เมื่ออ่านพาเลตต์ด้วยสายตาของโรงพิมพ์ จะเห็นว่าทุกระดับคือRead the palette the way a printer reads it and every level turns out to be a เปอร์เซ็นต์ของหมึกเดียวpercentage of one ink ไม่ใช่สีที่เลือกมาทีละตัว นั่นแปลว่าเวลาสั่งงานหมึกเดียว ไม่ต้องหาค่าสีใหม่ ใช้เปอร์เซ็นต์เดิมได้เลย และผลลัพธ์จะตรงกับหน้าจอrather than a colour picked one at a time. So a single-ink job needs no new values: use the same percentages and the result matches the screen.

หมึกน้ำเงินมาสเตอร์ · #002F6CMaster blue ink · #002F6C

100%blue-294C-1000
12.94:1

95%blue-294C-950
11.35:1

88%blue-294C-880
9.18:1

82%blue-294C-820
7.7:1

70%blue-294C-700
5.31:1

41%blue-294C-410
4.78:1

14%blue-294C-140
8.69:1

4%blue-294C-40
10.57:1

ตัวเลขบนแถบคือเม็ดสกรีน ตัวเลขล่างคือค่าคอนทราสต์ของตัวอักษรที่วางบนระดับนั้นThe figure on each band is the screen percentage; the figure below is the contrast of type set on that level.

หมึกชมพู · #FA4786Pink ink · #FA4786

82%pink-213C-hover
4.74:1

100%pink-213C-1000
3.41:1

50%pink-213C-500
6.06:1

14%pink-213C-140
9.54:1

6%pink-213C-60
10.57:1

ระดับ 6% ถึง 50% ใช้เป็นพื้น ระดับ 82% ขึ้นไปใช้เป็นตัวอักษรและปุ่มLevels from 6% to 50% are grounds; 82% and above are type and buttons.

โหมดสีเดียวสองความเข้ม ใช้ระดับไหนWhich levels the two-depth mode uses

ใช้Use 95% กับand 70% ของ PANTONE 294 C — คือof PANTONE 294 C—is blue-294C-950 กับand blue-294C-700 ที่มีอยู่แล้ว เลือก 70% เพราะเป็นระดับที่อ่อนที่สุดที่ยัง ผ่านเกณฑ์ AAalready in the system. Use 70% because it is the lightest level that still passes AA บนทุกพื้นที่ระบบนี้ใช้จริงon every ground this system actually uses — ขาว (5.31:1) เทาอ่อน และชมพูอ่อนสุด ต่ำกว่านี้จะเหลือแค่ตัวใหญ่ และเมื่อผ่านเครื่องถ่ายเอกสารสองรอบจะหายไปเลย งาน spot ให้ตั้งสอง swatch ที่ Tint—white (5.31:1), light grey and the lightest pink. Any lighter works only for large type and disappears after two photocopy generations. For spot work, create two swatches at tints 95% และand 70% โดยวัตถุยังคง opacity 100%while the object remains at 100% opacity

กฎของโหมดMode rules

ห้ามผสมโหมดในองค์ประกอบเดียวกันNever mix modes inside one element

ทำ

สลับโหมดที่Switch mode at a ขอบเขตของบล็อกblock boundary เช่น จบส่วนขาวแล้วขึ้นแถบชมพูเต็มความกว้าง— end a white section, then start a full-width pink band.
เปลี่ยนฉบับโลโก้ให้ตรงกับโหมดทุกครั้งที่สลับChange the logo version to match the mode every time you switch.
ในโหมดขาวบนชมพู ใช้In white-on-pink, use ขาวทึบ 100%solid white at 100% ทุกตัวอักษรfor all type.
ในโหมดหมึกเดียว ตรวจงานด้วยการIn single-ink mode, check the work by ถ่ายสำเนาphotocopying itจริงก่อนอนุมัติ before approval.
โหมดสำรองใช้เมื่อวัสดุบังคับ ไม่ใช่เพื่อประหยัดต้นทุนFallback modes are for when the substrate forces them, not to save money.

ไม่ทำ

Don't

วางการ์ดสองสีบนพื้นชมพูโดยไม่มีพื้นขาวรองPlacing a two-colour card on pink without a white ground beneath it.
ใช้โลโก้ฉบับสีในโหมดหมึกเดียว — ส่วนน้ำเงินจะกลายเป็นเทาที่ไม่ได้ตั้งใจUsing the colour mark in single-ink mode — the blue half becomes an unintended grey.
ใช้ชมพูอ่อนเป็นพื้นในงานที่จะถูกถ่ายสำเนา — จะกลายเป็นเทาสกปรกUsing light pink as a ground on work that will be photocopied — it turns into dirty grey.
เติมสีที่สามในโหมดสำรองเพื่อ “ให้ดูมีชีวิตชีวา”Adding a third colour to a fallback mode to “liven it up”.
ใช้โหมดขาวเจาะบนหมึกเดียวกับเนื้อความยาว — พื้นเข้มเต็มหน้าไม่ใช่ตัวตนของแบรนด์นี้Using the knocked-out mode for long copy — a full dark page is not who this brand is.

บทที่ 05Chapter 05

ตัวอักษรTypography

มีสองฟอนต์ และหน้าที่ของทั้งคู่ไม่ทับกันThere are two typefaces, and their jobs do not overlap. FC Iconic เป็นฟอนต์เริ่มต้นของทุกข้อความ — หัวเรื่อง ข้อความขาย คำอธิบาย ที่อยู่ ปุ่ม ป้ายกำกับ ตัวเลข เมนู ฟอร์ม และ signageis the default face for all copy—headings, marketing copy, explanations, addresses, buttons, labels, figures, menus, forms and signage. Sarabun เป็นข้อยกเว้น ใช้เฉพาะเนื้อสัญญา เอกสารกฎหมาย และเนื้อบทความยาวหลายย่อหน้า ขนาดแบบเนื้อความหรือความยาวสองสามบรรทัดไม่ใช่เหตุผลให้เปลี่ยนเป็น Sarabunis the exception, used only for contract text, legal documents and long multi-paragraph article bodies. Body size or a length of two or three lines is not a reason to switch to Sarabun.

ฟอนต์Face

สองฟอนต์ แบ่งหน้าที่กันTwo faces, with the work divided

ทั้งคู่แปลงเป็น WOFF2 และโหลดจากเซิร์ฟเวอร์ของเราเอง ไม่พึ่งบริการภายนอก ตัวอย่างทุกชิ้นในหน้านี้ตั้งด้วยไฟล์ฟอนต์จริงที่ฝังมากับเอกสารนี้ ไม่ใช่ฟอนต์แทนBoth are converted to WOFF2 and served from our own servers, with no external dependency. Every specimen on this page is set in the real font files embedded in this document, not a substitute.

FC Iconic · ฟอนต์แบรนด์FC Iconic · the brand face

เงินเทอร์โบNgern Turbo

กขคงจฉชญฎฐณดตถทธนบปผฝพฟภมยรลวศษสหฬอฮ ๐๑๒๓๔๕๖๗๘๙กขคงจฉชญฎฐณดตถทธนบปผฝพฟภมยรลวศษสหฬอฮ ๐๑๒๓๔๕๖๗๘๙

ใช้กับ

Used for

ข้อความทุกอย่างเป็นค่าเริ่มต้น — หัวเรื่อง ข้อความขาย คำอธิบาย ที่อยู่ ปุ่ม ป้ายกำกับ ตัวเลข เมนู ฟอร์ม และ signage

The default for all copy—headings, marketing copy, explanations, addresses, buttons, labels, figures, menus, forms and signage

เหตุผล

Why

รูปตัวอักษรกว้าง ปลายตัดเรียบ จำได้ง่าย และรักษาน้ำเสียงของแบรนด์ได้ทั้งขนาดใหญ่และรายละเอียดทั่วไป

Wide, clean-cut forms are memorable and retain the brand voice in both display type and everyday detail

น้ำหนัก

Weights

Light, Regular, Medium, SemiBold, Bold

Light 300 · เงินเทอร์โบ พร้อมเคียงข้าง

Light 300 · Ngern Turbo, beside you

Regular 400 · เงินเทอร์โบ พร้อมเคียงข้าง

Regular 400 · Ngern Turbo, beside you

Medium 500 · เงินเทอร์โบ พร้อมเคียงข้าง

Medium 500 · Ngern Turbo, beside you

SemiBold 600 · เงินเทอร์โบ พร้อมเคียงข้าง

SemiBold 600 · Ngern Turbo, beside you

Bold 700 · เงินเทอร์โบ พร้อมเคียงข้าง

Bold 700 · Ngern Turbo, beside you

Sarabun · ฟอนต์อ่านยาวSarabun · the long-reading face

อ่านสบายตาEasy on the eye

ใช้กับ

Used for

เฉพาะเนื้อสัญญา เอกสารกฎหมาย และตัวบทความหรือข่าวยาวที่ต้องอ่านต่อเนื่องหลายย่อหน้า

Only contract text, legal documents, and long article or news bodies read continuously over several paragraphs

เหตุผล

Why

ช่องไฟสม่ำเสมอและหัวตัวอักษรชัดเมื่ออ่านต่อเนื่อง จึงลดความล้าในเนื้อหายาวโดยไม่แย่งบทบาทจากเสียงหลักของแบรนด์

Even spacing and clear loops in continuous reading reduce fatigue in long content without displacing the brand’s primary voice.

น้ำหนัก

Weights

Regular, SemiBold

Regular 400 · เงินเทอร์โบ พร้อมเคียงข้าง

Regular 400 · Ngern Turbo, beside you

SemiBold 600 · เงินเทอร์โบ พร้อมเคียงข้าง

SemiBold 600 · Ngern Turbo, beside you

เริ่มด้วย FC Iconic แล้วเปลี่ยนเฉพาะพื้นที่อ่านยาวจริงStart with FC Iconic; switch only for a genuine long-reading area

ข้อความขาย คำอธิบายสั้น ที่อยู่ เบอร์โทร เมนู ฟอร์ม การ์ด และข้อความรองที่จบในหนึ่งช่วงสายตา ใช้Marketing copy, short explanations, addresses, phone numbers, menus, forms, cards and supporting copy completed in one visual beat use FC Iconic แม้จะมีขนาดเท่าเนื้อความหรือยาวสองบรรทัด เปลี่ยนเป็นeven at body size or over two lines. Switch to Sarabun เฉพาะกรอบเนื้อหาที่เป็นสัญญา เอกสารกฎหมาย หรือตัวบทความ/ข่าวยาวหลายย่อหน้าที่ผู้อ่านต้องอ่านต่อเนื่อง หัวเรื่อง คำโปรย ปุ่ม สารบัญ คำบรรยายภาพ และข้อความเด่นรอบเนื้อหานั้นยังคงเป็น FC Iconiconly for a contract, legal-document or long multi-paragraph article/news body that requires continuous reading. Headings, standfirsts, buttons, contents, captions and highlighted copy around that body remain FC Iconic.

ปรับสายตาOptical adjustment

ตัวเลขเท่ากัน ไม่ได้แปลว่าตาเห็นเท่ากันEqual numbers do not mean equal to the eye

วัดความสูงของหมึกจริงบนหน้าจอ พบว่าที่ขนาด px เท่ากัน Sarabun กินพื้นที่มากกว่า FC IconicMeasuring the actual ink height on screen shows that at the same pixel size, Sarabun occupies 1.17 เท่า1.17 times ถ้าตั้งเนื้อความด้วย Sarabun ที่ขนาดเดียวกับ UI เนื้อความจะดูใหญ่กว่าหัวเรื่อง และลำดับความสำคัญจะกลับหัว วิธีแก้คือเลือก Sarabun จากสเกลเนื้อความที่ล็อกไว้At the same pixel size as the UI face, Sarabun body copy appears larger than its heading and reverses the hierarchy. Use the locked Sarabun body scale instead: 16.5–17 px แล้วเพิ่มระยะบรรทัด ไม่ย่อให้เล็กกว่านี้เพื่อชดเชยด้วยสายตาand add line height. Never compensate by shrinking it below this range.

ก่อนแก้ · 18px เท่ากัน

Before · both at 18px

สินเชื่อทะเบียนรถVehicle title loans

การจำนำเล่มทะเบียนรถ คือแหล่งเงินทุนที่ใช้สมุดคู่มือจดทะเบียนเป็นหลักประกัน โดยผู้กู้ยังใช้รถได้ตามปกติ ไม่ต้องนำรถมาจอดไว้กับบริษัทA vehicle title loan uses the registration book as security while the borrower keeps using the vehicle as normal, with no need to leave it with the company.

เนื้อความแย่งน้ำหนักไปจากหัวเรื่องThe body copy steals weight from the heading.

หลังแก้ · 16.5px

After · 16.5px

สินเชื่อทะเบียนรถVehicle title loans

ลำดับกลับมาถูก และระยะบรรทัด 1.82 ช่วยให้สระบน–ล่างไม่ชนกันThe hierarchy is restored, and 1.82 line height prevents upper and lower marks from colliding.

สเกลScale

เก้าขนาด ใช้เท่านี้Nine sizes, and no more

ขนาดที่ยืดหยุ่นเขียนด้วยFluid sizes are written with clamp() เพื่อให้ค่อยๆ เปลี่ยนตามความกว้างจอ ไม่กระโดดเป็นขั้น ถ้างานชิ้นไหนต้องการขนาดที่ไม่มีในตารางนี้ แปลว่าลำดับชั้นของงานชิ้นนั้นซับซ้อนเกินจำเป็นso they change gradually with viewport width rather than jumping in steps. If a piece of work needs a size that is not in this table, its hierarchy is more complicated than it needs to be.

displayclamp(2.6rem,1.4rem + 4.2vw,5rem) · 700 · FC Iconic

ปกสไลด์ หน้าแรก ป้ายสาขา

Slide covers, home page, branch signs

เงินเทอร์โบ

Ngern Turbo

h1clamp(2.1rem,1.3rem + 2.9vw,3.6rem) · 700 · FC Iconic

หัวเรื่องหน้า

Page heading

สินเชื่อจำนำทะเบียนรถ

Vehicle title loans

h2clamp(1.65rem,1.15rem + 1.9vw,2.6rem) · 600 · FC Iconic

หัวข้อส่วน

Section heading

3 ขั้นตอนง่ายๆ

Three simple steps

h3clamp(1.3rem,1.05rem + .95vw,1.85rem) · 700 · FC Iconic

หัวข้อย่อย

Sub-heading

จุดเด่นผลิตภัณฑ์

Product highlights

leadclamp(1.08rem,1rem + .4vw,1.34rem) · 500 · FC Iconic

ข้อความนำและข้อความขาย

Lead and marketing copy

วงเงินสูง ดอกเบี้ยต่ำ อนุมัติไว

High limits, low interest, fast approval

body17px · 400 · FC Iconic

ข้อความสั้นทั่วไป

General short copy

กู้เท่าที่จำเป็นและชำระคืนไหว

Borrow only what you need and can repay

read16.5px · 400 · Sarabun

เนื้อบทความและรายละเอียดที่อ่านต่อเนื่อง

Continuous article copy and detail

การจำนำเล่มทะเบียนรถ คือแหล่งเงินทุนที่ใช้สมุดคู่มือจดทะเบียนเป็นหลักประกัน

A vehicle title loan uses the registration book as security

label14px · 600 · FC Iconic

ป้ายกำกับฟิลด์

Field label

ประเภทหลักประกัน

Type of security

small13px · 400 · FC Iconic

หมายเหตุ วันที่ เชิงอรรถสั้น

Short notes, dates and footnotes

เงื่อนไขเป็นไปตามที่บริษัทฯ กำหนด

Terms are as determined by the company

หัวเรื่องHeading

หัวเรื่องเป็นชมพู และขนาดคือสิ่งที่ทำให้มันถูกกฎHeadings are pink, and size is what makes that legal

ชมพูบนขาววัดได้ 3.33:1 ซึ่งผ่านเฉพาะตัวใหญ่ เกณฑ์ “ตัวใหญ่” คือ 24px ขึ้นไป หรือ 18.66px ขึ้นไปเมื่อเป็นตัวหนา ทุกระดับหัวเรื่องในระบบจึงตั้งไว้เหนือเส้นนั้น — และนี่คือเหตุผลที่Pink on white measures 3.33:1, which clears large text only. “Large” means 24px and up, or 18.66px and up when bold. Every heading level in the system is therefore set above that line — which is why h3 มีน้ำหนักis weight 700 ไม่ใช่ 600 เพราะที่ 21px น้ำหนัก 600 ยังไม่นับเป็นตัวใหญ่ ส่วนป้ายสั้นอย่าง eyebrow ซึ่งเล็กเกินเกณฑ์ทุกทาง ใช้rather than 600: at 21px, weight 600 does not yet count as large. A short label such as an eyebrow, which is below the threshold whatever you do, uses pink-213C-hover แทน จึงผ่านโดยไม่ต้องมีข้อยกเว้นinstead, and so passes without needing an exception.

ระดับLevel	ขนาดต่ำสุดMinimum size	Hex	ตัวอย่างSpecimen	คอนทราสต์Contrast	สถานะState
`h1`	`34px`	`#FA4786`	สินเชื่อจำนำทะเบียนรถVehicle title loans	3.33:1 · ใหญ่เท่านั้น3.33:1 · large only	ผ่าน — เกิน 24pxPasses — above 24px
`h2`	`26px`	`#FA4786`	3 ขั้นตอนง่ายๆThree simple steps	3.33:1 · ใหญ่เท่านั้น3.33:1 · large only	ผ่าน — เกิน 24pxPasses — above 24px
`h3`	`21px`	`#FA4786`	จุดเด่นผลิตภัณฑ์Product highlights	3.33:1 · ใหญ่เท่านั้น3.33:1 · large only	ผ่าน — 21px ที่น้ำหนัก 700 เกิน 18.66pxPasses — 21px at weight 700 is above 18.66px
`eyebrow`	`13px`	`#CD3A6E`	ขั้นตอนง่ายๆSimple steps	4.74:1 · AA	ผ่าน — เล็กเกินเกณฑ์ตัวใหญ่ จึงใช้ pink-213C-hoverPasses — too small to count as large, so it uses pink-213C-hover
`body`	`17px`	`#1F487E`	กู้เท่าที่จำเป็นและชำระคืนไหวBorrow only what you need and can repay	9.18:1 · AAA	ผ่านทุกขนาดPasses at every size

กับดักที่เจอบ่อยที่สุดThe most common trap

การเขียนWriting <h2 class="text-h3"> ทำให้แท็กบอกว่า “หัวข้อใหญ่” แต่ขนาดจริงคือ 21px สีชมพูที่ผูกกับmakes the tag say “major heading” while the real size is 21px. Pink bound to the แท็กtagจึงไปโผล่ที่ขนาดที่เล็กเกินไป ระบบนี้จึงผูกสีไว้กับ then appears at a size that is too small. This system therefore binds the colour to the คลาสขนาดsize class ไม่ใช่กับแท็ก — ขนาดเป็นผู้ตัดสินสีrather than the tag — size decides the colour.

การจัดหน้าSetting

กฎการจัดหน้าสำหรับภาษาไทยTypesetting rules for Thai

ภาษาไทยไม่มีช่องว่างระหว่างคำ และมีสระบนสระล่างซ้อนได้ถึงสองชั้น กฎด้านล่างจึงต่างจากที่ใช้กับภาษาอังกฤษ และมีผลกับทุกสื่อ ไม่เฉพาะเว็บThai has no spaces between words, and vowels can stack two levels above and below the line. The rules below therefore differ from English practice, and they apply to every medium, not just the web.

เงินเทอร์โบให้บริการสินเชื่อที่มีทะเบียนรถเป็นหลักประกัน ทั้งรถจักรยานยนต์ รถยนต์ รถกระบะ และรถแทรกเตอร์ รวมถึงสินเชื่อที่ใช้โฉนดที่ดิน ผู้กู้ยังคงใช้ทรัพย์สินได้ตามปกติระหว่างผ่อนชำระNgern Turbo provides loans secured on vehicle registration — motorcycles, cars, pickups and tractors — as well as loans secured on land title deeds. Borrowers continue to use the asset as normal while repaying.

ทำDo — จำกัดความกว้างบรรทัดไว้ที่— hold the measure to 60 ตัวอักษร60 characters สายตาจึงกลับมาต้นบรรทัดถัดไปได้โดยไม่หลงso the eye finds the start of the next line without losing its place.

ไม่ทำDon't — ปล่อยให้บรรทัดยาวเต็มความกว้าง ยิ่งจอกว้าง ยิ่งอ่านยาก— letting lines run the full width. The wider the screen, the harder it reads.

ระยะบรรทัดLine height

เนื้อความไทยใช้Thai body copy uses at least 1.75 สำหรับข้อความทั่วไป และfor general copy and 1.82 สำหรับข้อความยาว เพราะสระบนกับสระล่างของสองบรรทัดที่ติดกันต้องมีพื้นที่หายใจ หัวเรื่องใช้ 1.15 – 1.3 ได้ เพราะมีบรรทัดเดียวหรือสองบรรทัดfor long copy, giving Thai upper and lower marks room between adjacent lines. Headings may use 1.15–1.3 because they run for only one or two lines.

ห้ามตัดคำ ห้ามจัดชิดขอบสองข้างNo hyphenation, no justification

ตั้งSet word-break: normal และจัดชิดซ้ายเสมอ การจัดชิดสองข้างในภาษาไทยทำให้ช่องไฟภายในบรรทัดกว้างไม่เท่ากันจนอ่านสะดุดand always range left. Justifying Thai opens uneven gaps within the line and makes reading stumble.

ตัวเลขFigures

ตัวเลขที่ต้องเทียบกันเป็นคอลัมน์ ให้ตั้งFigures that have to be compared in a column are set with font-variant-numeric: tabular-nums เช่น ค่างวด วงเงิน อัตราดอกเบี้ย และเบอร์โทร— instalments, limits, interest rates and the phone number 02-857-8888 จะได้เรียงตรงกันทุกแถว— so they align on every row.

ตัวหนาBold

ใช้น้ำหนัก 600 เป็นตัวเน้นในเนื้อความ ไม่ใช้ 700 เพราะ 700 ในภาษาไทยทำให้ช่องในตัวอักษรตันจนอ่านยากที่ขนาดเนื้อความ และสงวน 700 ไว้ให้หัวเรื่องUse weight 600 for emphasis within copy, not 700: at body size, 700 closes up the counters in Thai letterforms and makes them hard to read. 700 is reserved for headings.

ตัวเอียงและขีดเส้นใต้Italic and underline

ไม่ใช้ทั้งคู่ ฟอนต์ไทยไม่มีชุดตัวเอียงจริง ระบบจะเอียงให้แบบบิดรูปทรง ส่วนขีดเส้นใต้สงวนไว้สำหรับลิงก์เท่านั้น การเน้นทำด้วยน้ำหนักหรือสีNeither is used. Thai fonts have no true italic, so the system slants the shapes and distorts them. Underline is reserved for links. Emphasis is made with weight or colour.

ตัวพิมพ์ใหญ่ทั้งคำAll caps

ใช้ได้เฉพาะกับข้อความละติน เช่นOnly for Latin text, such as CORPORATE IDENTITY และต้องเพิ่มช่องไฟ, and it must carry extra letter-spacing: letter-spacing: .14em ภาษาไทยไม่มีตัวพิมพ์ใหญ่ จึงห้ามใช้Thai has no capitals, so never apply text-transform กับข้อความไทยto Thai text.

บทที่ 06Chapter 06

ภาพถ่ายPhotography

ภาพถ่ายเป็นองค์ประกอบเดียวในระบบที่เราคุมค่าสีไม่ได้ กฎการอ่านจึงวัดจากพิกเซลของภาพอ้างอิง 12 ภาพ ไม่ได้ตัดสินจากรสนิยม ทุกตัวเลขวัดจากพิกเซลที่สว่างที่สุด 5% ของบริเวณที่ตัวอักษรวางอยู่ ไม่ใช่ค่าเฉลี่ย
สีผิว แสง เครื่องมือ เสื้อผ้า และสถานที่คงสีจริง ชมพูเป็นภาษาของเลย์เอาต์และเครื่องแบบพนักงาน ไม่ใช่เครื่องแต่งกายที่บังคับให้ลูกค้า เกษตรกร ช่าง หรือพ่อค้าแม่ค้าทุกคนต้องใส่ ภาพต้นฉบับไม่จำเป็นต้องมีชมพู ถ้าชิ้นงานสุดท้ายมีจุดจำชมพูที่ควบคุมแล้วหนึ่งจุดPhotography is the one system element whose colour cannot be controlled, so legibility rules are measured against the pixels of 12 reference images, never taste. Every figure uses the brightest 5% of the type area, not its average. Skin, light, tools, clothing and places remain true to life. Pink belongs to the layout and genuine staff uniform; it is not a costume imposed on every customer, farmer, mechanic or merchant. A source photograph need not contain pink if the final application carries one controlled pink memory point.

ความจริงและศักดิ์ศรีTruth and dignity

ถ่ายงานและสภาพแวดล้อมจริง ด้วยองค์ประกอบที่ร่วมสมัยและเป็นระเบียบShow real work and places with contemporary, disciplined composition

เลือกช่วงเวลาที่คนกำลังตัดสินใจ วางแผน ซ่อม สร้าง ส่งของ หรือดูแลกิจการ จัดแสง ฉาก และอุปกรณ์ให้สะอาดพอเชื่อถือโดยไม่ลบความจริงของสถานที่ ห้ามใช้ความทรุดโทรมเป็นสัญลักษณ์แทนกลุ่มลูกค้า และห้ามให้คนในภาพเป็นเพียงอุปกรณ์ประกอบคำโฆษณาChoose moments of real decision-making, planning, repair, building, delivery or business care. Organise light, setting and tools so the scene feels credible without erasing the truth of the place. Never use deterioration as shorthand for an audience, and never reduce a person to an advertising prop.

คนมีอำนาจตัดสินใจPeople with agency

ถ่ายระดับสายตา ให้มือทำงานจริง และให้ผู้หญิงอยู่ในบทบาทเจ้าของ ช่าง ผู้ตัดสินใจ และผู้ให้คำแนะนำ ไม่ใช่ของตกแต่งฉากShoot at eye level, show hands doing real work, and cast women as owners, technicians, decision-makers and advisers—not as set dressing.

ใกล้ชีวิต ไม่เลียนแบบความจนClose to real life, never performing poverty

ใช้ร้าน ตลาด อู่ ฟาร์ม บ้าน และถนนที่ร่วมสมัย สะอาดพอเชื่อถือแต่ยังใช้งานจริง ห้ามใช้ความทรุดโทรมเป็นบรรยากาศหรือเครื่องมือเรียกความสงสารUse contemporary shops, markets, garages, farms, homes and streets—clean enough to trust yet visibly in use. Never use decay as atmosphere or a device for pity.

ภาพสังเคราะห์ไม่ใช่คำรับรองA synthetic image is not a testimonial

ชุดอ้างอิงในบทนี้เป็นภาพแนวคิดสังเคราะห์ ห้ามจับคู่กับคำพูด ผลอนุมัติ หรือป้าย “ลูกค้าจริง” ส่วนภาพข่าวและคำรับรองจริง ห้ามเปลี่ยนตัวตน เหตุการณ์ สถานที่ หรือความหมายด้วย Generative AIThe references in this chapter are synthetic concept images. Never pair them with a quote, approval result or ‘real customer’ label. For actual news and testimonials, Generative AI must never alter identity, event, place or meaning.

ข้อเท็จจริงที่ต้องรู้ก่อนThe fact to know first

ภาพเปล่าใช้ได้ แต่ข้อความที่วางบนภาพเปล่ามักอ่านไม่ออกAn untreated image is valid; type placed directly on it often is not.

จากภาพทั้ง 12 ภาพในบทนี้ มีOf the twelve photographs in this chapter, 11 ภาพelevenที่ตัวอักษรขาววางลงไปตรงๆ แล้วไม่ผ่านเกณฑ์ ค่าที่วัดได้กระจายตั้งแต่ 1.11:1 ถึง 4.97:1 การเคลือบใช้เมื่อจำเป็นต่อการอ่านเท่านั้น ส่วนการบอกเจ้าของภาพให้ใช้วัตถุสีชมพู หรือแถบลายเซ็นพร้อมโลโก้ขาวแยกจากกัน · กดปุ่มสลับดูได้ where untreated white type fails, ranging from 1.11:1 to 4.97:1. Treat an image only when legibility requires it; establish ownership separately through a pink object or the white-mark signature tab. Toggle to compare.

สินเชื่อทะเบียนรถ

Vehicle title loans

เงินก้อนแรก ของคนทำมาหากินThe first cash for people who work for it

ใช้เล่มทะเบียนรถเป็นหลักประกัน รู้ผลไว มีเจ้าหน้าที่ดูแลใกล้บ้านUse the vehicle registration as collateral, get a quick decision and speak with staff near your home.

ตัวอักษรขาวบนภาพนี้ ในแถบที่ตัวอักษรวางอยู่ วัดได้White type on this photograph, in the band where the type sits, measures 5.09:1 — วัดจากพิกเซลที่สว่างที่สุด 5% ของแถบ ไม่ใช่ค่าเฉลี่ย— measured on the brightest 5% of that band, not the average.

การเคลือบTreatment	ภาพที่แย่ที่สุดWorst photo	ช่วงที่วัดได้Measured range	ผ่าน AAClears AA	ใช้กับUsed for
ไล่เฉดชมพูจากขอบล่างPink ramp from the bottom edge`ภาพจมลงเป็น pink-213C-1000 → pink-213C-hover ทึบที่ขอบล่าง`	5.0:1 · AA	5.0 – 5.16	12/12	★ ค่าเริ่มต้น — ใช้ได้ทุกขนาด★ Default — works at every size
เคลือบชมพูบาง + ไล่ดำThin pink wash + black ramp`pink-213C-1000 22% ทั้งภาพ แล้วไล่ดำที่ขอบล่าง`	9.5:1 · AAA	9.5 – 15.71	12/12	ใช้ได้ทุกขนาด — เมื่อสีจริงของภาพยังต้องอ่านออกEvery size — when the photograph's own colour still has to read
ดูโอโทนชมพูเข้มDeep pink duotone`ขาวดำ × pink-213C-hover แบบ multiply`	5.27:1 · AA	5.27 – 13.73	12/12	ใช้ได้ทุกขนาด — ภาพกลายเป็นพื้นผิวของแบรนด์Every size — the photograph becomes a brand texture
ดูโอโทนชมพูPink duotone`ขาวดำ × pink-213C-1000 แบบ multiply`	3.41:1 · ใหญ่เท่านั้น3.41:1 · large type only	3.41 – 11.27	9/12	หัวเรื่องใหญ่ — ภาพสว่างต้องตรวจก่อนLarge headings — check bright photographs first
เคลือบชมพูทึบ 90%Pink veil at 90%`pink-213C-1000 · 90%`	3.07:1 · ใหญ่เท่านั้น3.07:1 · large type only	3.07 – 3.57	0/12	หัวเรื่องใหญ่เท่านั้น — เนื้อความต้องลงการ์ดขาวLarge headings only — body copy goes in a white card
ไม่เคลือบNo treatment`ไม่มี`	1.11:1 · ไม่ผ่าน1.11:1 · fails	1.11 – 4.97	1/12	ห้ามใช้กับตัวอักษรทุกกรณีNever with type, under any circumstances

5.0^{: 1}

ไล่เฉดชมพู — ภาพที่ยากที่สุดในชุดยังได้เท่านี้ ทั้งสิบสองภาพอยู่ระหว่าง 5.0:1 ถึง 5.16:1Pink ramp—even the hardest image reaches this level. All twelve measure between 5.0:1 and 5.16:1. ผ่าน AA ทุกภาพEvery photograph clears AA จึงเป็นค่าเริ่มต้น, which is why it is the default.

9.5^{: 1}

เคลือบชมพูบาง — ค่าต่ำสุดของทั้งชุด สูงสุดถึง 15.71:1 ปลอดภัยที่สุดในบรรดาทั้งหกแบบ และเป็นแบบเดียวที่Soft pink veil—the set’s maximum reaches 15.71:1. It is the safest of the six treatments and the only one that เก็บสีจริงของภาพไว้keeps the photograph's own colour

3.57^{: 1}

เคลือบชมพูทึบแบบโปร่ง — ค่าที่The translucent pink veil — the ดีที่สุดbestที่ทำได้ และไม่มีทางเกินนี้ เพราะเพดานคือขาวบนชมพู 3.33:1 it can achieve, and it can never exceed this, because the ceiling is white on pink at 3.33:1. ใช้กับหัวเรื่องใหญ่เท่านั้นLarge headings only.

หกแบบSix treatments

หกเครื่องมือ เลือกตามงาน ไม่ใช่ใช้ทุกภาพSix tools chosen by purpose—not applied to every image

ทุกแผ่นด้านล่างเรนเดอร์จริงบนภาพจริง ค่าที่รายงานใต้แต่ละแผ่นคือค่าก่อน และหลังเคลือบของภาพนั้นเอง ไม่ใช่ค่ากลางของทั้งชุดEvery plate below is rendered on a real photograph. The values reported beneath each are that photograph's own before and after readings, not an average of the set.

สินเชื่อมอเตอร์ไซค์

Motorcycle loans

ใช้รถได้ตามปกติ ระหว่างผ่อนKeep using your vehicle while you repay

อนุมัติไว รับเงินในวัน มีเจ้าหน้าที่ดูแลใกล้บ้านFast approval, funds the same day, with staff near your home.

1 · ไล่เฉดชมพูจากขอบล่าง1 · Pink ramp from the bottom edge

ค่าเริ่มต้นของแบรนด์ — ภาพหน้าปก แบนเนอร์ สไลด์ แอปThe brand default — cover images, banners, slides, the appภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

ก่อนเคลือบ

Before

1.6:1

หลังเคลือบ

After

5.06:1

ผ่านทุกขนาด

Passes at every size

ข่าวสารและกิจกรรม

News and events

เปิดสาขาใหม่ ครบ 54 จังหวัดNew branches open across all 54 provinces

2 · เคลือบชมพูบาง + ไล่ดำ2 · Thin pink wash + black ramp

เมื่อสีจริงของภาพคือเนื้อหา — ข่าว สินค้า บุคคลWhen the photograph's own colour is the content — news, product, peopleภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

ก่อนเคลือบ

Before

1.11:1

หลังเคลือบ

After

10.01:1

ผ่านทุกขนาด

Passes at every size

ลูกค้าของเรา

Our customers

คนที่หารายได้ ด้วยมือของตัวเองPeople who earn with their own hands

3 · ดูโอโทนชมพูเข้ม3 · Deep pink duotone

หน้าคั่นสไลด์ ปกหมวด พื้นหลังที่ต้องเป็นแบรนด์ทั้งเฟรมSlide dividers, section covers, backgrounds that must be brand across the whole frameภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

ก่อนเคลือบ

Before

2.47:1

หลังเคลือบ

After

9.29:1

ผ่านทุกขนาด

Passes at every size

รถกระบะPickup trucks

4 · ดูโอโทนชมพู4 · Pink duotone

ภาพประกอบขนาดเล็ก ไอคอนหมวด พื้นผิวของการ์ดSmall supporting images, category thumbnails, card texturesภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

ก่อนเคลือบ

Before

1.81:1

หลังเคลือบ

After

5.22:1

ผ่านทุกขนาด

Passes at every size

รับเงินในวันReceive funds the same day

5 · เคลือบชมพูทึบ 90%5 · Pink veil at 90%

หัวเรื่องคำเดียวสองคำ เมื่ออยากให้ทั้งเฟรมเป็นสีแบรนด์One- or two-word headings, when the whole frame should be brand colourภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

ก่อนเคลือบ

Before

1.22:1

หลังเคลือบ

After

3.11:1

หัวเรื่องใหญ่เท่านั้น

Large headings only

3:1

3 ขั้นตอน

Three steps

จากเล่มทะเบียน เป็นเงินสดFrom logbook to cash

เตรียมเล่มทะเบียนและบัตรประชาชน ติดต่อสาขาใกล้บ้าน รับเงินในวันBring the registration book and ID card, contact a nearby branch and receive funds the same day.

6 · การ์ดขาวทับภาพ6 · White card over the photograph

เมื่อมีเนื้อความยาว ราคา เงื่อนไข หรือแบบฟอร์มWhen there is long copy, a price, terms, or a formภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

ตัวอักษรไม่แตะภาพ

Type never touches the photo

—

บนการ์ดขาว

On the white card

9.18:1

ลำดับการตัดสินใจThe decision order

1 · มีเนื้อความยาว ราคา หรือเงื่อนไขไหม →1 · Is there long copy, a price or terms? → การ์ดขาวwhite card จบDone.
2 · สีจริงของภาพคือเนื้อหาไหม (ข่าว สินค้า บุคคล) →2 · Is the photograph's own colour the content (news, product, people)? → เคลือบชมพูบาง + ไล่ดำThin pink wash + black ramp
3 · เป็นหน้าคั่นหรือพื้นหลังที่ต้องเป็นแบรนด์ทั้งเฟรมไหม →3 · Is it a divider or a background that must be brand across the frame? → ดูโอโทนชมพูเข้มDeep pink duotone
4 · เป็นภาพเล็กในการ์ดหรือไอคอนหมวดไหม →4 · Is it a small image in a card, or a category thumbnail? → ดูโอโทนชมพูPink duotone
5 · เป็นหัวเรื่องคำเดียวสองคำไหม →5 · Is it a one- or two-word heading? → เคลือบชมพูทึบ 90%Pink veil at 90%
6 · ไม่มีข้อความบนภาพ และมีวัตถุชมพูหรือแถบลายเซ็นแล้ว →6 · No text on the image, with a pink object or signature tab already present → ใช้สีภาพจริงUse natural image colour

องค์ประกอบภาพComposition

จัดองค์ประกอบเผื่อที่ให้ตัวอักษร ตั้งแต่ตอนถ่ายCompose for the type at the moment of capture

ภาพที่ครอปแล้วยังใช้ไม่ได้ มักไม่ได้แย่เพราะแสง แต่แย่เพราะA photograph that still doesn't work after cropping is usually not badly lit — it has ไม่เหลือที่ว่างno empty space left กฎด้านล่างเป็นกฎเดียวกับที่ช่างภาพใช้ทั่วโลก ต่างกันที่เราเพิ่มเงื่อนไขหนึ่งข้อ — ต้องเหลือพื้นที่ให้ตัวอักษรหรือแถบลายเซ็นตามเลย์เอาต์ที่วางแผนไว้The rules below are standard photographic practice with one added requirement: leave room for type or the signature tab specified in the planned layout.

กฎสามส่วน · จุดตัดสี่จุด

Rule of thirds · four intersections

สัดส่วนทอง · 61.8 : 38.2

Golden section · 61.8 : 38.2

เกลียวทอง · นำสายตาเข้าหาประธาน

Golden spiral · leads the eye to the subject

ระยะเหนือศีรษะ · ตาอยู่เส้นบน

Headroom · eyes on the upper line

ระยะนำสายตา · ที่ว่างด้านที่มองไป

Lead room · space on the side being faced

ที่ว่างสำหรับตัวอักษร · จองไว้ตอนถ่าย

Space for type · reserved at capture

กฎสามส่วน กับ สัดส่วนทองRule of thirds and golden section

กฎสามส่วนแบ่งเฟรมที่ 33.3% และ 66.7% ส่วนสัดส่วนทองแบ่งที่The rule of thirds divides the frame at 33.3% and 66.7%; the golden section divides at 61.8% และand 38.2% ซึ่งได้จากอัตราส่วน 1 : 1.618 ทั้งสองใช้ได้ ไม่ต้องเลือกข้าง —, which comes from the ratio 1 : 1.618. Both are permitted; there is no need to pick a side. กฎสามส่วนThe rule of thirdsใช้กับภาพข่าวและภาพเร็ว เพราะจัดง่ายและให้ผลสม่ำเสมอ suits news and fast work, because it is easy to hit and gives consistent results. สัดส่วนทองThe golden sectionใช้กับภาพหน้าปกและภาพโฆษณา เพราะให้จังหวะที่ตึงกว่าเล็กน้อยและดูตั้งใจกว่า สิ่งที่ห้ามคือวางประธานไว้กลางเฟรมพอดีโดยไม่มีเหตุผล suits covers and advertising, because it gives a slightly tighter rhythm and reads as more deliberate. What is forbidden is placing the subject dead centre for no reason.

สามข้อที่ต้องเช็กทุกภาพThree checks on every photograph

ระยะเหนือศีรษะHeadroom — ดวงตาของคนอยู่ที่เส้นบนของกฎสามส่วน ไม่ใช่กลางเฟรม และเหลือที่เหนือหัวไม่เกิน 14% ของความสูง— a person's eyes sit on the upper third line, not the middle of the frame, and no more than 14% of the height is left above the head.
ระยะนำสายตาLead room — ถ้าประธานหันไปทางไหนหรือกำลังเคลื่อนไปทางไหน ต้องเหลือที่ว่างด้านนั้นมากกว่า มิฉะนั้นภาพจะอึดอัด— whichever way the subject faces or moves, leave more space on that side, or the image feels cramped.
ที่ว่างสำหรับตัวอักษรSpace for type — จองพื้นที่ราว 35% ของเฟรมไว้ตั้งแต่ตอนถ่าย โดยให้เป็นบริเวณที่ไม่มีรายละเอียดยุ่ง เช่น ท้องฟ้า ผนัง ถนน— reserve roughly 35% of the frame at capture, in an area without busy detail: sky, a wall, a road.

แปดกฎที่ใช้ได้ทันทีEight rules you can use today

แปดกฎ ที่จำได้ในหนึ่งนาที และใช้ได้ทุกวันEight rules you can learn in a minute and use every day

ส่วนก่อนหน้าคือกฎที่วัดได้ ส่วนนี้คือกฎที่The previous section is the rules that can be measured. This one is the rules that can be จำได้remembered ทุกภาพด้านล่างเป็นภาพวาด ไม่ใช่ภาพถ่าย เพราะภาพถ่ายแสดงตัวอย่างหนึ่งตัวอย่าง แต่ภาพวาดแสดงตัวกฎ ที่ใดที่ความผิดพลาดเป็นเรื่องที่ต้องจำให้ได้ เราวาดแบบที่ผิดไว้ข้างแบบที่ถูก —Every plate below is a drawing, not a photograph, because a photograph shows one instance of a rule while a drawing shows the rule. Wherever the mistake is the thing worth recognising, the wrong version is drawn beside the right one — ✕ คือห้าม✕ means never ✓ คือใช้ได้✓ means do

เส้นขอบฟ้าห้ามอยู่กลางเฟรมNever put the horizon across the middle

เส้นขอบฟ้าที่อยู่กลางพอดีทำให้ภาพนิ่งและไม่มีจุดสนใจ ให้วางไว้ที่เส้นล่างของกฎสามส่วนเมื่ออยากเน้นท้องฟ้าและตัวคน หรือเส้นบนเมื่ออยากเน้นพื้นและถนน เลือกอย่างใดอย่างหนึ่งเสมอA horizon dead in the middle makes a static picture with nowhere to look. Put it on the lower third when the sky and the person are the point, or the upper third when the ground and the road are. Always choose one.

เส้นนำสายตา หาให้เจอก่อนกดชัตเตอร์Find the leading line before you shoot

ถนน เคาน์เตอร์ ราวสะพาน แถวรถ ทางเดินในสาขา — ทุกเส้นในภาพจะพาสายตาไปที่ปลายทางของมัน ให้ปลายทางนั้นเป็นประธานของภาพเสมอ ถ้าเส้นพาออกนอกเฟรม ภาพจะเสียคนดูไปทันทีA road, a counter, a railing, a row of bikes, the walkway through a branch — every line in a picture carries the eye to wherever it ends. Make that end the subject. A line that leads out of the frame takes the viewer with it.

สามชั้น หน้า กลาง หลังThree layers: near, subject, far

ภาพที่ดูมีมิติมีของอยู่สามระยะ — อะไรบางอย่างใกล้กล้อง (1) ประธาน (2) และฉากหลัง (3) ชั้นหน้าไม่ต้องชัด ใช้ไหล่คน ใบไม้ หรือขอบโต๊ะก็พอ ภาพที่มีชั้นเดียวจะดูแบนเหมือนภาพสต็อกA picture with depth has something at three distances — something near the camera (1), the subject (2), and the background (3). The near layer does not need to be sharp; a shoulder, some leaves, the edge of a desk will do. A picture with only one layer looks flat, like stock.

เข้าไปใกล้กว่าที่คิดหนึ่งก้าวTake one step closer than feels right

ความผิดพลาดที่พบบ่อยที่สุดคือถ่ายไกลเกินไป เพราะกลัวตัดขอบ ภาพที่ประธานเล็กเกินไปจะไม่มีใครหยุดดูในฟีด ให้ประธานกินพื้นที่อย่างน้อยThe commonest mistake is standing too far back, out of fear of cutting something off. A subject that is too small stops nobody in a feed. Give the subject at least ครึ่งหนึ่งhalfของด้านสั้นของเฟรม of the frame's short side

ตัดกลางกระดูก ไม่ตัดที่ข้อพับCrop through bone, never through a joint

ตัดคนที่กลางลำตัว กลางต้นขา หรือกลางแขนได้ แต่ห้ามตัดที่ข้อพับ — ข้อมือ ข้อศอก เข่า และข้อเท้า เพราะสายตาคนอ่านว่า “ขาด” ทันที และห้ามตัดที่คอหรือข้อนิ้วในทุกกรณีCrop through the torso, mid-thigh or mid-upper-arm, but never at a joint — wrist, elbow, knee or ankle — because the eye reads it as amputation at once. Never crop at the neck or at a knuckle, under any circumstances.

ดูฉากหลังก่อนดูหน้าคนRead the background before the face

เสาไฟ ต้นไม้ ป้าย หรือขอบประตูที่งอกออกจากหัวคน คือข้อผิดพลาดที่แก้ทีหลังไม่ได้ ขยับตัวเองไปข้าง ๆ หนึ่งก้าวแก้ได้เกือบทุกครั้ง และให้ดูด้วยว่าฉากหลังมีคู่แข่ง ป้ายราคา หรือโลโก้อื่นติดมาหรือไม่A lamp post, a tree, a sign or a door frame growing out of someone's head cannot be fixed afterwards. Stepping one pace sideways fixes it almost every time. Check the background for competitors, price boards and other logos while you are there.

จัดกลุ่มเป็นเลขคี่ อย่าเรียงเป็นแถวGroup in odd numbers, never in a row

คนสามคนที่มีคนกลางเด่นกว่าอ่านง่ายกว่าคนสี่คนที่ยืนเรียงเท่ากัน เลขคี่ทำให้มีประธานโดยอัตโนมัติ ส่วนการยืนเรียงหน้ากระดานทำให้ภาพกลายเป็นภาพหมู่ ซึ่งใช้ได้เฉพาะภาพข่าวกิจกรรมเท่านั้นThree people with a taller one in the middle read faster than four standing in an even row. An odd number produces a subject automatically; a straight line turns the picture into a group photograph, which is only for event news.

จองที่ให้ตัวอักษรตั้งแต่ในกล้องReserve the type area in the camera

ก่อนกดชัตเตอร์ให้มองหาพื้นที่เรียบ ๆ กว้างราวBefore you press the shutter, look for a plain area of about 35% ของเฟรม — ท้องฟ้า ผนัง ถนน — แล้ววางประธานไว้อีกฝั่ง พื้นที่นั้นคือที่ของพาดหัวและปุ่ม ภาพที่สวยแต่ไม่มีที่ว่างคือภาพที่ใช้ทำงานไม่ได้of the frame — sky, a wall, a road — and put the subject on the other side. That area is where the headline and the button go. A beautiful photograph with nowhere to put type is a photograph that cannot do the job.

ลำดับที่ควรคิด ตอนยกกล้องขึ้นThe order to think in, as the camera comes up

1) ประธานคือใครหรืออะไร — ถ้าตอบไม่ได้ ยังไม่ต้องกด ·Who or what is the subject — if you cannot answer, do not press yet · 2) ฉากหลังสะอาดหรือยัง — มีอะไรงอกออกจากหัวไหม มีโลโก้อื่นไหม ·Is the background clean — anything growing out of a head, any other logo in shot? · 3) ประธานอยู่ตรงเส้นไหน — เส้นสามส่วนหรือเส้นทอง ไม่ใช่กลางเฟรม ·Which line is the subject on — thirds or golden, never dead centre · 4) ที่ว่างสำหรับตัวอักษรอยู่ตรงไหน — และเรียบพอจะวางพาดหัวได้ไหม ·Where is the type area — and is it plain enough to carry a headline? · 5) ถ้าเป็นคน เขาหันไปทางไหน — เหลือที่ว่างด้านนั้นไว้แล้วหรือยังIf it is a person, which way are they facing — is there room left on that side? ·

สีในภาพถ่ายColour in a photograph

โลกเป็นสีจริง ชมพูเป็นจุดจำ ขาวเป็นพื้นที่หายใจThe world stays true to life; pink creates memory and white creates breathing room

เราไม่แต่งสีภาพให้เป็นสีแบรนด์ เพราะภาพคนทำงานที่ถูกย้อมสีจะดูปลอมทันที สิ่งที่เราทำคือWe do not grade photographs to the brand colours, because a picture of people at work that has been tinted reads as fake immediately. What we do instead is ตรวจว่าสีเด่นของภาพไม่ไปตีกับสีแบรนด์check that the photograph's dominant colour does not fight the brand colours. ชมพูของเราอยู่ที่องศาOur pink sits at 339° ส่วนน้ำเงินทำหน้าที่เป็นหมึกอ่านเท่านั้น สีที่อยู่ตรงข้ามชมพูคือเขียวอมเหลือง ซึ่งเมื่ออยู่ในภาพเป็นพื้นที่กว้าง จะทำให้แถบชมพูที่วางทับดูหม่นลงทันทีNavy serves as reading ink only. Yellow-green sits opposite pink on the wheel; when it dominates an image, an overlaid pink band immediately looks duller.

สีที่เข้ากับแบรนด์Colours that sit well with the brand

โทนอุ่นของผิวคนWarm skin tones — สีผิวคนไทยอยู่ราว 20 – 35° ห่างจากชมพูพอดี จึงอยู่ด้วยกันได้โดยไม่แย่งกัน— Thai skin sits at roughly 20–35°, far enough from the pink that the two never compete.
ฟ้าของท้องฟ้าSky blue — เก็บไว้เป็นสีจริงของสถานที่ ไม่เปลี่ยนให้เป็นสีน้ำเงินแบรนด์ และไม่วางตัวอักษรขาวถ้ายังไม่ได้วัด— keep it as the place’s real colour; never convert it to brand navy or place white type before measuring
เทาและครีมของอาคาร ถนน ผนังThe greys and creams of buildings, roads and walls — ไม่มีสีของตัวเอง จึงปล่อยให้ชมพูเป็นสีเดียวในภาพ— they have no hue of their own, so they let the pink be the only colour in the picture.

สีที่ต้องหลีกเลี่ยงColours to avoid

เขียวอมเหลืองเป็นพื้นที่กว้างYellow-green across a large area — ทุ่งหญ้าจัด ๆ ใบไม้เต็มเฟรม ถ้าเลี่ยงไม่ได้ ให้ลดความอิ่มสีลงราวหนึ่งในสามก่อนใช้— a vivid field, foliage filling the frame. If it is unavoidable, pull the saturation down by about a third before using it.
ฟ้าเทอร์ควอยซ์จัดSaturated turquoise — เป็นสีของโลโก้เก่าและของคู่แข่ง และแย่งการจดจำจากชมพูมาสเตอร์— belongs to the former logo and competitors, and steals memory from master pink
ส้มแดงจัดเต็มเฟรมDeep red-orange filling the frame — พระอาทิตย์ตกแบบเข้ม ๆ จะกลืนชมพูจนหาย— a heavy sunset swallows the pink entirely.
ภาพที่ถูกใส่ฟิลเตอร์ของแอปAnything run through an app filter — ทุกฟิลเตอร์เปลี่ยนองศาสีทั้งภาพ ทำให้ภาพชุดเดียวกันดูไม่เป็นชุดเดียวกัน— every filter shifts the hue of the whole frame, so a set of pictures stops looking like a set.

วิธีตรวจใน 10 วินาทีThe ten-second check

ย่อภาพลงจนเหลือความกว้างราวนิ้วหัวแม่มือ แล้วดูว่าเห็นสีอะไรเป็นสีแรก ถ้าสีนั้นคือเขียวจัด ฟ้าเทอร์ควอยซ์ หรือส้มจัด ให้เปลี่ยนภาพหรือลดความอิ่มสี ถ้าเห็นเป็นโทนกลาง ๆ กับผิวคน แปลว่าใช้ได้Shrink the picture to about the width of your thumb and see which colour registers first. If it is strong green, turquoise or strong orange, change the picture or pull the saturation down. If what you see is neutral tones and skin, it works. อย่าตัดสินจากภาพขนาดเต็มNever judge from the full-size image เพราะในฟีดจริงคนเห็นภาพเล็กเท่านั้นbecause in a real feed that is the only size anyone sees.

สมดุลแสงขาวWhite balance

ตั้งสมดุลแสงขาวให้ผนังขาวในภาพออกมาเป็นขาวจริง ไม่ใช่ขาวอมฟ้าหรือขาวอมส้ม นี่เป็นการปรับเดียวที่เราอนุญาตให้ทำกับสีของภาพ เพราะมันคืนสีให้ตรงกับที่ตาเห็น ไม่ใช่การเปลี่ยนอารมณ์ภาพ ในสาขาที่ใช้หลอดวอร์มไวท์ ให้ตั้งกล้องที่Set the white balance so that a white wall comes out white, not blue-white or orange-white. This is the only colour adjustment we allow, because it returns the picture to what the eye saw rather than changing its mood. In branches lit with warm white lamps, set the camera to 3000 K และกลางแจ้งตอนกลางวันที่and outdoors in daylight to 5500 K

ความสว่างBrightness

ความสว่างวัดที่จุดสว่างที่สุด ไม่ใช่ค่าเฉลี่ยBrightness is measured at the brightest point, not the average

ตัวอักษรขาวหายไปตรงจุดที่ภาพสว่างที่สุด ไม่ใช่ตรงที่ภาพสว่างโดยเฉลี่ย เราจึงวัดที่White type disappears where the picture is brightest, not where it is bright on average. So we measure 5% ที่สว่างที่สุดthe brightest 5%ของแถบที่จะวางตัวอักษร แถบที่ค่าเฉลี่ยผ่านแต่มีจุดขาวโพลนอยู่จุดเดียว ก็ยังทำให้อ่านคำนั้นไม่ออก of the band the type will sit on. A band whose average passes but which holds one blown white patch still loses the word that lands on it.

ตอนถ่ายWhile shooting

ให้แสงมาจากLight the subject from ด้านข้างthe side ไม่ใช่ด้านหลังประธาน ย้อนแสงทำให้หน้าคนดำและฉากหลังขาวโพลน ซึ่งแก้ไม่ได้ทั้งสองอย่างnot from behind. Backlighting gives you a dark face and a blown background, and neither can be fixed.
ตั้งค่าชดเชยแสงติดลบเล็กน้อยDial in a little negative exposure compensation, −0.3 ถึง −0.7 EV−0.3 to −0.7 EV ในที่แจ้ง เพราะรายละเอียดในส่วนสว่างที่หายไปแล้ว ดึงกลับไม่ได้in bright conditions, because highlight detail once lost cannot be recovered.
ห้ามใช้แฟลชหัวกล้องตรง ๆ กับคน ให้หาที่ร่มหรือหันเข้าหาหน้าต่างแทนNever point a direct on-camera flash at a person. Find shade, or turn them towards a window instead.

ตอนเลือกภาพWhile selecting

ท้องฟ้าที่ขาวไม่มีรายละเอียดเลยA sky blown to featureless white ใช้วางตัวอักษรขาวไม่ได้cannot carry white type แม้จะดูโล่งและน่าใช้ที่สุดก็ตามhowever open and inviting it looks.
ถ้าจำเป็นต้องใช้ ให้ใช้แบบไล่เฉดชมพู ซึ่งวัดแล้วได้If you must use one, use the pink ramp, which measures 4.97 – 5.16 บนภาพอ้างอิงทั้งสิบสองภาพacross all twelve reference photographs
ภาพที่มืดทั้งภาพใช้ได้ ถ้าตัวอักษรเป็นสีขาว ปัญหาเกือบทั้งหมดมาจากภาพที่A photograph that is dark throughout is fine with white type. Almost every problem comes from pictures that are สว่างเกินtoo bright ไม่ใช่มืดเกินnot too dark.

ความต่างระหว่างประธานกับฉากหลังSubject against background

ประธานต้องสว่างกว่าฉากหลัง หรือมืดกว่าอย่างชัดเจน อย่างใดอย่างหนึ่ง ถ้าทั้งคู่สว่างเท่ากัน ภาพจะอ่านไม่ออกในขนาดเล็ก วิธีตรวจที่เร็วที่สุดคือดูภาพเป็นขาวดำ — ถ้าในขาวดำยังแยกประธานออกจากฉากหลังได้ แปลว่าใช้ได้ ถ้าแยกไม่ออก สีจะช่วยไม่ได้เลยThe subject must be clearly brighter than the background, or clearly darker — one or the other. If both sit at the same brightness the picture stops reading at small sizes. The fastest check is to look at it in black and white: if the subject still separates there, it works; if it does not, colour will not save it.

วางโลโก้บนภาพThe mark on a photo

โลโก้ขาวต้องมีพื้นชมพูที่ควบคุมได้The white mark requires a controlled pink ground

ไฟล์ภาพต้นฉบับและไฟล์ครอปไม่มีโลโก้ฝังอยู่ โลโก้ขาวไฟล์เวกเตอร์จริงถูกวางหนึ่งครั้งในเลย์เอาต์สุดท้าย บนแถบชมพูที่ควบคุมได้ วิธีนี้ทำให้เปลี่ยนอัตราส่วนได้โดยโลโก้ไม่แหว่ง ไม่เกิดโลโก้ซ้ำ และไม่ต้องให้โมเดลสร้างตัวอักษร ความสว่างของภาพจึงไม่มีผลต่อความชัดของตราSource photographs and crop masters contain no baked-in mark. The approved white vector mark is placed once in the final layout on a controlled pink tab. This lets ratios change without clipping, prevents duplicate marks, and never asks an image model to draw lettering. Photograph brightness therefore cannot compromise the mark.

มาตรฐานStandard — ภาพคนและสถานที่People-and-place image · เก็บสีผิวและบริบทจริง ใช้ชมพูในป้ายหรือเสื้ออย่างมีเหตุผล แล้วลงลายเซ็นเวกเตอร์ในขั้นตอนผลิต· Preserve real skin and context, introduce pink through a believable sign or garment, then add the vector signature during production.TURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image

มาตรฐานStandard — ภาพการเดินทางMobility image · รถ ถนน และท้องฟ้าคงสีจริง แถบชมพูขนาดคงที่ทำให้โลโก้ขาวจำได้ทันทีโดยไม่ย้อมทั้งภาพ· Vehicles, roads and sky keep their natural colour. A fixed pink tab makes the white mark instantly recognisable without tinting the whole image.TURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image

มาตรฐานStandard — ภาพเกษตรร่วมสมัยContemporary agriculture image · ชมพูปรากฏเป็นของใช้จริง ไม่ใช้ฉากชนบทแทนคำว่าเข้าใจคนทำงาน และไม่ทำภาพให้ดูยากจน· Pink appears as a believable object. Never use a rural setting as shorthand for understanding working people or make the scene look poor.TURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image

มาตรฐานStandard — ภาพบริการService image · วางโลโก้หนึ่งครั้งเท่านั้นในพื้นที่ชมพูที่สะอาด ห้ามซ้อนโลโก้ ห้ามใช้ตราปลอม และห้ามใช้โลโก้ที่โมเดลวาด· Place the mark once, in a clean pink field. Never double-stamp it, use an imitation mark or use a logo drawn by a model.TURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image

ตำแหน่งที่วางได้Permitted positions

ลำดับด้านล่างคือลำดับความสำคัญ ตำแหน่งล่างซ้ายเป็นค่าเริ่มต้นของงานภาพถ่าย แถบกว้าง 14–16% ของกรอบ เว้นขอบอย่างน้อย 1X มีระยะในอย่างน้อย 0.5X และใช้โลโก้ขาวไฟล์จริงเพียงครั้งเดียว ห้ามวางทับหน้า มือ สินค้า หรือข้อมูลสำคัญThe order below is the placement priority. Bottom-left is the default for photographic applications. The tab is 14–16% of the frame width, sits at least 1X from the edge, keeps at least 0.5X internal clear space, and uses the approved white mark once. Never cover a face, hand, product or essential information.

ใช้ได้Permitted ล่างซ้ายBottom left
★ ค่าเริ่มต้นของภาพถ่าย — อ่านเป็นลายเซ็น และตรงกับระบบไฟล์ภาพสำเร็จรูป★ Default for photography—reads as a signature and matches the production-ready image system

ใช้ได้Permitted บนซ้ายTop left
ใช้ได้เมื่อพื้นที่ล่างมีมือ สินค้า หรือข้อมูลสำคัญAllowed when the lower area contains hands, product or essential information

ใช้ได้Permitted ล่างกลางBottom centre
ใช้ได้ — ปกรายงาน โปสเตอร์ และป้ายตั้งพื้นAllowed—report covers, posters and standees

ใช้ได้Permitted กลางภาพ บนพื้นชมพูCentre, on a pink ground
ใช้ได้เฉพาะบนพื้นชมพูล้วน ไม่ใช้ทับใบหน้าหรือสินค้าAllowed only on a solid pink ground; never cover a face or product

เลี่ยงAvoid บนกลางTop centre
เลี่ยง — ใช้ได้เฉพาะเกียรติบัตรและประกาศนียบัตรAvoid — permitted only on certificates and awards

ไม่ใช้Never ชิดขวาRight-aligned
ไม่ใช้ — ขัดกับตำแหน่งลายเซ็นของระบบและอ่านช้ากว่าNot allowed—it conflicts with the signature position and reads more slowly

ตรวจก่อนใช้Audit before use

ภาพทั้งสิบสองภาพ พร้อมค่าที่วัดได้All twelve photographs, with their measured values

วิธีตรวจภาพใหม่ก่อนนำไปใช้ วัดสามจุด — แถบที่ตัวอักษรจะวาง มุมบนซ้าย และมุมล่างขวา ถ้าแถบตัวอักษรต่ำกว่า 4.5:1 ต้องเคลือบหรือย้ายข้อความลงการ์ดขาว ส่วนโลโก้ไม่อาศัยสีภาพ: ใช้โลโก้ขาวไฟล์จริงบนแถบลายเซ็นชมพูที่ควบคุมได้เสมอAudit a new image at three locations: the planned type band, top-left corner and bottom-right corner. If the type band is below 4.5:1, treat it or move copy to a white card. The mark never depends on image colour: always use the approved white artwork on a controlled pink signature tab.

ภาพPhotograph	แถบตัวอักษรType band	ไล่เฉดชมพูPink ramp	เคลือบบางThin wash	มุมบน · มุมล่างTop · bottom corner	สรุปVerdict
เจ้าของร้านจัดสินค้าในตอนเช้าA shop owner arranging stock in the morningTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	1.11:1 · ไม่ผ่าน1.11:1 · fails	5.16:1	5.53:1	บน 1.12 · ล่าง 1.95top 1.12 · bottom 1.95	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size
เจ้าของร้านอาหารทำงานในตลาดช่วงเย็นA food-stall owner working in an evening marketTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	1.75:1 · ไม่ผ่าน1.75:1 · fails	7.11:1	6.53:1	บน 2.17 · ล่าง 1.84top 2.17 · bottom 1.84	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size
เกษตรกรหญิงตรวจข้อมูลแปลงนาA woman farmer reviewing field dataTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	2.47:1 · ไม่ผ่าน2.47:1 · fails	8.84:1	7.15:1	บน 1.22 · ล่าง 2.87top 1.22 · bottom 2.87	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size
เกษตรกรตรวจระบบน้ำในแปลงนาA farmer checking irrigation in a rice fieldTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	4.97:1 · AA	12.79:1	8.6:1	บน 1.07 · ล่าง 5.77top 1.07 · bottom 5.77	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size
ผู้ประกอบอาชีพส่งของเดินทางอย่างปลอดภัยA delivery worker travelling safelyTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	1.6:1 · ไม่ผ่าน1.6:1 · fails	6.69:1	6.28:1	บน 3.42 · ล่าง 1.57top 3.42 · bottom 1.57	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size
เจ้าของอู่มอเตอร์ไซค์ตรวจรถในร้านA motorcycle-shop owner inspecting a bikeTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	2.13:1 · ไม่ผ่าน2.13:1 · fails	8.07:1	6.83:1	บน 1.66 · ล่าง 2.07top 1.66 · bottom 2.07	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size
ลูกค้ารับกุญแจข้างรถครอบครัวA customer receiving keys beside a family carTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	1.22:1 · ไม่ผ่าน1.22:1 · fails	5.53:1	5.7:1	บน 1.04 · ล่าง 1.62top 1.04 · bottom 1.62	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size
เจ้าของกิจการขนสินค้าขึ้นรถกระบะA business owner loading goods into a pickupTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	1.81:1 · ไม่ผ่าน1.81:1 · fails	7.28:1	6.51:1	บน 1.46 · ล่าง 1.87top 1.46 · bottom 1.87	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size
เกษตรกรตรวจรถแทรกเตอร์ก่อนทำงานA farmer checking a tractor before workTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	2.4:1 · ไม่ผ่าน2.4:1 · fails	8.7:1	7.16:1	บน 1.07 · ล่าง 5.28top 1.07 · bottom 5.28	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size
เจ้าหน้าที่อธิบายเอกสารให้ลูกค้าเห็นพร้อมกันAn adviser explaining paperwork where the customer can see itTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	1.22:1 · ไม่ผ่าน1.22:1 · fails	5.53:1	5.71:1	บน 1.13 · ล่าง 1.37top 1.13 · bottom 1.37	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size
เจ้าหน้าที่รับฟังลูกค้าที่เคาน์เตอร์An adviser listening to a customer at the counterTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	1.65:1 · ไม่ผ่าน1.65:1 · fails	6.85:1	6.38:1	บน 1.02 · ล่าง 1.81top 1.02 · bottom 1.81	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size
ช่างเครื่องยนต์กำลังวินิจฉัยรถA mechanic diagnosing a vehicleTURBO Brand Studio · ภาพแนวคิดสังเคราะห์TURBO Brand Studio · synthetic concept image	2.46:1 · ไม่ผ่าน2.46:1 · fails	8.82:1	7.23:1	บน 7.51 · ล่าง 2.64top 7.51 · bottom 2.64	ไล่เฉดชมพูผ่านทุกขนาดPink ramp clears every size

ภาพทั้งสิบสองเป็นภาพแนวคิดสังเคราะห์จาก TURBO Brand Studio ใช้สาธิตทิศทางและกฎที่วัดได้ ไม่ใช่ลูกค้าจริงหรือหลักฐานของเหตุการณ์ งานจริงต้องใช้ภาพที่บริษัทมีสิทธิ์และระบุสถานะภาพให้ถูกต้องAll twelve images are synthetic concepts from TURBO Brand Studio, used to demonstrate direction and measurable rules. They are not real customers or evidence of an event. Production work must use images the company has rights to and label their status accurately.

เลือกภาพChoosing a photo

ภาพของเราคือคนทำงาน ไม่ใช่คนโพสท่าOur photographs are of people working, not posing

เลือกจากช่วงชีวิตและงานที่เฉพาะเจาะจง—ค้าขาย เกษตร ซ่อมรถ ส่งของ ดูแลบ้าน และวางแผนครอบครัว ภาพต้องร่วมสมัยและน่าภูมิใจโดยไม่แต่งฐานะให้เกินจริง ไม่ใช้สูทจับมือแบบภาพสต็อก และไม่ใช้ฉากชนบทเป็นทางลัดในการบอกว่า “เข้าใจคนฐานราก”Choose specific moments of work and life—trade, agriculture, repair, delivery, home care and family planning. Imagery should feel contemporary and dignified without exaggerating status. Avoid stock-photo handshakes in suits and never use a rural setting as shorthand for ‘understanding grassroots people’.

ใช้

Use

คนกำลังทำงานจริง ไม่ได้โพสท่า แสงธรรมชาติ และมีท้องฟ้าว่างด้านบนให้วางตัวอักษรได้Someone genuinely at work rather than posing, in natural light, with open sky above for the type to sit in.ภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

ใช้

Use

ระยะใกล้ที่มือกับเครื่องมือเล่าอาชีพได้ทันที โดยไม่ต้องเห็นใบหน้า จึงใช้ได้ทั่วประเทศA close view where the hands and the tools tell you the trade at once, without needing a face — so it works nationwide.ภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

ใช้

Use

ยานพาหนะแบบที่ลูกค้าใช้จริง ไม่ใช่รถหรู ภาพต้องสะท้อนคนที่มาใช้บริการ ไม่ใช่คนที่เราอยากให้มาThe kind of vehicle customers actually drive, not a luxury car. The photography should reflect who uses the service, not who we wish did.ภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

เลี่ยง

Avoid

ความสว่างของแต่ละมุมต่างกันมาก มุมบนซ้าย 3.42:1 แต่มุมล่างขวา 1.57:1 โลโก้จึงวางได้มุมเดียวCorner brightness varies greatly: 3.42:1 at top left but 1.57:1 at bottom right, so an unprotected mark would work in only one corner.ภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

เลี่ยง

Avoid

สว่างเกือบทั้งภาพ แถบล่างวัดได้ 1.65:1 ต้องเคลือบดำถึง 41% ซึ่งกลืนสีหน้าคนไปด้วยThe image is bright throughout; its lower band measures 1.65:1 and would require a 41% black overlay that also suppresses faces.ภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

เลี่ยง

Avoid

วัตถุอยู่กลางเฟรมพอดี ไม่เหลือที่ว่างให้ตัวอักษร และมุมบนซ้ายวัดได้ 1.07:1The subject sits dead centre with no copy space, while the top-left corner measures only 1.07:1.ภาพ · TURBO Brand Studio · ภาพแนวคิดสังเคราะห์Image · TURBO Brand Studio · synthetic concept

ระบบไฟล์สำหรับทีมเล็กA file system for a small team

หกภาพมาสเตอร์ ครอบคลุมงานประจำส่วนใหญ่Six masters cover most routine work

อย่าเริ่มบรีฟจากรายการขนาดภาพ ให้เริ่มจากเหตุการณ์ที่ต้องสื่อ แล้วเลือกจากคลังกลางหกเรื่อง: คุยและให้คำแนะนำ · วางแผนตัวเลข · เจ้าของร้านและกิจการเล็ก · เกษตรและรายได้ตามฤดูกาล · ความปลอดภัยดิจิทัล · รถและการทำงาน หนึ่งภาพที่จัดองค์ประกอบดีต้องใช้ซ้ำได้ทั้งหน้าหลัก การ์ดบทความ มือถือ และโซเชียล โดยให้เลย์เอาต์เป็นผู้ครอป ไม่ใช่สั่งถ่ายใหม่ทุกช่องDo not begin a brief with a list of image sizes. Begin with the moment the content must communicate, then select from six shared stories: advice and conversation; planning with numbers; shop owners and small business; agriculture and seasonal income; digital security; vehicles and work. One well-composed photograph must serve the page hero, article card, phone and social template, with the layout doing the crop instead of commissioning a new photograph for every slot.

งานUse	ภาพใหม่ตามปกติNew masters by default	วิธีทำงานOperating rule
บทความความรู้Advice article	0	เลือกภาพที่ตรงหัวข้อจากคลังกลาง เปลี่ยนภาพเฉพาะเมื่อบุคคลหรือเหตุการณ์จริงคือเนื้อข่าวSelect the closest subject from the shared library. Add a photograph only when a real person or event is the story.
หน้าผลิตภัณฑ์Product page	0–1	ใช้หนึ่งภาพต่อครอบครัวผลิตภัณฑ์ ไม่ใช่หนึ่งภาพต่อหน้า ทุก breakpoint อ้างไฟล์เดียวกันUse one master per product family, not one per page. Every breakpoint references the same file.
ฮีโร่หน้าหลักแบบ evergreenEvergreen home hero	1 / สไลด์	มีสไลด์ใช้งานพร้อมกันไม่เกินสามภาพ เปลี่ยนข้อความได้โดยไม่เปลี่ยนภาพถ้าความหมายเดิมยังถูกต้องKeep no more than three active slides. Copy may change without changing the photograph when the underlying meaning remains accurate.
แคมเปญชำระเงินPaid campaign	1	ทดสอบครอปแนวนอนและ 4:5 จากมาสเตอร์ก่อน อนุมัติไฟล์มือถือเพิ่มได้หนึ่งไฟล์เฉพาะเมื่อประธานหรือการกระทำเสียความหมายจริงTest landscape and 4:5 crops from the master first. Approve one additional mobile file only when the subject or action genuinely loses meaning.
โซเชียลและดิสเพลย์Social and display	0	ครอปภาพเดิมในแม่แบบ วางข้อความและโลโก้เป็นองค์ประกอบสด เพื่อแก้คำหรือขนาดได้โดยไม่สร้างภาพใหม่Crop the existing master inside the template. Keep type and the logo live so copy and size can change without remaking the image.

สเปกมาสเตอร์เดียวOne master specification

ส่งภาพ 4:3 อย่างน้อย 2400 × 1800 px เก็บประธานและการกระทำสำคัญไว้ในพื้นที่กลางประมาณ 60% และเหลือฉากจริงรอบด้านสำหรับครอป ห้ามฝังพาดหัว โลโก้ หรือกรอบลงในไฟล์Supply one 4:3 image at a minimum of 2400 × 1800 px. Keep the subject and essential action within the central 60%, with genuine environment on every side for cropping. Never bake a headline, logo or frame into the file.

ด่านก่อนขอภาพเพิ่มThe gate before adding an asset

ขอภาพที่สองได้เมื่อทดสอบทั้ง 16:9 และ 4:5 แล้วประธานหาย การกระทำถูกตัด หรือไม่มีพื้นที่ปลอดภัยให้ข้อมูลที่จำเป็น และต้องบันทึกเหตุผลไว้ในบรีฟ “อยากได้ภาพใหม่” ไม่ใช่เหตุผลด้านการผลิตA second image is allowed only after both 16:9 and 4:5 tests lose the subject, cut the action or leave no safe area for required information—and the failure must be recorded in the brief. “We want something new” is not a production reason.

ตัวอย่างของระบบนี้This system in practice

บทความตั้งหลักการเงิน 10 เรื่องบนเว็บไซต์ใช้ภาพมาสเตอร์ร่วมกันเพียง 5 ภาพ และใช้ไฟล์เดียวกันบน desktop, tablet และ mobile จึงไม่มีชุดส่งออก 30 ไฟล์ให้ทีมต้องตั้งชื่อ ตรวจ และอัปเดตThe website's ten financial-resilience articles share only five master photographs, and each article references the same file on desktop, tablet and mobile. The team therefore has no 30-file export set to name, inspect and maintain.

ครอปและอัตราส่วนCrops and ratios

อัตราส่วนที่ใช้ และวิธีครอปThe ratios we use, and how to crop

เก็บภาพมาสเตอร์ความละเอียดสูงเพียงไฟล์เดียว เว็บไซต์อ้างไฟล์นั้นทุกขนาดและครอปตอนแสดงผล ส่วนแม่แบบสิ่งพิมพ์และโซเชียลให้วางมาสเตอร์แล้วครอปในกรอบ อย่าส่งออกไฟล์ desktop, tablet และ mobile เป็นงานประจำ ครอปจากจุดกึ่งกลางเป็นค่าเริ่มต้น และกำหนดจุดโฟกัสเมื่อประธานไม่ได้อยู่กลางKeep one high-resolution master. The website references that file at every viewport and crops it at render time; print and social templates place the same master and crop inside the frame. Do not routinely export separate desktop, tablet and mobile files. Start from a centred crop and set a focal point when the subject sits elsewhere.

16:9

แบนเนอร์เว็บ สไลด์ ปกวิดีโอ

Web banners, slides, video covers

4:3

การ์ดผลิตภัณฑ์ บทความ

Product cards, articles

1:1

โซเชียล ไอคอนหมวด

Social, category thumbnails

3:4

ภาพแนวตั้งในแอป โปสเตอร์

Portrait images in the app, posters

สรุปVerdict

ทำและไม่ทำDo and don't

ทำ

ให้ชิ้นงานสุดท้ายมีจุดจำชมพูหนึ่งจุด ภาพต้นฉบับคงสีจริงได้เต็มที่Give the final application one pink memory point; the source photograph may remain entirely true to life.
วัดภาพก่อนใช้ทุกครั้ง — แถบตัวอักษรและสองมุมMeasure every photograph before use — the type band and both corners.
ใช้Use การ์ดขาวwhite cardทุกครั้งที่มีเนื้อความยาว ราคา หรือเงื่อนไข whenever there is long copy, a price, or terms.
ให้ภาพถ่ายเต็มกรอบ แล้วใช้พื้นที่ขาวLet photography run full-bleed; use white space รอบองค์ประกอบaround the compositionแทนการทำขอบขาวหนารอบภาพ instead of a thick white picture frame.Let photography run full-bleed; use white space around the composition instead of a thick white picture frame.
ใช้โลโก้ขาวฉบับจริงบนพื้นชมพูที่ควบคุมได้ทุกครั้งAlways use the approved white mark on a controlled pink ground.
จองที่ว่างสำหรับตัวอักษรตั้งแต่ตอนถ่าย ไม่ใช่ตอนจัดหน้าReserve space for the type when shooting, not when laying out.
เลือกจากคลังกลางก่อน และใช้หนึ่งภาพมาสเตอร์ต่อเรื่องเป็นค่าเริ่มต้นSelect from the shared library first, and default to one master photograph per story.
เก็บไฟล์ต้นฉบับความละเอียดสูงไว้ เพื่อครอปใหม่ได้ทุกอัตราส่วนKeep the high-resolution original so it can be re-cropped to any ratio.

ไม่ทำ

Don't

ทำวัสดุหรือเครื่องแบบสีน้ำเงินล้วน — น้ำเงินเป็นหมึก ไม่ใช่พื้นแบรนด์Produce a navy-only material or uniform—navy is ink, not a brand ground.
วางตัวอักษรขาวบนภาพที่ยังไม่เคลือบ — 11 จาก 12 ภาพไม่ผ่านPlace white type on untreated photography—11 out of 12 images fail.
ใช้Use opacity กับตัวอักษรบนภาพแทนการเคลือบพื้นon type over a photograph instead of treating the ground.
ให้ AI วาดโลโก้ ตัวอักษร หรือคำรับรองลงในภาพAsk AI to draw a logo, lettering or testimonial into an image
ฝังโลโก้ลงไฟล์ครอปก่อนล็อกอัตราส่วน หรือวางโลโก้ซ้ำในแม่แบบBake a mark into a crop before its ratio is locked, or add a second mark in the template.
เคลือบด้วยสีน้ำเงินหรือสีดำล้วนโดยไม่มีชมพูเลยTreat with blue or black alone, with no pink at all.
วางประธานไว้กลางเฟรมพอดีโดยไม่มีเหตุผลPlace the subject dead centre for no reason.
ซ้อนกรอบขาว วงกลม หรือมุมไม่เท่ากันรอบภาพเพื่อทำให้งานดูน่ารักLayer white frames, circles or mismatched corners around a photo to make it look cute.Layer white frames, circles or mismatched corners around a photo to make it look cute.
สั่งไฟล์ desktop, tablet และ mobile แยกกันเป็นมาตรฐาน โดยยังไม่ได้ทดสอบครอปจากมาสเตอร์Commission separate desktop, tablet and mobile files as standard before testing a crop from the master.
ยืดภาพให้พอดีกรอบ — ให้ครอปแทนเสมอStretch an image to fit a frame — always crop instead.

บทที่ 07Chapter 07

โซเชียลมีเดียSocial media

โซเชียลคือที่ที่คนเห็นแบรนด์นี้บ่อยที่สุด และเป็นที่ที่แบรนด์รั่วเร็วที่สุด เพราะโพสต์หนึ่งชิ้นถูกทำโดยคนที่ไม่ได้เปิดคู่มือ กฎในบทนี้จึงลดเหลือสิ่งเดียวที่ต้องจำ — หนึ่งภาพ หนึ่งพื้นที่ชมพู หนึ่งข้อความหลัก fascia เส้นน้ำเงินเป็นระบบของป้ายสาขาและแถบหัวเว็บ จึงไม่ถูกย่อหรือดัดให้กลายเป็นกรอบโพสต์Social is where people see the brand most often—and where it leaks fastest—because a post may be made without opening this guide. Remember one rule: one image, one pink field, one main message. The blue-diagonal fascia belongs to the branch-signage and website-header system; never reduce or reshape it into a post frame.

ขนาดที่ใช้Working formats

สี่ขนาด — แต่งาน 9:16 ต้องหลบ UI รอบด้านFour formats—but 9:16 must clear UI on every side

ชื่อบัญชีอยู่ด้านบน ปุ่มระบบเรียงด้านขวา และ caption, CTA หรือชื่อเพลงกินพื้นที่ด้านล่าง กรอบเส้นขาวคือพื้นที่ทำงานหลักสำหรับโลโก้ ข้อเสนอ ราคา เบอร์โทร และข้อความตามกฎหมาย ส่วนลายทแยงคือพื้นที่ที่มีโอกาสถูกระบบบัง อย่าวางสิ่งที่ต้องอ่านไว้ตรงนั้นThe account header sits at the top, system actions occupy the right rail, and captions, CTAs or sound labels take the bottom. The white outline is the working core for the logo, offer, price, phone number and required disclosure. Hatched areas may be covered by the platform; never place essential content there.

กรอบข้อความและโลโก้

copy and logo core

สินเชื่อทะเบียนรถ

Vehicle-title loan

รับเงิน
ในวันReceive funds
the same day

กว่า 1,000 สาขาทั่วไทยOver 1,000 branches nationwide

โพสต์จัตุรัสSquare post1080 × 1080

Instagram / Facebook · ใช้ระยะจัดวาง 6% รอบด้าน เผื่อการครอปและหน้าจอหลายขนาดKeep a 6% layout margin on every side for crop and device variation

กรอบข้อความและโลโก้

copy and logo core

สินเชื่อทะเบียนรถ

Vehicle-title loan

รับเงิน
ในวันReceive funds
the same day

กว่า 1,000 สาขาทั่วไทยOver 1,000 branches nationwide

โพสต์แนวตั้งPortrait post1080 × 1350

Instagram / Facebook · ใช้พื้นที่ฟีดได้มาก แต่ยังคงระยะจัดวาง 6% รอบด้านUses more feed space while retaining a 6% layout margin

กรอบข้อความและโลโก้

copy and logo core

ชื่อบัญชี / ระบบ

account / system

ปุ่ม

actions

caption · CTA · เพลง

caption · CTA · sound

สินเชื่อทะเบียนรถ

Vehicle-title loan

รับเงิน
ในวันReceive funds
the same day

กว่า 1,000 สาขาทั่วไทยOver 1,000 branches nationwide

สตอรี่และรีลส์Stories and Reels1080 × 1920

Meta Stories / Reels · กรอบใช้งานแบบเผื่อเหลือ; CTA หรือ caption ยาวอาจกินพื้นที่เพิ่มA deliberately conservative core; long captions or CTAs can occupy more space

กรอบข้อความและโลโก้

copy and logo core

ชื่อบัญชี / ระบบ

account / system

ปุ่ม

actions

caption · CTA · เพลง

caption · CTA · sound

สินเชื่อทะเบียนรถ

Vehicle-title loan

รับเงิน
ในวันReceive funds
the same day

กว่า 1,000 สาขาทั่วไทยOver 1,000 branches nationwide

วิดีโอแนวตั้งVertical video1080 × 1920

TikTok · ใช้กรอบนี้เป็นจุดเริ่ม แล้วตรวจไฟล์ safe-zone และ preview ของงานจริงStart with this core, then check the current safe-zone file and live preview

รูปแบบFormat	สัดส่วนRatio	พิกเซลPixels	กรอบใช้งานหลักWorking core	UI ที่ต้องหลบUI to clear
โพสต์จัตุรัสSquare postInstagram / Facebook	`1/1`	1080 × 1080	`x 65–1015 · y 65–1015 px`	ไม่มี UI คงที่ · ตรวจ preview หลังอัปโหลดNo fixed UI · check the upload preview
โพสต์แนวตั้งPortrait postInstagram / Facebook	`4/5`	1080 × 1350	`x 65–1015 · y 80–1270 px`	ไม่มี UI คงที่ · ตรวจ preview หลังอัปโหลดNo fixed UI · check the upload preview
สตอรี่และรีลส์Stories and ReelsMeta Stories / Reels	`9/16`	1080 × 1920	`x 80–860 · y 250–1380 px`	ชื่อบัญชี · ปุ่มขวา · caption / CTA ด้านล่างAccount header · right rail · bottom caption / CTA
วิดีโอแนวตั้งVertical videoTikTok	`9/16`	1080 × 1920	`x 80–840 · y 230–1220 px`	ชื่อบัญชี · แถบปุ่มขวา · caption / เพลง / add-onAccount header · right rail · caption / sound / add-ons

กรอบนี้คือค่าเผื่อผลิตงาน ไม่ใช่คำรับรองของแพลตฟอร์มThis is a production allowance—not a platform guarantee

UI เปลี่ยนได้ตามอุปกรณ์ ความยาว caption ปุ่ม CTA และ add-on ของโฆษณา ก่อนปล่อยงานให้ตรวจ preview ของ placement จริงและไฟล์ safe-zone ล่าสุดจากแพลตฟอร์มเสมอ ถ้า preview แคบกว่าคู่มือนี้ ให้ยึด previewUI can change with device, caption length, CTA and ad add-ons. Before release, inspect the actual placement preview and the platform's current safe-zone file. If that preview is tighter than this guide, the preview wins.

ทำงานให้เร็ว

ห้าขั้นตอน ทำโพสต์ให้ถูกทุกครั้ง

1 · เลือกกรอบ

จัตุรัสสำหรับฟีด แนวตั้ง 4:5 เมื่ออยากให้หยุดดู และ 9:16 สำหรับสตอรี่ รีลส์ และ TikTok

2 · สร้างพื้นที่ชมพู

เลือกอย่างเดียวระหว่างพื้นชมพูเต็ม เคลือบชมพู หรือแผ่นโลโก้ชมพูเรียบ ห้ามซ้อนหลายอุปกรณ์ในโพสต์เดียว

3 · เคลือบภาพ

ไล่เฉดชมพูเป็นค่าเริ่มต้น ถ้าเป็นภาพข่าวหรือภาพสินค้าที่สีจริงสำคัญ ให้ใช้เคลือบชมพูบาง

4 · เขียนให้สั้น

หัวเรื่องไม่เกิน 6 คำ และไม่เกินสองบรรทัด รายละเอียดไปอยู่ในแคปชัน ไม่ใช่บนภาพ

5 · ใส่ข้อความตามกฎหมาย

โพสต์ที่พูดถึงวงเงิน ค่างวด หรืออัตราดอกเบี้ย ต้องมี “กู้เท่าที่จำเป็นและชำระคืนไหว” อยู่ในภาพ ไม่ใช่แค่ในแคปชัน และต้องอยู่นอกเขตของแพลตฟอร์ม

ตรวจก่อนโพสต์

ย่อภาพลงเหลือกว้าง 150 px แล้วดู ถ้ายังอ่านหัวเรื่องออกและยังเห็นว่าเป็นเงินเทอร์โบ แปลว่าผ่าน

โฆษณาAdvertising

Google Ads — แยก Responsive assets ออกจาก Uploaded adsGoogle Ads—separate responsive assets from uploaded ads

สำหรับ Responsive Display และ Demand Gen ให้ส่งภาพถ่ายสะอาดที่ไม่มีโลโก้ ตัวอักษร หรือปุ่มปลอมฝังอยู่ในภาพ แล้วส่งโลโก้ พาดหัว คำอธิบาย และ CTA เป็นสินทรัพย์แยก เพื่อให้ Google ประกอบตาม placement ได้โดยไม่ตัดข้อมูลสำคัญ ภาพยังต้องรู้สึกเป็นเงินเทอร์โบจากคน สถานการณ์ แสง และการคัดภาพ — ไม่ใช่จากการย้อมทุกภาพให้ชมพูFor Responsive Display and Demand Gen, supply clean photographs with no baked-in logo, type or fake button. Submit the logo, headlines, descriptions and CTA as separate assets so Google can compose each placement without cropping critical information. The photography should still feel like Ngern Turbo through people, situation, light and selection—not by tinting every image pink.

1200 × 628

ภาพแนวนอน 1.91:1

Landscape 1.91:1

1200 × 1200

ภาพจัตุรัส 1:1

Square 1:1

900 × 1600

ภาพแนวตั้ง 9:16

Vertical 9:16

ส่งแยก ไม่ฝังในภาพSupply separately—not baked into the image

รับเงินในวันReceive funds the same day

สินเชื่อทะเบียนรถ · สมัครออนไลน์

Vehicle-title loan · Apply online

สมัครเลย

Apply now

Logo · copy · CTA

สินทรัพย์แยก

separate assets

Responsive / Demand Gen · ค่าเริ่มต้นResponsive / Demand Gen · default

แนวนอน 1200 × 628 px · 1.91:1Landscape 1200 × 628 px · 1.91:1
จัตุรัส 1200 × 1200 px · 1:1Square 1200 × 1200 px · 1:1
แนวตั้ง 900 × 1600 px · 9:16Vertical 900 × 1600 px · 9:16
โลโก้แยก 1200 × 300 px (4:1) และ 1200 × 1200 px (1:1)Separate logo assets: 1200 × 300 px (4:1) and 1200 × 1200 px (1:1)

Uploaded image ads · ใช้เมื่อคุม placement จริงUploaded image ads · only for controlled placements

ขนาดที่ทีมใช้บ่อย: 300 × 250, 336 × 280, 728 × 90 และ 320 × 100 px ไฟล์ GIF, JPG หรือ PNG ไม่เกิน 150 KB ต่อชิ้น งานแบบนี้จึงค่อยฝังโลโก้ ข้อความ และ CTA ลงในแบนเนอร์ แต่ต้องออกแบบแต่ละสัดส่วนใหม่ ห้ามบีบหรือครอปไฟล์เดียวให้ครบทุกขนาดCommon team sizes: 300 × 250, 336 × 280, 728 × 90 and 320 × 100 px. GIF, JPG or PNG is limited to 150 KB per asset. Only this fixed format bakes the logo, copy and CTA into the banner—and every ratio must be composed deliberately rather than squeezed or blindly cropped from one master.

เช็กชนิดแคมเปญก่อนเปิดไฟล์Confirm the campaign type before opening the template

ในปี 2569 Google กำลังย้าย Display campaign ไปสู่ Demand Gen มากขึ้น ทีม media ต้องระบุใน brief ว่าเป็น responsive asset set หรือ uploaded fixed-size ad ถ้าไม่ระบุ ห้ามเดา — เพราะสองแบบใช้ไฟล์คนละระบบIn 2026 Google is moving Display campaigns toward Demand Gen. The media brief must identify either a responsive asset set or an uploaded fixed-size ad. If it does not, do not guess: the two workflows require different files.

วินัยของอุปกรณ์แบรนด์

โพสต์ไม่ใช้ fascia — ใช้ชมพูให้จำได้โดยไม่สร้างเส้นเฉียงใหม่

การจำแบรนด์บนโซเชียลมาจากชมพูมาสเตอร์ ภาพคนทำงานจริง น้ำเสียง และจังหวะตัวอักษร ไม่ได้มาจากการเอา fascia ของป้ายและหัวเว็บมาใส่ทุกชิ้น เมื่อรูปมีรายละเอียดมาก ให้ใช้แผ่นชมพูเรียบขนาดคงที่ที่มุมและวางโลโก้ขาวเต็มชิ้นSocial recognition comes from Master Pink, truthful working-life photography, voice and typography—not from putting the signage and website fascia on every piece. On a busy image, use the fixed simple pink plate in a corner with the complete white mark.

กฎของแผ่นโลโก้บนภาพ

พื้น pink-213C-1000 ทึบ โลโก้ขาวจากไฟล์มาตรฐาน
มุมโค้งเล็กและเท่ากันทุกมุม ไม่ใช้ทรงแคปซูล
เว้นขอบอย่างน้อย 1X รอบโลโก้ และห่างขอบภาพตาม safe area
วางหลังจากครอปภาพเป็นสัดส่วนสุดท้ายแล้ว จึงไม่มีทางถูกตัด
ไม่มีเส้นน้ำเงิน ไม่มีระนาบขาว และไม่มีข้อความอื่นในแผ่น

ลำดับตรวจไฟล์ก่อนโพสต์

ครอปเป็นขนาดจริง → ตรวจใบหน้าและมือ → ตรวจโลโก้ครบทุกพยัญชนะ → ตรวจว่าแผ่นโลโก้ไม่ชน UI ของแพลตฟอร์ม → ย่อเหลือกว้าง 150 px เพื่อตรวจการอ่าน ถ้าโลโก้แหว่งแม้เพียงส่วนเดียว ให้ส่งกลับ ไม่แก้ด้วยการย่อทั้งภาพ

รูปโปรไฟล์และหน้าปก

โปรไฟล์เป็นวงกลม ให้คิดจากวงกลม

ทุกแพลตฟอร์มครอปรูปโปรไฟล์เป็นวงกลม โลโก้เต็มชิ้นจึงใช้เป็นรูปโปรไฟล์ไม่ได้ — ตัวอักษรจะโดนตัดสองข้าง รูปโปรไฟล์ใช้พื้นชมพูล้วนกับโลโก้ฉบับขาว โดยขนาดโลโก้มาจากกฎในบทที่ 02 — กว้าง 73.2% ของเส้นผ่านศูนย์กลาง ไม่ใช่การใส่ระยะขอบเท่ากันสี่ด้าน ซึ่งทำให้โลโก้เล็กกว่าที่ควรราวหนึ่งในสาม และยกขึ้น 11.8% ของความสูงโลโก้ เพราะโลโก้หนักด้านล่าง

ทำ พื้นชมพู โลโก้ขาว · โลโก้กว้าง 73.2% ของเส้นผ่านศูนย์กลาง

ค่าเริ่มต้น ใช้กับทุกแพลตฟอร์ม

ทำ พื้นขาว โลโก้ฉบับสี · ขนาดเดียวกัน

ใช้เมื่อแพลตฟอร์มมีพื้นหลังสีเข้ม

ไม่ทำ โลโก้เล็กเกินไป — เหลือที่ว่างเกินจำเป็น อ่านไม่ออกที่ 40 px

นี่คือผลของการใส่ระยะขอบ 26% เท่ากันสี่ด้าน

ไม่ทำ โลโก้ใหญ่เกินไป — ตัวอักษรชนขอบวง ไม่เหลือระยะปลอดภัย

ไม่ทำ ใช้ภาพถ่ายเป็นรูปโปรไฟล์ — ที่ขนาด 40 px จะเหลือแค่รอยเปื้อน

บทที่ 08

องค์ประกอบ

รูปทรง ปุ่ม ช่องกรอก และไอคอน คือส่วนที่ลูกค้าสัมผัสจริง ความนุ่มของแบรนด์มาจากสัดส่วน แสง สี และพื้นที่ว่าง ไม่ใช่การทำทุกชิ้นให้เป็นวงรี ทรงวงรีสงวนไว้ให้ชิป ป้ายสถานะ และตัวเลือกขนาดเล็ก ส่วนปุ่มหลักและกล่องเนื้อหาใช้มุมโค้งที่สม่ำเสมอShapes, buttons, fields and icons are where customers physically meet the brand. Softness comes from proportion, light, colour and space—not from turning everything into a pill. Reserve pills for chips, status labels and compact selectors; primary buttons and content boxes use consistent corners.

มุมโค้ง

ห้าค่า ใช้อย่างมีวินัยFive values, used with discipline

ค่ามุมโค้งเลือกจากขนาดและหน้าที่ ไม่ใช่จากความรู้สึก หนึ่งวัตถุใช้ค่าเดียวกันทั้งสี่มุม ห้ามตัดมุมใดมุมหนึ่งให้เล็กลงเพื่อเพิ่มความน่ารัก และห้ามซ้อนเส้นกรอบขาวรอบภาพถ่ายChoose radius by size and function, not mood. One object uses the same value on all four corners. Do not shrink one corner for cuteness, and do not layer a white outline around photography.

radius-xs6pxรายละเอียดเล็กมาก · คีย์ลัด ตัวบ่งชี้

radius-sm12pxปุ่มคอมแพกต์ แท็ก ชิปเล็ก ช่องกรอกเตี้ย

radius-md18pxปุ่มหลัก ช่องกรอก การ์ดย่อย พาเนลใน

radius-lg26pxการ์ดผลิตภัณฑ์ กล่องเนื้อหา

radius-xl32pxแถบชวนสมัคร พาเนลเต็มความกว้าง

radius-full999pxชิป แท็ก ป้ายสถานะ ตัวสลับ และรูปวงกลมจริง — ไม่ใช่ปุ่ม

ค่าเริ่มต้นของแบรนด์คือสี่เหลี่ยมมน ไม่ใช่วงรีThe brand default is a rounded rectangle, not a pill

ถ้าไม่แน่ใจ ให้ใช้สี่เหลี่ยมมน ทรงวงรี (radius-full) ไม่ใช่ค่าเริ่มต้น และไม่ใช่ทรงประจำแบรนด์ — เป็นข้อยกเว้นที่สงวนไว้ให้ชิป แท็ก ป้ายสถานะ ตัวสลับ และรูปที่เป็นวงกลมจริง เช่น อวาตาร์ จุดสถานะ และไอคอนในวงกลม ความนุ่มของแบรนด์มาจากสัดส่วน แสง สี และพื้นที่ว่าง ไม่ใช่จากการทำทุกชิ้นให้มนWhen in doubt, use a rounded rectangle. The pill (radius-full) is not the default and not the brand's signature shape — it is an exception reserved for chips, tags, status labels, toggles, and things that are genuinely circular: avatars, status dots, icons in rings. The brand's softness comes from proportion, light, colour and space, not from rounding everything.

รัศมีโตตามขนาดของชิ้นงานRadius scales with the size of the thing

สเกลนี้ไม่ได้เรียงตามความชอบ แต่เรียงตามขนาดของสิ่งที่กำลังวาด รายละเอียดเล็กมากใช้ radius-xs · ตัวควบคุมเตี้ยใช้ radius-sm · ปุ่มและช่องกรอกใช้ radius-md · การ์ดและกล่องเนื้อหาใช้ radius-lg · แบนเนอร์และพาเนลเต็มความกว้างใช้ radius-xl radius-xl คือเพดาน ไม่ใช่ค่าเริ่มต้น — ใช้กับชิ้นที่กว้างเต็มหน้าเท่านั้น ถ้าเอาไปใช้กับปุ่มหรือการ์ดเล็ก มุมจะกลืนชิ้นงานจนเสียสัดส่วน เลือกจากขนาดก่อน แล้วตรวจด้วยอัตราส่วนรัศมี ÷ ความสูงในตารางถัดไปThe scale is ordered by the size of what you are drawing, not by preference. Very small details take radius-xs; short controls take radius-sm; buttons and fields take radius-md; cards and content boxes take radius-lg; full-width bands and panels take radius-xl. radius-xl is a ceiling, not a default — it belongs to full-width pieces only. Applied to a button or a small card the corner swallows the object and the proportion breaks. Choose by size first, then check it with the radius ÷ height ratio in the table below.

Responsive · การ์ดตัวอย่างแต่ละใบกว้างไม่น้อยกว่า 190 px และลดจำนวนคอลัมน์ตามพื้นที่จริงของเนื้อหา ต้องขึ้นแถวใหม่ก่อนที่ข้อความหรือชื่อ token จะถูกบีบจนตัดบรรทัดผิดธรรมชาติResponsive · each specimen card stays at least 190 px wide and reduces column count from the content area's real width. Start a new row before copy or token names are squeezed into awkward wrapping.

เมื่อไรจึงใช้วงรีWhen to use a pill

ใช้วงรีกับองค์ประกอบขนาดเล็กที่ต้องสแกนเร็ว — ชิป แท็ก ป้ายสถานะ และตัวสลับ ปุ่มหลักใช้ radius-md กล่องเนื้อหาใช้ radius-lg และภาพใหญ่ใช้ได้สูงสุด radius-xl วิธีนี้ยังนุ่ม แต่ไม่หวานหรือดูเหมือนของเล่นUse pills for small elements that must scan quickly—chips, tags, status labels and toggles. Primary buttons use radius-md, content boxes use radius-lg, and large media may use up to radius-xl. This stays soft without becoming sugary or toy-like.

รัศมีอ่านจากความสูงของตัวควบคุม ไม่ใช่จากชื่อ tokenRadius is read against the control's height, not its token name

นี่คือข้อผิดพลาดที่เกิดขึ้นจริงและมองไม่เห็นจากโค้ด ค่าใดก็ตามที่เท่ากับหรือมากกว่าครึ่งหนึ่งของความสูง จะเรนเดอร์ออกมาเป็นวงรีเสมอ ไม่ว่าจะเรียกชื่อว่าอะไร radius-md ที่ 18px บนปุ่มสูง 34px คือครึ่งหนึ่งพอดี ปุ่มนั้นจึงเป็นวงรีทั้งที่ token ถูกต้องแล้ว การเลือกรัศมีจึงเป็นเลขคณิต ไม่ใช่รสนิยม — หารรัศมีด้วยความสูง ถ้าได้ 0.50 ขึ้นไป คือวงรีThis is a real mistake that is invisible in the code. Any value at or above half the control's height renders as a pill however the token is named: radius-md at 18px on a 34px control is exactly half of it, so the control is a pill even though the token is correct. Choosing a radius is arithmetic, not taste — divide radius by height; at 0.50 or above it is a pill.

ตัวควบคุมControl	ความสูงHeight	tokenToken	รัศมีRadius	รัศมี ÷ สูงRatio	ผลที่ได้Renders as
ปุ่มหลักPrimary button	56px	`radius-md`	18px	0.32	สี่เหลี่ยมมน / rectangle
ปุ่มขนาดกลางMedium button	48px	`radius-md`	18px	0.38	สี่เหลี่ยมมน / rectangle
ปุ่มเล็กSmall button	44px	`radius-md`	18px	0.41	สี่เหลี่ยมมน / rectangle
ปุ่มคอมแพกต์ / แถบเครื่องมือCompact / rail control	34px	`radius-sm`	12px	0.35	สี่เหลี่ยมมน / rectangle
ช่องกรอกInput field	56px	`radius-md`	18px	0.32	สี่เหลี่ยมมน / rectangle
แถวเมนูนำทางNavigation row	43px	`radius-md`	18px	0.42	สี่เหลี่ยมมน / rectangle
การ์ดเนื้อหาContent card	260px	`radius-lg`	26px	0.10	สี่เหลี่ยมมน / rectangle
แบนเนอร์เต็มความกว้างFull-width band	320px	`radius-xl`	32px	0.10	สี่เหลี่ยมมน / rectangle

ทุกแถวคำนวณจากค่าจริงที่ใช้อยู่ ไม่ได้พิมพ์ลงไป ปุ่มทุกขนาดใช้ radius-md เท่ากัน เพราะสูงพอ ส่วนตัวควบคุมเตี้ยในแถบเครื่องมือใช้ radius-sm เพื่อไม่ให้กลายเป็นวงรีEvery row is computed from the values in use, not typed in. Buttons at every size share radius-md because they are tall enough; short controls in a toolbar take radius-sm so they do not become pills.

โครงสร้างStructure	มุมที่มองเห็นVisible corners	วิธีทำImplementation	ห้ามNever
กล่องเดี่ยวStandalone box	มนเท่ากันทั้ง 4 มุมSame radius on all four	`border-radius: radius-lg`	มุมหนึ่งใหญ่หรือเล็กกว่ามุมอื่นOne corner differing from the others
ภาพหรือสีส่วนบน + เนื้อหาส่วนล่างTop media + lower body	มนเฉพาะมุมบนของทั้งชิ้นOnly the assembly's top corners appear round	ให้กรอบนอกเป็นเจ้าของ radius และ `overflow:hidden`; ลูกด้านในใช้มุม 0The outer shell owns the radius and `overflow:hidden`; inner children use zero radius	ใส่ radius สี่มุมให้ส่วนบน จนขอบล่างลอยเป็นแคปซูลGiving top media four rounded corners so its lower edge becomes a capsule
เนื้อหา + แถบล่างBody + footer bar	มนเฉพาะมุมล่างของทั้งชิ้นOnly the assembly's bottom corners appear round	ใช้กรอบนอกเดียวกัน ไม่ตั้ง radius แยกให้ footerUse the same outer shell; do not radius the footer separately	ช่องว่าง 1 px ระหว่างส่วนหรือเส้นขอบซ้อนA 1 px seam or doubled border between parts
กล่องซ้อนNested box	มุมในต้องเล็กกว่ามุมนอกInner radius is smaller than outer	`inner radius = outer radius − inset`	มุมในใหญ่กว่าจนระยะขอบดูบางที่มุมAn inner radius so large that corner padding looks thinner

สิ่งที่อยู่นอกสเกลได้ และเหตุผลWhat sits outside the scale, and why

สเกลนี้ใช้กับส่วนติดต่อผู้ใช้ ไม่ใช่กับภาพจำลองของวัตถุจริง แผ่น A4 ซองจดหมาย นามบัตร คลิปบัตรพนักงาน และขอบเครื่องในภาพจำลอง ใช้รัศมี 2–5px เพราะนั่นคือมิลลิเมตรจริงที่ถูกย่อส่วนลงมา ไม่ใช่ token ของ UI ไอคอนแอปใช้ 22px ตามเรขาคณิตที่แพลตฟอร์มกำหนด ไม่ใช่ค่าที่เราเลือกเอง นอกเหนือจากสองกรณีนี้ ทุกมุมในคู่มือและในเว็บไซต์ต้องมาจาก tokenThe scale governs the interface, not scale models of physical objects. An A4 sheet, an envelope, a name card, a staff-badge clip and device bezels in mockups use 2–5px because that is a real millimetre dimension reduced to fit, not a UI token. The app icon uses 22px because the platform defines that geometry, not us. Outside those two cases, every corner in this manual and on the website comes from a token.

กฎสำหรับคนทำไฟล์และโค้ดFile and code rule

ชื่อคลาสของชิ้นงานต้องระบุหน้าที่ เช่น email-signature หรือ gradface-deep ห้ามใช้ชื่อกว้างอย่าง sig ซ้ำข้ามชิ้นงาน เพราะสไตล์ของอีกองค์ประกอบอาจรั่วมาทำให้ padding, border และ radius เปลี่ยนโดยไม่ตั้งใจ ก่อนปล่อยงานให้ตรวจส่วนบน รอยต่อ และส่วนล่างที่ 100% และ 200% zoomComponent class names state their purpose, such as email-signature or gradface-deep. Never reuse a broad name such as sig across components; another rule can silently leak padding, borders and radius into the wrong specimen. Before release, inspect the top, seam and bottom at both 100% and 200% zoom.

ปุ่ม

ห้าชนิด สามขนาด และหนึ่งกฎ

กฎคือ หนึ่งหน้าจอมีปุ่มหลักได้ปุ่มเดียว ถ้ามีสองปุ่มที่เด่นเท่ากัน แปลว่ายังจัดลำดับการตัดสินใจไม่เสร็จ ปุ่มหลักใช้ radius-md และมีระยะกดสูงอย่างน้อย 44px; radius-full ใช้เฉพาะตัวเลือกขนาดเล็กThe rule is one primary button per screen. Two equally loud actions mean the decision hierarchy is unfinished. Primary buttons use radius-md and a minimum 44px touch target; reserve radius-full for compact selectors.

บนพื้นขาว

สมัครสินเชื่อ คำนวณค่างวด ดูรายละเอียด ตอนชี้ · hover ปิดใช้งาน

ปุ่มหลัก 3.33:1 ตอนชี้ 4.74:1 ปุ่มรอง 4.74:1

บนพื้นชมพู

สมัครสินเชื่อ ค้นหาสาขา

ปุ่มขาวทึบคือปุ่มหลักบนพื้นชมพู ส่วนปุ่มโปร่งใช้ขอบขาว 75% กับตัวอักษรขาวทึบ — ตัวอักษรห้ามโปร่งใส เพราะบนพื้นนี้เหลือ 2.3:1 ทันที

ขนาด

ใหญ่ · 16.5px มาตรฐาน · 15px เล็ก · 13.5px

ใหญ่ใช้กับปุ่มเดียวที่จบหน้า มาตรฐานใช้ทั่วไป เล็กใช้ในการ์ดและแถวตาราง ไม่มีขนาดที่สี่

ช่องกรอก

ห้าสถานะ และป้ายกำกับอยู่นอกช่องเสมอ

ป้ายกำกับอยู่เหนือช่อง ไม่ใช่ลอยอยู่ในช่อง เพราะป้ายที่ลอยอยู่ในช่องจะหายไปทันทีที่เริ่มพิมพ์ และลูกค้าที่กรอกฟอร์มยาว จะจำไม่ได้ว่าช่องนั้นถามอะไร ตัวอักษรในช่องตั้งที่ 16px เพื่อไม่ให้ iOS ซูมหน้าจอเองตอนกด

วงเงินที่ต้องการ

บาท

ปกติ

วงเงินที่ต้องการ

บาท

กำลังกรอก · วงแหวนโฟกัส pink-213C-140 หนา 4px

วงเงินที่ต้องการ

บาท

เกินวงเงินสูงสุดของหลักประกันนี้

เลขทะเบียนรถ

ข้อความตัวอย่างใช้ blue-294C-410 · 2.38:1 — ใช้ได้เฉพาะจุดนี้

เบอร์โทรศัพท์

กรอกครบแล้ว

สาขาที่ติดต่อ

ปิดใช้งานจนกว่าจะเลือกขั้นก่อนหน้า

สีของข้อความผิดพลาด

ใช้ danger — #D70015 แดงอิ่มสีเต็มที่วัดได้ 5.38:1 บนพื้นขาว และช่องที่กรอกครบใช้ success — #1F7E37 ที่ 5.12:1 สองสีนี้เป็นข้อยกเว้นที่ระบุไว้ในบทที่ 03 และใช้ได้เฉพาะกับสถานะเท่านั้น ถ้อยคำยังต้องบอกวิธีแก้เสมอ สีเพียงอย่างเดียวไม่พอ

ชิปเลือกหลักประกัน

ชิปวงรี — องค์ประกอบที่จำได้มากที่สุดของแบรนด์

ใช้กับตัวเลือกที่มีไม่เกินหกตัวและมองเห็นพร้อมกันได้ทั้งหมด ไอคอนอยู่ในวงกลมชมพูอ่อน และสลับเป็นชมพูทึบเมื่อถูกเลือก การเปลี่ยนสถานะบอกด้วยสามสัญญาณพร้อมกัน — สีวงกลม สีขอบ และสีตัวอักษร เพื่อให้คนที่แยกสีไม่ได้ยังรู้ว่าเลือกอันไหนอยู่ · ลองกดดูได้

การ์ดและระดับความสูง

เงามีสี่ระดับ และทุกระดับเป็นเงาสีน้ำเงิน

เงาในระบบนี้ไม่ใช่สีดำ แต่เป็นมาสเตอร์ #002F6C ที่ความทึบต่ำ ทำให้เงาดูเป็นส่วนหนึ่งของแบรนด์ ไม่ใช่คราบเทาที่ลอยอยู่

ระดับ 0ไม่มีเงา · ใช้เส้นขอบแทน

ระดับ 1การ์ดในหน้า ตาราง

ระดับ 2การ์ดที่ลอยเหนือภาพ ป้ายโลโก้

ระดับ 3หน้าต่างซ้อน เมนูลอย

การ์ดมาตรฐาน

พื้นขาว ขอบ blue-294C-140 มุม radius-lg เงาระดับ 1 หัวข้อในการ์ดใช้ h4 สีน้ำเงิน ไม่ใช่ชมพู เพราะขนาดเล็กเกินเกณฑ์

การ์ดเน้น

พื้น pink-213C-60 ขอบ pink-213C-500 ใช้ได้ไม่เกินหนึ่งใบต่อหนึ่งส่วน มิฉะนั้นจะไม่เหลืออะไรให้เน้น

การ์ดบนแบรนด์

พื้นชมพูเต็ม ตัวอักษรขาวทึบ ใช้กับข้อความสั้นและตัวเลขเท่านั้น ไม่ใช้กับย่อหน้า

อนุมัติไว เอกสารไม่ยุ่งยาก กว่า 1,000 สาขา จันทร์ – ศุกร์ 08:30 – 17:00 น.

ไอคอน

ชุดไอคอน 54 ตัว จากตารางเดียวกัน

ไอคอนคือส่วนที่ถูกหยิบไปใช้ผิดบ่อยที่สุด เพราะเมื่อหาไม่เจอในชุด คนก็ไปดาวน์โหลดจากที่อื่น ชุดนี้จึงทำไว้ให้ครอบคลุมทุกผลิตภัณฑ์และทุกหน้าจอ แบ่งเป็นห้ากลุ่มตามหน้าที่ ถ้ายังหาไม่เจอจริงๆ ให้วาดใหม่ตามโครงสร้างด้านล่าง แล้วส่งเข้าชุดกลาง อย่าหยิบจากคลังภายนอก เพราะน้ำหนักเส้นจะไม่ตรงกันทันที

โครงสร้างของไอคอน

กรอบ 24 × 24 หน่วย เว้นขอบใน 2 หน่วย ทุกด้าน
เส้นหนา 1.6 เท่ากันทั้งชุด ไม่ว่าจะแสดงที่ขนาดใด
ปลายและมุมเป็นมน — stroke-linecap: round
ไม่มีพื้นทึบ ไม่มีเงา ไม่มีสองสีในไอคอนเดียว
สีรับมาจากข้อความรอบข้างด้วย currentColor จึงทำงานได้ทั้งสี่โหมดสีโดยไม่ต้องมีไฟล์แยก
ชื่อไฟล์ใช้ชื่อ token ที่กำกับใต้ไอคอนแต่ละตัว

สินเชื่อและหลักประกัน · 8 ไอคอน

สินเชื่อมอเตอร์ไซค์motorcycle

สินเชื่อรถยนต์car

สินเชื่อรถกระบะpickup

สินเชื่อแทรกเตอร์tractor

สินเชื่อโฉนดที่ดินland

โฉนด / เอกสารสิทธิ์deed

นาโนไฟแนนซ์nano

เล่มทะเบียนรถbookreg

ประกันภัย · 9 ไอคอน

ประกันมอเตอร์ไซค์ins-motor

ประกันรถยนต์ins-car

ประกันสุขภาพins-health

ประกันโรคร้ายแรงins-accident

ประกันบ้านและคอนโดins-home

ประกันอุบัติเหตุins-pa

พ.ร.บ.prb

ประกันชีวิตlife

โรงพยาบาลคู่สัญญาhospital

บริการและช่องทาง · 11 ไอคอน

สาขาbranch

แผนที่map

ตำแหน่งสาขาpin

แอปพลิเคชันphone

โทรหาเราcall

แชท / LINEchat

อีเมลmail

เวลาทำการclock

บัญชีของฉันuser

เจ้าหน้าที่ดูแลteam

ค้นหาsearch

เงินและเอกสาร · 13 ไอคอน

วงเงินwallet

รับเงินสดcash

ยอดคงเหลือcoins

อัตราดอกเบี้ยpercent

คำนวณค่างวดcalc

เอกสารdoc

สัญญาcontract

บัตรประชาชนidcard

ลงนามsignature

โอนเข้าบัญชีbank

ชำระด้วย QRqr

โอนเงินtransfer

ใบเสร็จreceipt

ความน่าเชื่อถือและระบบ · 13 ไอคอน

ความปลอดภัยshield

ข้อมูลถูกเข้ารหัสlock

อนุมัติแล้วcheck

แจ้งเตือนalert

รีวิวจากลูกค้าstar

รางวัลและมาตรฐานaward

ผลประกอบการgrowth

วันครบกำหนดcalendar

ดาวน์โหลดdownload

ถ่ายภาพเอกสารcamera

วิดีโอplay

คำถามที่พบบ่อยquestion

โปรโมชันgift

ทำ

วาดในกรอบ 24 × 24 และเว้นขอบใน 2 หน่วยทุกด้าน
ใช้เส้นหนา 1.6 เท่ากันทั้งชุด ไม่ว่าจะแสดงที่ขนาดใด
รับสีจากข้อความรอบข้าง เพื่อให้ทำงานได้ทั้งสี่โหมดสี

ไม่ทำ

ผสมไอคอนแบบเส้นกับแบบทึบในหน้าจอเดียว
ใส่ไอคอนหลายสีหรือไอคอนแบบสามมิติ
ใช้อีโมจิแทนไอคอน แม้ในเอกสารภายใน

การเคลื่อนไหว

เคลื่อนไหวเพื่อบอกที่มาที่ไป ไม่ใช่เพื่อความสนุก

ทุกการเคลื่อนไหวต้องตอบได้ว่าสิ่งนั้นมาจากไหนหรือกำลังจะไปไหน ระยะเวลาอยู่ระหว่าง 150 – 320 มิลลิวินาที และต้องหยุดทั้งหมดเมื่อผู้ใช้ตั้งค่า prefers-reduced-motion — คู่มือหน้านี้ก็ทำตามกฎเดียวกัน

เส้นตรง · linear

ใช้กับตัวบ่งชี้ความคืบหน้าเท่านั้น ห้ามใช้กับอย่างอื่น เพราะดูเหมือนเครื่องจักร

เข้าเร็ว ออกนุ่ม · 160ms

cubic-bezier(.22,1,.36,1) ใช้กับสิ่งที่ปรากฏขึ้น — เมนู การ์ด แผ่นซ้อน

สม่ำเสมอ · 220ms

cubic-bezier(.4,0,.2,1) ใช้กับการเปลี่ยนสีและขอบของปุ่มกับฟิลด์

บทที่ 09

เว็บไซต์

เว็บไซต์คือที่ที่ระบบนี้ถูกใช้หนักที่สุด และเป็นที่ที่กฎเรื่องคอนทราสต์ มีผลจริงกับลูกค้าที่ยืนอ่านกลางแดดหน้าสาขา โครงหน้าทั้งเว็บสร้างจากสี่ชิ้น — แถบบน ส่วนเปิด แถบสลับ และฟุตเตอร์ — เรียงสลับพื้นขาวกับพื้นชมพูอ่อนเป็นจังหวะ

หน้าแรก

โครงหน้า จากบนลงล่าง

ทุกบล็อกในภาพนี้ประกอบจาก token และคอมโพเนนต์ในบทก่อนหน้าทั้งหมด ไม่มีค่าสี ขนาด หรือมุมโค้งใหม่ที่เกิดขึ้นเฉพาะหน้านี้

https://www.turbo.co.th

นักลงทุนสัมพันธ์ร่วมงานกับเรา ติดต่อเรา02-857-8888

สินเชื่อประกันบทความค้นหาสาขา

กว่า 1,000 สาขา ทั่วประเทศ

เงินก้อนแรก ของคนทำมาหากิน

สินเชื่อที่ใช้ทะเบียนรถหรือโฉนดที่ดินเป็นหลักประกัน ยังใช้ทรัพย์สินได้ตามปกติระหว่างผ่อน

สมัครสินเชื่อ คำนวณค่างวด

ให้เจ้าหน้าที่โทรกลับ

เลือกสินเชื่อ แล้วกรอกเบอร์

แตะเลือกหนึ่งอย่าง ไม่ต้องเตรียมเอกสารตอนนี้

สินเชื่อที่สนใจ

ส่งเบอร์ให้ติดต่อกลับ

เมื่อกดส่ง คุณรับทราบนโยบายคุ้มครองข้อมูลส่วนบุคคล

ขั้นตอนง่ายๆ

3 ขั้นตอน จากเล่มทะเบียนเป็นเงินสด

1 · เตรียมเอกสาร

เล่มทะเบียนรถและบัตรประชาชนของผู้กู้

2 · ติดต่อสาขา

เจ้าหน้าที่ประเมินและแจ้งวงเงินที่หน้าสาขา

3 · รับเงิน

รับเงินในวัน โดยยังใช้รถได้ตามปกติ

ค้นหาสาขาใกล้บ้านคุณ

กว่า 1,000 สาขา ใน 54 จังหวัด · จันทร์ – ศุกร์ 08:30 – 17:00 น.

ค้นหาสาขา

บริษัท เงินเทอร์โบ จำกัด (มหาชน)

สินเชื่อรถมอเตอร์ไซค์รถยนต์ รถแทรกเตอร์โฉนดที่ดิน

ประกันประกันรถประกันสุขภาพ ประกันอุบัติเหตุพ.ร.บ.

ติดต่อ02-857-8888ร้องเรียน 02-857-8890 จันทร์ – ศุกร์ 08:30 – 17:00 น.

กู้เท่าที่จำเป็นและชำระคืนไหว · © เงินเทอร์โบ

ชมพูที่มั่นใจ ไม่ใช่ชมพูแหววConfident pink, not frilly pink

ให้ชมพูครองพื้นที่หลักและใช้ขาวเป็นข้อความ พื้นหายใจ หรือการ์ดข้อมูล ภาพฮีโร่ต้องเต็มกรอบโดยไม่มีขอบขาวหนา ใช้มุมโค้งค่าเดียวกันทั้งสี่มุม และตัดวงกลมลอย กรอบซ้อน รวมถึงทรงหยักที่ไม่มีหน้าที่ออกก่อนส่งงานLet pink own the main field and use white for type, breathing room or information cards. Hero photography runs full-bleed without a thick white frame, uses one consistent radius on all four corners, and removes floating circles, layered outlines and ornamental blobs before release.

หนึ่งภาพมาสเตอร์ก่อน แยกมือถือเฉพาะเมื่อครอปไม่รอดOne master first; add mobile only when cropping fails

เดสก์ท็อปและมือถือใช้ไฟล์ความละเอียดสูงเดียวกันเป็นค่าเริ่มต้น โดยกำหนด object-position หรือจุดโฟกัสให้ประธานและการกระทำยังครบ ถ้าข้อความยาวบนมือถือ ให้ต่อด้วยแผงชมพูที่เป็นส่วนหนึ่งของเลย์เอาต์แทนการบีบข้อความลงบนภาพ อนุมัติไฟล์ 4:5 เพิ่มได้เพียงหนึ่งไฟล์เมื่อทดสอบครอปแล้วความหมายของภาพเสียจริงหรือไม่มีพื้นที่ปลอดภัยให้ข้อมูลจำเป็น โลโก้และข้อความเป็นองค์ประกอบสดของเว็บเสมอ ไม่ generate หรือแปะลงในภาพถ่ายDesktop and mobile use the same high-resolution file by default, with object-position or a focal point preserving the subject and action. On phones, long copy continues on a connected pink layout panel instead of being squeezed onto the photograph. One additional 4:5 file may be approved only when a tested crop genuinely loses the meaning or leaves no safe area for required information. The logo and type always remain live website elements—never generated or pasted into the photograph.

แถบหัวเว็บ

หัวเว็บหนึ่งระบบ — fascia มาสเตอร์ทุกหน้า ทุกขนาดOne website header—the master fascia on every page and viewport

หัวเว็บเป็นจุดแรกที่คนตัดสินว่านี่คือเว็บของใคร ทุกหน้าจึงใช้ไฟล์ logo-turbo.svg ทั้งชิ้นเป็นแถบหลัก ไม่วาดเส้นเฉียงใหม่และไม่ย่อให้เหลือเพียงโลโก้ สิ่งที่เปลี่ยนตามขนาดจอมีเพียงเมนู: เดสก์ท็อปมีแถบลิงก์รองพื้นขาวเหนือ fascia ส่วนโทรศัพท์ตัดแถบนั้นออก แต่ยังคง fascia สูง 66 px และปุ่มหลักที่แตะได้ทันทีThe header is the first ownership cue on the site. Every page therefore uses the complete logo-turbo.svg fascia—never a redrawn diagonal or a reduced logo-only substitute. Only the navigation responds: desktop adds a white utility strip above the fascia; phones remove that strip while retaining the 66 px fascia and an immediately tappable primary action.

นักลงทุนสัมพันธ์ร่วมงานกับเรา ติดต่อเรา02-857-8888

สินเชื่อประกันบทความค้นหาสาขา

เดสก์ท็อป · แถบลิงก์รองขาว + fascia มาสเตอร์Desktop · white utility strip + master fascia

แถบขาวสูง 38 px เก็บนักลงทุนสัมพันธ์ ร่วมงานกับเรา ติดต่อเรา และเบอร์โทร fascia ด้านล่างสูง 74 px และใช้ตัวอักษรขาวบนชมพู ลิงก์ที่กำลังใช้งานขีดเส้นขาว จึงไม่มีแถบชมพูหรือสีน้ำเงินอีกชั้นมาชนกับมาสเตอร์The 38 px white utility strip carries investor relations, careers, contact and telephone links. The fascia beneath is 74 px high with white navigation on pink and a white active underline, so no second pink or blue strip competes with the master.

สมัครสินเชื่อ

โทรศัพท์ · fascia เดิม เมนูสั้นลงPhone · same fascia, shorter navigation

ตัดเฉพาะแถบลิงก์รองออกเพื่อประหยัดความสูง แต่ไม่ตัด ไม่ยืด และไม่วาด fascia ใหม่ แถบหลักสูง 66 px ปุ่มสมัครเป็นพื้นขาว และปุ่มเมนูมีพื้นที่แตะอย่างน้อย 44 × 44 pxOnly the utility strip is removed to save height; the fascia itself is neither cropped, stretched nor redrawn. The main bar is 66 px high, the application action is white, and the menu target is at least 44 × 44 px.

สิ่งที่ห้ามในทุกขนาดProhibited at every viewport

ห้ามแทน fascia ด้วยแถบชมพูเรียบหรือหัวเว็บสีขาว · ห้ามวาดเส้นน้ำเงินด้วย CSS เปลี่ยนสีในไฟล์ ตัดปลายเฉียง หรือยืดสัดส่วน · ห้ามซ้อนแถบชมพูเพิ่มเหนือหรือใต้ fascia · ห้ามวางเมนูหลักสองแถวบนพื้นชมพู · และห้ามใช้พื้นน้ำเงินเป็นแถบหัวเว็บNever replace the fascia with a plain pink strip or a white header; redraw the blue diagonal in CSS, recolour the file, crop its taper or stretch its proportions; stack another pink strip above or below it; set the main navigation in two rows on pink; or use a blue website header.

จังหวะของหน้า

สลับพื้น ไม่สลับสี

ความรู้สึกว่า “หน้านี้แบ่งเป็นส่วนๆ” มาจากการสลับพื้นหลัง ไม่ใช่จากเส้นคั่น ลำดับมาตรฐานคือ ขาว → ชมพูอ่อนสุด → ขาว → แถบชมพูสำหรับการกระทำ → ฟุตเตอร์ชมพู และไม่มีพื้นเข้มปรากฏที่ใดเลย

ขาว

เนื้อหาหลัก บทความ ตาราง — ทุกอย่างที่ต้องอ่านนาน

ชมพูอ่อนสุด

ส่วนที่ต้องการแยกออกจากเนื้อหาหลัก เช่น คำถามที่พบบ่อย

แถบชมพูเต็ม

ใช้ได้หนึ่งครั้งต่อหนึ่งหน้า สำหรับสิ่งที่อยากให้ลูกค้าทำต่อ

เทาอ่อน

พื้นของตารางและกล่องข้อมูลย่อย ไม่ใช้เป็นพื้นของทั้งส่วน

ฟุตเตอร์Footer

ฟุตเตอร์ใช้ชมพูมาสเตอร์เต็มความกว้างตาม CI ดั้งเดิม โลโก้ หัวหมวด ลิงก์ ที่อยู่ และแถบกฎหมายใช้ขาวทึบ 100% ทั้งหมด ห้ามคั่นส่วนล่างด้วยชมพูเข้ม และข้อมูลสำคัญตามกฎหมายต้องมีซ้ำบนพื้นขาวในหน้าที่เกี่ยวข้องThe footer uses full-width Master Pink from the original identity. Logo, headings, links, address and legal line all use solid white. Never add a dark-pink lower strip; critical regulatory information must also appear on white in the relevant page.

แถบช่วยเหลือHelp band

พื้น pink-213C-60 การ์ดขาว และปุ่มชมพู ใช้คำถามเดียวพาไปหาโทรศัพท์หรือสาขาPink-50 ground, white cards and pink action. One question routes people to phone or branch.

สารบัญองค์กรCompany directory

พื้นชมพูมาสเตอร์ โลโก้ หัวหมวด ที่อยู่ และลิงก์เป็นขาวทึบ ลิงก์บนมือถือพับตามหมวดและพื้นที่กดไม่ต่ำกว่า 44 pxMaster Pink ground with solid-white mark, headings, address and links. Mobile links collapse by category and retain 44 px targets.

แถบกฎหมายLegal strip

ใช้ชมพูมาสเตอร์สีเดียวกับสารบัญ แยกด้วยเส้นขาวโปร่งเท่านั้น ตัวอักษรขาวทึบอย่างน้อย 13 px น้ำหนัก 500 และไม่ใช้ opacityUse the same Master Pink as the directory, separated only by a light white rule. Solid-white type is at least 13 px/500 with no opacity.

มือถือ

ออกแบบจากจอเล็กขึ้นไป

ลูกค้าส่วนใหญ่เข้าจากโทรศัพท์ กฎด้านล่างจึงเป็นข้อบังคับ ไม่ใช่ข้อแนะนำ

ทำ

ปุ่มและลิงก์มีพื้นที่กดสูงอย่างน้อย 44px
ช่องกรอกตั้งตัวอักษร 16px เพื่อไม่ให้ iOS ซูมเอง
ตารางและกราฟกว้างเกินจอ ให้เลื่อนภายในกล่องของตัวเอง หน้าเว็บห้ามเลื่อนแนวนอน
ปุ่มหลักของหน้าอยู่ในระยะที่นิ้วโป้งเอื้อมถึง

ไม่ทำ

ย่อทั้งหน้าเดสก์ท็อปลงมา แล้วหวังว่าจะอ่านได้
ซ่อนข้อมูลตามกฎหมายไว้หลังปุ่ม “ดูเพิ่มเติม” บนมือถือ
ใช้เมนูแบบซ้อนหลายชั้นบนจอเล็ก
วางปุ่มลอยทับเนื้อหาจนอ่านบรรทัดสุดท้ายไม่ได้

บทที่ 10

แอปพลิเคชัน

แอปคือที่ที่ลูกค้ากลับมาทุกเดือนเพื่อดูยอดและจ่ายค่างวด จึงต้องอ่านตัวเลขได้ก่อนอย่างอื่น หน้าจอทุกหน้าใช้พื้นขาวเป็นหลัก และใช้ชมพูเฉพาะสิ่งที่ต้องเห็นก่อนใคร — ยอดที่ต้องชำระ และปุ่มที่ต้องกด

หน้าจอหลัก

สี่หน้าจอ ประกอบจากคอมโพเนนต์เดียวกับเว็บ

ช่องกรอก ชิป ปุ่ม และการ์ดในแอป ใช้สเปกเดียวกับเว็บทุกประการ ต่างกันเพียงขนาดที่ย่อลงตามความกว้างจอ การมีสองระบบที่หน้าตาต่างกัน คือการมีสองแบรนด์

Turbo App

หน้าเปิดแอป · ไล่เฉดชมพูล้วน โลโก้ฉบับขาว จุดสว่างที่สุดของไล่เฉดคือชมพูมาสเตอร์ โลโก้ขาวจึงวัดได้ 3.33:1 ตลอดทั้งแถบ ซึ่งเกินเกณฑ์ 3:1 ของวัตถุกราฟิก

09:415G ▮▮▮

สวัสดี

ยอดที่ต้องชำระงวดนี้ 970ครบกำหนด 5 ก.ย. 2569

มอเตอร์ไซค์ รถยนต์ โฉนด

วงเงินที่อนุมัติ 100,000คงเหลือ 62,400 บาท

สาขาที่ดูแล ปากเกร็ด นนทบุรี จันทร์ – ศุกร์ 08:30 – 17:00 น.

หน้าแรกคำนวณสาขาบัญชีของฉัน

หน้าแรก · การ์ดบนแบรนด์ใช้กับตัวเลขและข้อความสั้นเท่านั้น การ์ดที่เหลือเป็นพื้นขาวเพื่อให้ตัวเลขอ่านได้ 11.35:1

09:415G ▮▮▮

คำนวณค่างวด

มอเตอร์ไซค์ รถยนต์ แทรกเตอร์

วงเงินที่ต้องการ

บาท

จำนวนงวด

งวด

ค่างวดโดยประมาณ 970บาทต่อเดือน · 0.68% ต่อเดือน

กู้เท่าที่จำเป็นและชำระคืนไหว เงื่อนไขเป็นไปตามที่บริษัทฯ กำหนด

หน้าแรกคำนวณสาขาบัญชีของฉัน

คำนวณค่างวด · ช่องกรอกใช้สถานะเดียวกับบนเว็บ ข้อความตามกฎหมายอยู่บนพื้นขาวเสมอ ไม่อยู่บนพื้นชมพู

09:415G ▮▮▮

ค้นหาสาขา

แผนที่ · 1,008 สาขา

ใกล้ที่สุด · 1.2 กม. สาขาปากเกร็ด จันทร์ – ศุกร์ 08:30 – 17:00 น.

2.8 กม. สาขาบางบัวทอง จันทร์ – ศุกร์ 08:30 – 17:00 น.

หน้าแรกคำนวณสาขาบัญชีของฉัน

ค้นหาสาขา · ภาพแผนที่เคลือบไล่เฉดชมพูตามกฎบทที่ 06 ตัวอักษรบนภาพจึงผ่านเกณฑ์โดยไม่ต้องพึ่งความสว่างของแผนที่

ไอคอนแอป

ไอคอนแอป สามฉบับ

ไอคอนแอปเป็นจุดเดียวที่โลโก้ถูกวางในกรอบสี่เหลี่ยมได้ เพราะระบบปฏิบัติการเป็นผู้กำหนดกรอบ ไม่ใช่เรา มุมโค้งปล่อยให้ระบบจัดการ อย่าวาดมุมโค้งลงไปในไฟล์เอง และเว้นระยะรอบโลโก้อย่างน้อย 1X เช่นเดิม

ชมพูเต็ม · ค่าเริ่มต้นใช้บนหน้าจอโฮมทั่วไป โลโก้ฉบับขาว

ไล่เฉดชมพูล้วนใช้ในสโตร์และภาพโปรโมต

ขาว · ขอบบางใช้เมื่อระบบปฏิบัติการบังคับพื้นสว่าง

สิ่งที่ห้ามใส่ในไอคอนแอป

ห้ามใส่คำว่า “แอป” “App” หรือชื่อฟีเจอร์ลงในไอคอน ห้ามใส่เงาหรือแสงสะท้อน และห้ามใช้โลโก้ฉบับสีบนพื้นชมพู เพราะส่วนน้ำเงินจะเหลือ 3.41:1

กฎเฉพาะของแอป

สิ่งที่ต่างจากเว็บ

แถบล่างมีสี่ปุ่ม

ไม่เกินนี้ ปุ่มที่กำลังใช้อยู่เป็น pink-213C-hover ทั้งไอคอนและตัวอักษร ปุ่มอื่นเป็น blue-294C-700 ซึ่งวัดได้ 5.31:1 ไม่ใช้ blue-294C-410 เพราะเหลือเพียง 2.38:1 และแถบล่างคือทางเดินหลักของแอป

ตัวเลขเงินใช้ tabular

ยอดชำระ วงเงิน และวันครบกำหนด ตั้งด้วย tabular-nums เสมอ ตัวเลขจะได้ไม่ขยับตำแหน่งเวลาค่าเปลี่ยน

สถานะออฟไลน์

ใช้แถบ pink-213C-140 พร้อมตัวอักษร pink-213C-hover ไม่ใช้สีเหลืองหรือส้ม ซึ่งเป็นเฉดนอกระบบ

หน้าเปิดแอป

แสดงไม่เกิน 1.2 วินาที และห้ามมีข้อความโฆษณา ถ้าโหลดนานกว่านั้น ให้แสดงหน้าแรกพร้อมโครงร่างที่ยังไม่มีข้อมูลแทน

ปุ่มจ่ายเงิน

เป็นปุ่มหลักปุ่มเดียวของหน้า ขนาดใหญ่ กว้างเต็มความกว้างการ์ด และไม่มีปุ่มอื่นที่เด่นเท่ากันในหน้าจอเดียวกัน

โหมดมืดของระบบ

CI ชุดนี้ยังไม่กำหนดโหมดมืด แอปจึงคงพื้นขาวแม้ระบบปฏิบัติการเลือกโหมดมืด ห้ามแก้เฉพาะหน้าด้วยชมพูเข้ม น้ำเงิน หรือดำ หากผลิตภัณฑ์จำเป็นต้องมีโหมดมืด ต้องออกแบบและทดสอบระบบสี คอนทราสต์ ภาพ และโลโก้เป็นโครงการแยกก่อนนำขึ้นใช้งาน

บทที่ 11

สไลด์นำเสนอ

สไลด์เป็นสื่อที่หลุดจากระบบง่ายที่สุด เพราะทุกคนในองค์กรสร้างเองได้ บทนี้จึงไม่ได้เขียนเป็นหลักการ แต่เขียนเป็นสเปกที่ทำตามได้ตรงๆ — ขนาดสไลด์ ระยะขอบ จำนวนคอลัมน์ ขนาดตัวอักษรเป็นพอยต์ และแม่แบบ 14 หน้าที่ครอบคลุม งานนำเสนอภายในเกือบทั้งหมด ถ้าเนื้อหาไม่พอดีกับ 14 หน้านี้ ให้แบ่งเป็นสองสไลด์ อย่าออกแบบหน้าที่ 15

สเปกพื้นฐาน

16 : 10 ไม่ใช่ 16 : 9

งานนำเสนอภายในของเรามีตารางและตัวเลขมาก สัดส่วน 16:10 ให้ความสูงเพิ่มขึ้นราว 11% เทียบกับ 16:9 ซึ่งเท่ากับได้บรรทัดเพิ่มอีกสองบรรทัดต่อหน้า โดยยังฉายบนจอประชุมทั่วไปได้เต็มความกว้าง ตั้งขนาดสไลด์ใน PowerPoint เป็น Custom 33.87 × 21.17 ซม.

ระยะขอบ 6.5% · 125 px12 คอลัมน์ · ช่องไฟ 1.6%

โครงตาราง

ทุกอย่างเกาะคอลัมน์

หัวเรื่องเริ่มที่คอลัมน์ 1 เนื้อความกว้างไม่เกิน 7 คอลัมน์ และการ์ดสามใบกินคอลัมน์ละ 4

—

รายการ	ค่า	หมายเหตุ
ขนาดสไลด์	`1920 × 1200 px`	33.87 × 21.17 ซม. · ตั้งใน PowerPoint เป็น Custom
สัดส่วน	`16 : 10`	ไม่ใช้ 16:9 เพราะเนื้อหาภายในองค์กรมีตารางและตัวเลขมาก
ระยะขอบ	`6.5% = 125 px`	ทุกด้าน ยกเว้นขอบล่าง 5.2% = 62 px
คอลัมน์	`12 คอลัมน์`	กว้างคอลัมน์ละ 111 px ช่องไฟ 31 px
ช่องไฟคอลัมน์	`1.6% = 31 px`	ใช้เป็นระยะห่างมาตรฐานระหว่างการ์ดด้วย
ระยะบรรทัดฐาน	`24 px`	ทุกระยะแนวตั้งเป็นจำนวนเท่าของ 24
มุมโค้งการ์ด	`2cqw = 38 px`	การ์ดในสไลด์ใช้ค่าเดียวกันทั้งเด็ค
โลโก้ท้ายหน้า	`สูง 3.2cqw = 61 px`	มุมล่างซ้าย เว้นระยะเท่าระยะขอบ

ตัวอักษรในสไลด์

เก้าขนาด และทุกขนาดมีค่าเป็นพอยต์

คอลัมน์ พอยต์ คือค่าที่พิมพ์ลงในกล่องข้อความของ PowerPoint ได้ตรงๆ เมื่อสไลด์ถูกตั้งขนาดตามสเปกด้านบน หัวเรื่อง ตัวเลข และป้ายกำกับใช้ FC Iconic ส่วนคำอธิบายหลายประโยคและรายละเอียดที่ต้องอ่านใช้ Sarabun และขนาดเล็กที่สุดที่อนุญาตบนสไลด์คือ 19.4 pt เพราะเล็กกว่านั้นอ่านไม่ออกจากแถวหลังของห้องประชุม

ระดับ	cqw	px @1920	พอยต์	น้ำหนัก	ใช้กับ
ชื่อบนปก`.s-display`	7.4cqw	142 px	106.6 pt	700	ปกหลัก ปกภาพ — หนึ่งบรรทัดหรือสองบรรทัด
หัวเรื่องสไลด์`.s-title`	4.6cqw	88 px	66.2 pt	700	ทุกหน้าที่มีหัวเรื่อง
ตัวเลขใหญ่`.s-kpi`	6.4cqw	123 px	92.2 pt	700	หน้าตัวเลข — หนึ่งถึงสามตัวต่อหน้า
หัวเรื่องคำพูด`.s-quote`	3.4cqw	65 px	49.0 pt	700	หน้าอ้างอิงคำพูด
ข้อความนำ`.s-sub`	2.4cqw	46 px	34.6 pt	400	ใต้หัวเรื่อง ไม่เกินสามบรรทัด
หัวข้อในการ์ด`.s-card-title`	2.0cqw	38 px	28.8 pt	700	หัวข้อย่อยในคอลัมน์
เนื้อความ`.s-body`	1.85cqw	36 px	26.6 pt	400	ข้อความทั่วไป
คำอธิบายภาพ`.s-note`	1.35cqw	26 px	19.4 pt	400	เชิงอรรถ ที่มา ข้อความตามกฎหมาย
ป้ายกำกับ`.s-kick`	1.7cqw	33 px	24.5 pt	700	คำนำหัวเรื่อง ตัวพิมพ์ใหญ่ + ช่องไฟ .16em

แม่แบบ

แม่แบบ 14 หน้า

ทุกหน้าเรนเดอร์จริงจาก token และคอมโพเนนต์เดียวกับที่ใช้บนเว็บ เรียงตามลำดับที่มักปรากฏในเด็คจริง

รายงานประจำปี 2569

เติบโตไปกับ
คนทำมาหากิน

บริษัท เงินเทอร์โบ จำกัด (มหาชน)

TURBO · SET

ปกหลัก

ใช้ไล่เฉดชมพู โลโก้ฉบับขาว ไม่มีเลขหน้า

ไตรมาส 3 ปี 2569

ผลการดำเนินงาน

ปกภาพ

ภาพเคลือบไล่เฉดชมพู โลโก้ขาวมุมบนซ้าย

วาระการนำเสนอ

หัวข้อวันนี้

01	ภาพรวมธุรกิจ
02	ผลการดำเนินงาน
03	การขยายสาขา
04	ผลิตภัณฑ์ใหม่
05	แผนปี 2570

สารบัญ

หัวข้อไม่เกิน 6 ข้อ ถ้ามากกว่านั้นให้แบ่งเป็นสองหน้า

ส่วนที่ 02

ผลการดำเนินงาน

หน้าคั่นบท

ไล่เฉดชมพู เลขบทตัวใหญ่ ไม่มีเนื้อหาอื่น

ภาพรวมธุรกิจ

สินเชื่อที่มีหลักประกัน

ผลิตภัณฑ์ทั้งห้ากลุ่มใช้เกณฑ์พิจารณาเดียวกัน ต่างกันที่ประเภทหลักประกันและวงเงินสูงสุด โดยผู้กู้ยังใช้ทรัพย์สินได้ตามปกติ

เนื้อหาหนึ่งคอลัมน์

ความกว้างข้อความไม่เกิน 62% ของสไลด์

ประสบการณ์ลูกค้า

เจ้าหน้าที่
ดูแลใกล้บ้าน

ทุกสาขามีเจ้าหน้าที่ประจำ ที่ผ่านการอบรมมาตรฐานเดียวกัน

เนื้อหาคู่กับภาพ

ภาพกินพื้นที่ขวา 44% ตัวอักษรอยู่ซ้าย

ผลิตภัณฑ์

สามกลุ่มหลัก

สินเชื่อทะเบียนรถ

มอเตอร์ไซค์ รถยนต์ กระบะ แทรกเตอร์

สินเชื่อโฉนดที่ดิน

วงเงินสูง ระยะเวลาผ่อนนาน

ประกันและ พ.ร.บ.

ประกันรถ สุขภาพ อุบัติเหตุ บ้าน

สามคอลัมน์

ใช้การ์ดพื้นชมพูอ่อน ไม่เกินสามใบต่อหน้า

ณ ไตรมาส 3 ปี 2569

ตัวเลขสำคัญ

1,008สาขาทั่วประเทศ

54จังหวัด

0.68%ดอกเบี้ยต่อเดือน

หน้าตัวเลข

ตัวเลขใหญ่ไม่เกินสามตัว และต้องมีหน่วยกำกับเสมอ

การขยายสาขา

จำนวนสาขาสะสม

3424866247951,008

25652566256725682569

หน้ากราฟ

เน้นแท่งเดียว ที่เหลือเป็น pink-213C-140 — ห้ามให้ทุกแท่งต่างสี

เปรียบเทียบผลิตภัณฑ์

วงเงินและระยะเวลา

ผลิตภัณฑ์	วงเงินสูงสุด	ผ่อนสูงสุด
มอเตอร์ไซค์	100,000	36 เดือน
รถยนต์	1,000,000	72 เดือน
รถแทรกเตอร์	500,000	72 เดือน
โฉนดที่ดิน	100,000	60 เดือน

หน้าตาราง

เส้นคั่นแนวนอนอย่างเดียว หัวตารางขีดเส้นใต้สีชมพู

เส้นทางของเรา

พัฒนาการสำคัญ

2564ครบ 300 สาขา

2566เข้าตลาดหลักทรัพย์

2567เปิดแอปพลิเคชัน

2568ครบ 800 สาขา

2569ครบ 54 จังหวัด

หน้าไทม์ไลน์

ไม่เกินห้าจุด จุดที่เป็นปัจจุบันใช้ชมพูทึบ

เสียงจากลูกค้า

“มาตอนเช้า ได้เงินตอนบ่าย
ไม่ต้องหาคนค้ำเลย”

คุณสมชาย · ผู้ประกอบการรายย่อย จังหวัดนครราชสีมา

หน้าคำพูด

คำพูดไม่เกินสองบรรทัด ชื่อผู้พูดอยู่ใต้เส้น

ลูกค้าของเรา

คนที่หารายได้ด้วยมือของตัวเอง

หน้าภาพเต็ม

ใช้กฎบทที่ 06 — เคลือบเสมอ และโลโก้อยู่มุมล่างซ้าย

ขอบคุณ

คำถามและข้อเสนอแนะ

บริษัท เงินเทอร์โบ จำกัด (มหาชน)
02-857-8888 · www.turbo.co.th

หน้าปิด

กลับมาที่พื้นขาว ข้อมูลติดต่อต้องอ่านได้จากท้ายห้อง

กราฟและตาราง

กราฟใช้ชมพูเน้นได้ชุดเดียว

กราฟในเด็คขององค์กรส่วนใหญ่ผิดที่จุดเดียวกัน คือให้สีทุกชุดข้อมูล ทำให้ไม่เหลืออะไรเป็นประเด็น ระบบนี้กำหนดตรงข้าม — ชุดข้อมูลที่ต้องการพูดถึงใช้ pink-213C-1000 ที่เหลือใช้ pink-213C-140 และถ้าต้องมีชุดที่สาม ให้ใช้ blue-294C-820

ลำดับสีของชุดข้อมูล

1 · pink-213C-1000 ชุดที่เป็นประเด็น
2 · pink-213C-140 ชุดเปรียบเทียบ
3 · blue-294C-820 ชุดที่สาม เช่น ค่าเฉลี่ยอุตสาหกรรม
ไม่มีชุดที่สี่ ถ้ามี แปลว่ากราฟนั้นควรเป็นตาราง

ตาราง

เส้นคั่นแนวนอนเท่านั้น ห้ามมีเส้นแนวตั้งและห้ามมีกรอบรอบตาราง หัวตารางขีดเส้นใต้ด้วย pink-213C-1000 หนา 0.18cqw ตัวเลขชิดขวาและตั้ง tabular-nums เสมอ

ที่มาของข้อมูล

ทุกกราฟและทุกตารางต้องมีที่มาอยู่ใต้ภาพ ตั้งด้วยขนาดเล็กสุด ถ้าเป็นตัวเลขทางการเงินต้องระบุงวดและหน่วยให้ครบ กราฟที่ไม่มีที่มาไม่ผ่านการตรวจ

กฎของสไลด์

กฎที่รักษาแม่แบบไว้ได้จริง

ทำ

หนึ่งสไลด์ = หนึ่งความคิด ถ้ามีสอง ให้แยกเป็นสองหน้า
หัวเรื่องเป็นประโยคที่มีข้อสรุป ไม่ใช่หัวข้อลอยๆ — “สาขาโตขึ้น 27%” ดีกว่า “จำนวนสาขา”
ปกและหน้าคั่นใช้ไล่เฉดชมพู หน้าเนื้อหาใช้พื้นขาวเสมอ
โลโก้อยู่มุมล่างซ้ายทุกหน้า และเปลี่ยนฉบับตามพื้นหลัง
เลขหน้าอยู่มุมล่างขวา ตั้งด้วย tabular-nums
ข้อความตามกฎหมายอยู่บนพื้นขาว ไม่ใช่บนพื้นชมพู

ไม่ทำ

ใช้ธีมสำเร็จรูปของโปรแกรมแล้วเปลี่ยนแค่สีปุ่ม
วางย่อหน้ายาวบนพื้นชมพู — เหลือ 3.33:1
ใส่เงา ไล่เฉดใต้ตัวอักษร หรือภาพพื้นหลังจางๆ
ใช้ตารางที่มีเส้นกรอบครบทุกช่อง
ใส่อีโมจิ ภาพคลิปอาร์ต หรือไอคอนจากคลังภายนอก
ใช้เอฟเฟกต์เปลี่ยนหน้าอื่นนอกจาก Fade
ย่อตัวอักษรให้เล็กกว่า 19.4 pt เพื่อให้เนื้อหาพอดีหน้า

บทที่ 12

สิ่งพิมพ์

งานกระดาษเป็นสิ่งเดียวที่ลูกค้าถือกลับบ้าน และเป็นสิ่งที่คู่ค้าเห็นก่อนเว็บไซต์ แม่แบบทุกชิ้นในบทนี้ใช้พื้นขาว มีแถบชมพูเป็นจุดเดียวที่ลงหมึกเต็ม และเว้นขอบมากกว่าที่โรงพิมพ์ทั่วไปแนะนำ เพราะพื้นที่ว่างคือสิ่งที่ทำให้งานดูสะอาด

นามบัตร

นามบัตร 90 × 55 มม. สองหน้า

ด้านหน้าเป็นพื้นขาวเสมอ เพราะต้องอ่านชื่อและเบอร์ได้ในร้านกาแฟที่แสงน้อย ด้านหลังเป็นไล่เฉดชมพูเต็ม ทำหน้าที่เป็นภาพจำ ไม่ใช่ที่ใส่ข้อมูล โลโก้บนนามบัตรกว้าง 28 มม. ซึ่งเกินขนาดต่ำสุด 22 มม. อยู่พอสมควร และอยู่ชิดซ้ายบนทั้งสองด้าน — โลโก้กึ่งกลางทำให้บัตรดูเหมือนใบประกาศ ไม่ใช่เครื่องมือทำงาน
ทุกชิ้นในหมวดสิ่งพิมพ์ต้องมีโลโก้ ไม่มีข้อยกเว้น แม้แต่กระดาษบันทึกสั้นและซองน้ำตาลราคาประหยัด

สุชาติ รุ่งเรือง

ผู้จัดการสาขาปากเกร็ด

02-857-8888 · www.turbo.co.th
500 หมู่ 3 ถนนติวานนท์ ตำบลบ้านใหม่ อำเภอปากเกร็ด นนทบุรี 11120

ด้านหน้า · โลโก้ชิดซ้ายบน ไม่ใช่กึ่งกลาง ชื่อใช้ FC Iconic 700 สี blue-294C-950 หรือ PANTONE 294 C ที่ 95% เบอร์โทรตั้งด้วย tabular-nums แถบชมพูบางที่ขอบล่างสูง 5.5% ทำให้บัตรอ่านออกว่าเป็นของเราแม้คว่ำอยู่ในกอง

www.turbo.co.th

ด้านหลัง · ไล่เฉดชมพู โลโก้ฉบับขาวชิดซ้ายบน เหมือนด้านหน้า แสดงเฉพาะเว็บไซต์ ไม่ใส่สโลแกนหรือข้อความแบรนด์ที่ยังไม่ได้อนุมัติ และห้ามใส่เบอร์โทรหรือคิวอาร์โค้ดซ้ำกับด้านหน้าReverse · Pink gradient with the white mark aligned top-left, matching the front. Show only the website; do not introduce an unapproved slogan or brand statement, and do not repeat the phone number or QR code.

รายการItem	ข้อกำหนดSpecification	เหตุผลReason
ขนาดตัดTrim size	90 × 55 มม. แนวนอนmm, landscape	ขนาดมาตรฐานที่เก็บในกระเป๋าสตางค์ไทยได้A standard size that fits Thai wallets and card holders
ตัดตกBleed	3 มม. ทุกด้านmm on every edge	ด้านหลังและแถบล่างพิมพ์ถึงขอบThe reverse and bottom band print to the edge
ระยะปลอดภัยSafe area	5 มม. จากขอบตัดmm from trim	ป้องกันชื่อ เบอร์ และโลโก้จากความคลาดเคลื่อนของการตัดProtects the name, number and mark from trim variation
กระดาษStock	อาร์ตการ์ดด้าน 300–350 แกรม เคลือบด้าน300–350 gsm matte art card with matte lamination	ทนการพกพาและลดแสงสะท้อนบนข้อมูลติดต่อDurable in use and reduces glare over contact details
มุมCorners	มุมฉากเป็นค่าเริ่มต้น · มุมมนรัศมี 3 มม. เฉพาะชุดที่อนุมัติSquare by default · 3 mm radius only for an approved run	ไม่ผสมมุมฉากและมุมมนในชุดเดียวกันNever mix square and rounded cards in one set
การผลิตสีColour production	ชมพู Spot ที่ยืนยันแล้ว + PANTONE 294 C ที่ Tint 95%Approved pink spot + PANTONE 294 C at 95% tint	ปรู๊ฟบนกระดาษจริงก่อนพิมพ์ทุกล็อตใหม่Proof on final stock before every new print run

ลำดับข้อมูลด้านหน้าFront information order

โลโก้Mark
ชื่อ–นามสกุลFull name
ตำแหน่ง · หน่วยงานหรือสาขาTitle · team or branch
โทรศัพท์ · อีเมลPhone · email
เว็บไซต์ หรือที่อยู่เมื่อจำเป็นWebsite, or address when required

ชื่อและตำแหน่งยาวLong names and titles

ชื่อมีได้สองบรรทัดโดยลดขนาดได้ไม่เกินหนึ่งขั้น ตำแหน่งมีได้สองบรรทัด ห้ามบีบตัวอักษร ห้ามลดช่องไฟติดลบ และห้ามตัดชื่อด้วยจุดสามจุด ถ้ายังไม่พอ ให้ตัดรายละเอียดหน่วยงานรองออกก่อนA name may wrap to two lines and drop by no more than one type step. A title may use two lines. Never condense type, apply negative tracking or truncate a person's name. Remove secondary team detail first.

ภาษาและคิวอาร์โค้ดLanguage and QR codes

บัตรมาตรฐานใช้ภาษาเดียวต่อหนึ่งชุด บัตรสองภาษาใช้ไทยด้านหน้า อังกฤษด้านหลังแทนข้อความแคมเปญ คิวอาร์โค้ดอนุญาตเฉพาะรุ่นงานอีเวนต์ ต้องเปิด vCard บนโดเมนทางการและมี URL อ่านได้กำกับStandard cards use one language per set. A bilingual card uses Thai on the front and English on the reverse instead of campaign copy. QR codes are event-variant only, open a vCard on the official domain and include a human-readable URL.

สี่รุ่นที่อนุญาตFour permitted variants

พนักงานสำนักงานใหญ่Head-office staff — ชื่อ ตำแหน่ง หน่วยงาน โทรศัพท์ และอีเมลname, title, team, phone and email
พนักงานสาขาBranch staff — เพิ่มชื่อสาขาและเบอร์สาขา ไม่ใส่ที่อยู่ยาวadds branch name and branch phone, not the full address
ผู้บริหารสองภาษาBilingual executive — ไทยด้านหน้า อังกฤษด้านหลังThai front, English reverse
งานอีเวนต์Event — มี vCard QR และวันหมดอายุของหน้าเชื่อมโยงincludes vCard QR and a landing-page expiry date

ก่อนสั่งพิมพ์รายชื่อBefore printing the roster

ให้เจ้าของบัตรยืนยันการสะกดชื่อ ตำแหน่ง เบอร์ และอีเมลCard owner confirms name spelling, title, phone and email
ทดสอบชื่อไทยยาว ชื่ออังกฤษยาว และตำแหน่งสองบรรทัดTest a long Thai name, long English name and two-line title
โทรหาเบอร์ตัวอย่างและส่งอีเมลทดสอบก่อนอนุมัติไฟล์รวมCall a sample number and send a test email before approving the merged file
สุ่มตรวจอย่างน้อยต้น กลาง และท้ายของไฟล์ข้อมูลผสานSample the beginning, middle and end of the merged-data file

เปิดแม่แบบขนาดจริง

Open actual-size template

หัวจดหมาย

หัวจดหมาย A4 และแถบชมพูที่ขอบซ้าย

แถบไล่เฉดที่ขอบซ้ายกว้าง 1.8% ของหน้ากระดาษ ทำให้จดหมายอ่านออกว่าเป็นของเรา แม้ถูกถ่ายสำเนาเป็นขาวดำ เพราะยังเหลือแถบเทาเข้มอยู่ เนื้อจดหมายเว้นขอบซ้าย 8% ซึ่งกว้างพอสำหรับการเจาะรูแฟ้ม

บริษัท เงินเทอร์โบ จำกัด (มหาชน)500 หมู่ 3 ถนนติวานนท์ ตำบลบ้านใหม่ อำเภอปากเกร็ด นนทบุรี 11120
02-857-8888 · www.turbo.co.th

เรื่อง แจ้งการเปิดสาขาใหม่

เรียน ท่านผู้ถือหุ้นและคู่ค้าทุกท่าน

บริษัทฯ ขอเรียนให้ทราบว่า ณ ไตรมาสที่ผ่านมา บริษัทฯ ได้ขยายเครือข่ายสาขา ครบ 54 จังหวัดทั่วประเทศ รวม กว่า 1,000 สาขา ซึ่งเป็นไปตามแผนการขยายธุรกิจ ที่ได้แจ้งไว้ในรายงานประจำปี

ทั้งนี้ บริษัทฯ ยังคงมุ่งมั่นให้บริการสินเชื่อที่เป็นธรรม โปร่งใส และอยู่ภายใต้การกำกับดูแลของธนาคารแห่งประเทศไทยอย่างเคร่งครัด

ขอแสดงความนับถือ

บริษัท เงินเทอร์โบ จำกัด (มหาชน)หน้า 1 / 1

กฎของหัวจดหมาย

โลโก้อยู่มุมบนซ้าย กว้าง 38 มม. ที่ขนาดจริงThe mark sits top-left at 38 mm wide at finished size.
ข้อมูลบริษัทอยู่มุมบนขวา ชิดขวา ตั้งด้วยขนาดเล็กสุดของระบบ
เนื้อจดหมายเริ่มที่ 7% จากหัวกระดาษ เสมอ ไม่ว่าเนื้อหาจะสั้นหรือยาว
เลขหน้าอยู่มุมล่างขวา รูปแบบ หน้า n / N
ชื่อเรื่อง เลขที่เอกสาร และชื่อผู้ลงนามใช้ FC Iconic ส่วนเนื้อจดหมาย ที่อยู่ และรายละเอียดใช้ Sarabun
ห้ามใส่ลายน้ำ ห้ามใส่ภาพพื้นหลัง และห้ามใส่กรอบรอบหน้ากระดาษ

ตรวจก่อนส่งโรงพิมพ์

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

เปิดแม่แบบหัวจดหมาย A4

Open A4 letterhead template

ซองและกระดาษบันทึก

ซองสามแบบ และกระดาษบันทึกสั้น

ซองใช้แถบชมพูเฉพาะช่วงกลางของขอบขวาแทนการพิมพ์เต็มพื้น เพื่อรักษาพื้นที่จ่าหน้าและมุมติดแสตมป์ให้สะอาด ภาพจำลองด้านล่างแสดงเฉพาะสิ่งที่พิมพ์จริง— ไม่มีเส้นประ เส้นบรรทัด หรือกรอบเขตปลอดภัยบนซองผลิตจริงThe envelope uses a pink rail only through the middle of the right edge instead of a full flood. This keeps the address face and postage corner clean. The mockups below show only printed elements—no dashed guides, fill-in rules or safe-zone frames appear on the finished envelope.

บริษัท เงินเทอร์โบ จำกัด (มหาชน)
500 หมู่ 3 ถนนติวานนท์ ตำบลบ้านใหม่ อำเภอปากเกร็ด นนทบุรี 11120

ชื่อผู้รับเลขที่ · ถนน · แขวง / ตำบล เขต / อำเภอ · จังหวัด10110 · โทร. 08X XXX XXXX

ซอง DL · สี่สี 220 × 110 มม. · โลโก้กว้าง 28 มม. · แถบชมพูกว้าง 11% เฉพาะช่วงที่ไม่ชนมุมติดแสตมป์และพื้นที่ล่าง ใช้กับจดหมายถึงลูกค้าและคู่ค้าDL envelope · four colour 220 × 110 mm · 28 mm-wide mark · an 11% pink rail only through the area that avoids the postage corner and lower processing area. For customer and partner mail.

ถึง · ผู้รับ / แผนกสาขา / เลขที่แฟ้ม โทร. 08X XXX XXXX

ซองน้ำตาล · หมึกดำ 229 × 324 มม. · พิมพ์หมึกเดียวบนกระดาษคราฟท์ ใช้ส่งเอกสารภายใน ส่งเอกสารสัญญา และเก็บแฟ้ม พื้นที่ผู้รับเป็นพื้นที่ว่างจริง ไม่พิมพ์เส้นให้กรอก และใช้โลโก้ฉบับหมึกดำตามโหมดสีเดียวในบทที่ 04Kraft envelope · black ink 229 × 324 mm · one ink on kraft for internal documents, contracts and filing. The recipient area remains genuinely blank with no printed fill-in rules, using the approved black single-ink mark from Chapter 04.

ด้วยความนับถือ

กระดาษบันทึกสั้น 210 × 99 มม. · แถบไล่เฉดที่ขอบล่าง ใช้แนบไปกับเอกสารหรือของขวัญ ไม่ใช้แทนจดหมายทางการ

จุดผลิตProduction item	DL 220 × 110 mm	C4 229 × 324 mm	เกณฑ์รับงานAcceptance check
โลโก้Mark	28 mm กว้าง · สีwide · colour	32 mm กว้าง · ดำหมึกเดียวwide · black single ink	วัดจากขอบอาร์ตเวิร์ก ไม่รวมพื้นที่ใส และห่างรอยพับอย่างน้อย 8 มม.Measure from artwork bounds, excluding transparency, and keep at least 8 mm from a fold.
กระดาษStock	100–120 gsm ไม่เคลือบuncoated	120–150 gsm kraft	เขียนปากกาลูกลื่นได้ หมึกไม่ซึมทะลุ และกาวไม่ยกหลังบรรจุ 24 ชม.Ballpoint writable, no show-through, and adhesive remains closed after 24 hours loaded.
ที่อยู่Address	9.5–10 pt · 1.35 line-height	11–12 pt · 1.4 line-height	รหัสไปรษณีย์เป็นเลขอารบิกในบรรทัดสุดท้าย และมีโทรศัพท์ผู้รับArabic-numeral postcode on the final line, with recipient phone number.
ไฟล์ส่งผลิตProduction file	PDF/X-4 · 3 mm bleed · fonts embedded · overprint preview checked		พิมพ์ตัวอย่างขนาดจริงหนึ่งใบ ใส่เอกสารจริง ปิดผนึก และทดลองฝากส่งก่อนสั่งล็อตPrint one actual-size sample, load and seal it, then run a postal test before ordering the batch.

ผังไปรษณีย์

ผังทำงานภายใน — ต้องทดสอบกับผู้รับฝากก่อนพิมพ์ล็อตInternal working grid—test with the carrier before a print run

ไปรษณีย์ไทยกำหนดหลักที่ยืนยันได้ว่า ผู้ส่งอยู่มุมซ้ายบน ตราไปรษณียากรอยู่มุมขวาบน ที่อยู่ผู้รับต้องชัดเจน และรหัสไปรษณีย์เลขอารบิกอยู่บรรทัดสุดท้าย ส่วนตัวเลขเขตด้านล่างคือกริดเผื่อภายในของ TURBO ไม่ใช่มาตรฐานทางการที่อ้างแทนผู้รับฝาก ก่อนงานส่งจำนวนมากต้องส่งตัวอย่างให้ไปรษณีย์หรือ mailing house ทดสอบจริงThailand Post confirms the core rules: sender at top-left, postage at top-right, a clear recipient address, and an Arabic-numeral postcode on the final line. The measurements below are TURBO's conservative internal working grid, not an official postal specification. Before a bulk mailing, submit a physical sample to Thailand Post or the mailing house for a live test.

เขต	ตำแหน่ง x , y	ขนาด	หมายเหตุ
ที่อยู่ผู้ส่งSender block	`15 , 8 มม.`	`กว้าง 95 มม.`	ใต้โลโก้ ชิดซ้ายบน
พื้นที่ว่างมุมติดแสตมป์ (กริดภายใน)Postage clearance (internal grid)	`146 , 0 มม.`	`74 × 40 มม.`	ต้องว่างเปล่า ห้ามมีอะไรล้ำเข้าไป
ที่อยู่ผู้รับRecipient address	`45 , 48 มม.`	`125 × 42 มม.`	พอสำหรับที่อยู่ไทย 5 บรรทัด
พื้นที่ว่างขอบล่าง (กริดภายใน)Lower clearance (internal grid)	`0 , 95 มม.`	`220 × 15 มม.`	ขอบล่างทั้งแถบ ต้องว่างเปล่า

ทำไมบล็อกที่อยู่สูง 42 มม.Why the address block is 42 mm high

ที่อยู่ไทยหนึ่งชุดใช้ 4–5 บรรทัด — ชื่อผู้รับ / เลขที่และถนน / แขวงหรือตำบล / เขตหรืออำเภอและจังหวัด / รหัสไปรษณีย์ ที่ 10 pt ระยะบรรทัด 1.35 เนื้อหากินความสูงราว 24–26 มม. พื้นที่ 42 มม. จึงเหลือระยะหายใจและรองรับการเขียนด้วยมือ ตำแหน่ง 48 มม. จากขอบบนเป็นค่าภายในที่ต้องยืนยันด้วยตัวอย่างฝากส่งจริงA Thai address commonly needs four to five lines: recipient; street; subdistrict; district and province; then postcode. At 10 pt with 1.35 line-height, that uses roughly 24–26 mm. A 42 mm block leaves breathing room and still supports handwriting. The 48 mm top position is an internal working value that must be confirmed with a live postal sample.

ข้อผิดพลาดที่พบบ่อยCommon production failures

วางที่อยู่ต่ำเกินไป — ผู้รับฝากหรือระบบประมวลผลอาจต้องติดฉลากทับAddress too low—the carrier or processing system may need to cover it with a label.
ชิดขวาเกินไป — บล็อกที่อยู่ต้องจบก่อนแถบชมพูและเหลือพื้นที่ว่างรอบข้อความAddress too far right—the block must end before the pink rail and retain clear space around the text.
ล้ำมุมติดแสตมป์ — มุมขวาบนต้องว่างจากสี โลโก้ และข้อความInvading the postage corner—keep the top-right clear of colour, marks and copy.
พิมพ์ไกด์ลงบนงานจริง — กรอบเขต เส้นวัด และชื่อโซนอยู่เฉพาะไฟล์ตรวจงาน ไม่อยู่ใน PDF ส่งผลิตPrinting the guides—zone frames, measurements and labels belong only in the review file, never in the production PDF.

ลายเซ็นอีเมล

ลายเซ็นอีเมล หนึ่งแบบ ทั้งองค์กร

ลายเซ็นอีเมลเป็นจุดที่หลุดจากระบบบ่อยที่สุด เพราะทุกคนแก้เองได้ แบบเดียวที่อนุญาตคือแบบด้านล่าง — ไม่มีรูปถ่าย ไม่มีคำคม ไม่มีข้อความ “คิดก่อนพิมพ์เพื่อสิ่งแวดล้อม” และไม่มีโลโก้ของงานอีเวนต์ใดๆ

สร

สุชาติ รุ่งเรือง ผู้จัดการสาขาปากเกร็ด 02-857-8888 · www.turbo.co.th
บริษัท เงินเทอร์โบ จำกัด (มหาชน)

ตัวอักษร

ตั้งเป็น Arial หรือ Helvetica ในโค้ดอีเมล เพราะโปรแกรมอ่านอีเมล ส่วนใหญ่ไม่โหลดฟอนต์ของเรา และการปล่อยให้ตกไปเป็นฟอนต์อะไรก็ได้ ทำให้ลายเซ็นดูต่างกันทุกเครื่อง

สี

ชื่อใช้ #0D3973 ตำแหน่งใช้ #FA4786 และเส้นคั่นใช้ไล่เฉด ไม่ใช้สีอื่นแม้ในช่วงเทศกาล

ขนาดไฟล์

โลโก้ในลายเซ็นต้องเป็นไฟล์ PNG ความกว้างไม่เกิน 280 px และไม่เกิน 20 KB เพื่อไม่ให้อีเมลถูกตัดท้ายในบางโปรแกรม

เปิดแม่แบบลายเซ็นอีเมล

Open email-signature template

เปิดแม่แบบโซเชียล 1080 × 1080

Open 1080 × 1080 social template

บทที่ 13

งานพิมพ์และสี CMYK

หน้าจอเปล่งแสง กระดาษสะท้อนแสง สีสองระบบนี้จึงไม่มีวันตรงกันเป๊ะ บทนี้บอกสามอย่าง — ค่าที่ส่งโรงพิมพ์ สิ่งที่จะเพี้ยนแน่ๆ และขั้นตอนที่ต้องทำก่อนอนุมัติงาน ไม่มีค่าใดในบทนี้ที่ใช้ได้โดยไม่ปรู๊ฟ

ข้อกำหนดใหม่

PANTONE 294 C หนึ่ง hue — ล็อก 100% สำหรับเครื่องหมาย และ 95% สำหรับข้อความ

โลโก้และกราฟิกทึบที่อนุมัติใช้ PANTONE 294 C ที่ 100% ส่วนข้อความและข้อมูลสีน้ำเงินบนกระดาษขาวใช้ spot swatch เดียวกันที่ Tint 95% ซึ่งตรงกับค่าหน้าจอ #0D3973 ทั้งหมดเป็นน้ำเงิน hue เดียว ไม่ใช่สองสีน้ำเงิน และห้ามซ้อนกระบวนการ: อย่านำ #0D3973 ไปตั้ง opacity 95% อีกครั้ง และอย่าแปลง spot เป็น CMYK ก่อนส่งโรงพิมพ์ งานทุกชิ้นต้องมีแผ่น drawdown หรือ press proof บนวัสดุจริงก่อนอนุมัติ

โลโก้และกราฟิกทึบ · PANTONE 294 C

สีทึบ #002F6CSpot 294 C · 100%

ใช้ 100% กับโลโก้ fascia และพื้นที่กราฟิกทึบเท่านั้น ไม่ใช้เป็นตัวอักษรบนพื้นขาว

ตัวอักษรบนหน้าจอ · #0D3973

บริษัทฯ ขอเรียนให้ทราบว่า ณ ไตรมาสที่ผ่านมา บริษัทฯ ได้ขยายเครือข่ายสาขา ครบ 54 จังหวัดทั่วประเทศ รวมกว่า 1,000 สาขา ซึ่งเป็นไปตามแผนการขยายธุรกิจ ที่ได้แจ้งไว้ในรายงานประจำปี

บนพื้นขาว 11.35:1RGB 26 · 68 · 123

ใช้ค่านี้ตรงๆ ใน RGB, HEX และ UI token ทุกชิ้น ไม่ลด opacity ซ้ำ

ตัวอักษรในงานพิมพ์ · PANTONE 294 C ที่ 95%

บริษัทฯ ขอเรียนให้ทราบว่า ณ ไตรมาสที่ผ่านมา บริษัทฯ ได้ขยายเครือข่ายสาขา ครบ 54 จังหวัดทั่วประเทศ รวมกว่า 1,000 สาขา ซึ่งเป็นไปตามแผนการขยายธุรกิจ ที่ได้แจ้งไว้ในรายงานประจำปี

บนพื้นขาว 11.35:1Spot 294 C · 95%

ตั้ง spot tint เป็น 95% บนกระดาษขาว แล้วปรู๊ฟบนวัสดุจริง ห้ามใช้ #0D3973 แล้วลด opacity อีก 95% เพราะจะซีดสองครั้ง

ค่าที่ส่งโรงพิมพ์

ตารางค่าสีสำหรับงานพิมพ์

คอลัมน์ CMYK คือการแปลงทางคณิตศาสตร์จาก RGB ใช้เฉพาะงานสี่สีที่หลีกเลี่ยงไม่ได้ ไม่ใช่สูตรทดแทน PANTONE 294 C ที่ 95% และยังไม่ใช่ค่าที่อนุมัติจนกว่าจะปรู๊ฟ คอลัมน์สุดท้ายคือหมึกรวมทั้งสี่แม่พิมพ์ — กระดาษเคลือบมักคุมไว้ต่ำกว่า 300% และกระดาษไม่เคลือบต่ำกว่า 260% ค่าสูงสุดในระบบนี้คือ 214% จึงยังอยู่ในเกณฑ์ทั้งสองแบบ

Token	HEX	RGB	C · M · Y · K	หมึกรวม
`pink-213C-hover`	`#CD3A6E`	205 58 110	0 · 72 · 46 · 20	138%
`pink-213C-1000`Pantone 213 C	`#FA4786`	250 71 134	0 · 72 · 46 · 2	120%
`pink-213C-940`	`#FA528D`	250 82 141	0 · 67 · 44 · 2	113%
`pink-213C-500`	`#FDA3C3`	253 163 195	0 · 36 · 23 · 1	60%
`pink-213C-140`	`#FEE5EE`	254 229 238	0 · 10 · 6 · 0	16%
`pink-213C-60`	`#FFF4F8`	255 244 248	0 · 4 · 3 · 0	7%
`blue-294C-1000`Pantone 294 C · 100%	`#002F6C`	0 47 108	100 · 56 · 0 · 58	214%
`blue-294C-950`Pantone 294 C · 95%	`#0D3973`	13 57 115	89 · 50 · 0 · 55	194%
`blue-294C-880`	`#1F487E`	31 72 126	75 · 43 · 0 · 51	169%
`blue-294C-820`	`#2E5486`	46 84 134	66 · 37 · 0 · 47	150%
`blue-294C-700`	`#4D6D98`	77 109 152	49 · 28 · 0 · 40	117%
`blue-294C-140`	`#DBE2EA`	219 226 234	6 · 3 · 0 · 8	17%
`blue-294C-40`	`#F5F7F9`	245 247 249	2 · 1 · 0 · 2	5%

สองสีที่จะเพี้ยนแน่นอน

ชมพูมาสเตอร์ อยู่นอกขอบเขตสีที่ CMYK ทำได้ เมื่อพิมพ์สี่สีจะได้ชมพูที่หม่นลงและอมส้มขึ้น เพราะแม่พิมพ์เหลืองต้องช่วยงาน ถ้าชิ้นงานนั้นคือหน้าตาของแบรนด์ — ป้ายสาขา นามบัตร ปกรายงาน — ให้สั่งเป็นสีพิเศษ (spot) อย่าพิมพ์สี่สี
น้ำเงินมาสเตอร์ ในงานสี่สีอาจเข้มหรือหม่นต่างกันตาม profile เครื่อง กระดาษ และการเคลือบ ให้ใช้ค่าในตารางเป็นจุดตั้งต้นแล้วปรับจาก contract proof เท่านั้น ห้ามแก้ด้วย opacity

สีพิเศษ

PANTONE 294 C — สูตรส่งโรงพิมพ์ที่แยกตามหน้าที่

ใช้ PANTONE 294 C ที่ Tint 100% กับโลโก้ เครื่องหมาย และกราฟิกทึบที่ล็อกไว้ และใช้ Tint 95% กับข้อความและข้อมูลสีน้ำเงินบนกระดาษขาวเคลือบ โดยยังต้องเทียบเล่มสีรุ่นปัจจุบันและปรู๊ฟใต้แสง D50 เพราะอายุเล่มสี วัสดุ การเคลือบ และเครื่องพิมพ์เปลี่ยนผลจริงได้ ชื่อ swatch ในไฟล์ต้องเป็น spot และค่าความโปร่งใสของวัตถุต้องเป็น 100% เสมอ

ชมพูมาสเตอร์

ผู้สมัคร: Pantone 213 C · กลุ่มที่ต้องเทียบ 1915 C – 213 C – 219 C
ใช้เป็นสีพิเศษกับ ป้ายสาขา นามบัตร ปกรายงาน ถุงผ้า และงานที่พิมพ์ซ้ำจำนวนมาก

น้ำเงินหนึ่ง spot สองหน้าที่

100% เครื่องหมาย/กราฟิกทึบ · 95% ข้อความ/ข้อมูล บนกระดาษขาวเคลือบ
เปิด Overprint Fill/Stroke เป็น Off สำหรับโลโก้และตัวอักษร เว้นแต่ช่าง prepress ระบุเป็นลายลวงตัดโดยตั้งใจ

กระดาษไม่เคลือบ

ใช้ไลบรารี PANTONE Solid Uncoated เป็น reference และยังคงเป้าหมายสีเดิม ห้ามเดาว่า “เข้มขึ้นหนึ่งเบอร์” เพราะกระดาษแต่ละชนิดดูดหมึกไม่เท่ากัน ให้โรงพิมพ์ทำ drawdown ที่ 90/95/100% บนกระดาษจริง แล้วอนุมัติ 95% หรือค่าชดเชยเฉพาะงาน

ก่อนอนุมัติ

หกข้อ ก่อนปล่อยงานเข้าแท่น

ไฟล์อยู่ในโหมด CMYK หรือ Spot แล้วหรือยัง ไฟล์ RGB ที่ส่งเข้าแท่นจะถูกแปลงโดยเครื่อง ซึ่งเราไม่ได้เลือกวิธีแปลง

น้ำเงินแยกหน้าที่ 100% / 95% ถูกต้องแล้วหรือยัง เครื่องหมาย 100% · ข้อความ 95% · วัตถุ opacity 100% · overprint ปิด · ไม่ลด 95% ซ้ำ

ตัวอักษรสีขาวบนพื้นชมพู หนาพอไหม ตัวบางบนพื้นทึบจะถูกหมึกกินขอบจนขาด ใช้น้ำหนัก 600 ขึ้นไปเสมอ และไม่เล็กกว่า 8 pt

ระยะตัดตกและระยะปลอดภัยครบไหม ตัดตก 3 มม. ทุกด้าน และเนื้อหาสำคัญห่างจากขอบตัดอย่างน้อย 5 มม.

โลโก้เป็นเวกเตอร์ ไม่ใช่ภาพแบบพิกเซล โลโก้ที่ฝังมาเป็น PNG จะเห็นขอบหยักทันทีที่พิมพ์ใหญ่กว่า 40 มม.

ปรู๊ฟบนกระดาษจริงแล้วหรือยัง ปรู๊ฟดิจิทัลบอกเลย์เอาต์ได้ แต่บอกสีไม่ได้ งานที่ใช้สีแบรนด์เป็นตัวเอกต้องปรู๊ฟบนแท่นจริง

วัสดุ

กระดาษที่ใช้ และเหตุผล

งาน	วัสดุ	น้ำหนัก	หมายเหตุ
นามบัตร	อาร์ตการ์ดด้าน เคลือบด้าน	300 – 350 แกรม	เคลือบด้านทำให้ชมพูดูลึกขึ้น เคลือบเงาทำให้สะท้อนจนอ่านชื่อยาก
หัวจดหมาย	ปอนด์ขาว ไม่เคลือบ	80 – 100 แกรม	ต้องเขียนทับด้วยปากกาได้ และผ่านเครื่องพิมพ์เลเซอร์ของสาขาได้
ซองจดหมาย	ปอนด์ขาว	100 – 120 แกรม	แถบชมพูที่ขอบขวาพิมพ์ตัดตก จึงต้องเผื่อ 3 มม.
ใบปลิวและแผ่นพับ	อาร์ตมัน เคลือบด้าน	130 – 157 แกรม	บางกว่านี้จะเห็นหมึกทะลุหลัง เมื่อพิมพ์พื้นชมพูเต็มหน้า
ปกรายงานประจำปี	อาร์ตการ์ด เคลือบด้าน + สปอตยูวีเฉพาะโลโก้	260 – 300 แกรม	สปอตยูวีใช้กับโลโก้เท่านั้น ห้ามเคลือบเงาทับตัวอักษร
ป้ายหน้าสาขา	อะคริลิกพิมพ์ยูวี หรือไวนิลติดอลูมิเนียมคอมโพสิต	—	สั่งเป็นสีพิเศษเสมอ และตรวจสีกลางแดดจริง ไม่ใช่ในร่ม

บทที่ 14

เอกสารสำนักงาน

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

ใบเสร็จและใบแจ้งหนี้

ตัวเลขต้องเรียงตรงกันทุกแถว

ทุกคอลัมน์ที่เป็นจำนวนเงินตั้งด้วย tabular-nums และชิดขวา หัวตารางเป็นชมพูอ่อนกับตัวอักษรชมพูเข้ม ไม่ใช้พื้นเข้มกับตัวอักษรขาว เพราะเครื่องพิมพ์ในสาขาจะทำให้ตัวอักษรขาวจมหายไป

ใบเสร็จรับเงินเอกสารออกโดยระบบ · A4

เลขที่ RC-2569-004182 วันที่ 23 สิงหาคม 2569
สาขาปากเกร็ด นนทบุรี

รายการ	งวดที่	เงินต้น	ดอกเบี้ย	รวม
ค่างวดสินเชื่อทะเบียนรถจักรยานยนต์	12 / 24	834.00	136.00	970.00
ค่าธรรมเนียมการชำระผ่านเคาน์เตอร์	—	—	—	10.00
รวมทั้งสิ้น				980.00

กู้เท่าที่จำเป็นและชำระคืนไหว เงื่อนไขและการพิจารณาสินเชื่อเป็นไปตามที่บริษัทฯ กำหนด · สอบถาม 02-857-8888 · ร้องเรียน 02-857-8890

ข้อความตามกฎหมาย

อยู่ใต้ตารางบนพื้นขาวเสมอ ขนาดเล็กสุดของระบบ และห้ามย่อให้เล็กกว่านั้นเพื่อให้เอกสารพอดีหน้าเดียว ถ้าไม่พอ ให้ขึ้นหน้าใหม่

เบอร์ร้องเรียน

ต้องปรากฏบนเอกสารทุกฉบับที่เกี่ยวกับเงิน และต้องมีขนาดเท่ากับเบอร์สอบถาม ไม่เล็กกว่า

ลายเซ็นและตราประทับ

พื้นที่ลายเซ็นเว้นไว้อย่างน้อย 25 มม. ตราประทับใช้โลโก้ฉบับสีเดียว — ดูโหมดสีเดียวในบทที่ 04

ตารางในสเปรดชีต

ตารางข้อมูล และตารางผ่อนชำระ

ตารางที่ใช้ภายในและตารางที่ส่งให้ลูกค้าใช้สไตล์เดียวกัน หัวตารางเป็นไล่เฉดชมพูกับตัวอักษรขาว แถวสลับใช้ pink-213C-60 ไม่ใช้เส้นกรอบครบทุกช่อง เพราะเส้นแนวตั้งทำให้ตาสะดุด

งวดที่	วันครบกำหนด	ค่างวด	เงินต้น	ดอกเบี้ย	คงเหลือ
10	5 ก.ค. 2569	970	834	136	12,180
11	5 ส.ค. 2569	970	840	130	11,340
12	5 ก.ย. 2569	970	846	124	10,494
13	5 ต.ค. 2569	970	852	118	9,642

ตัวเลขทุกคอลัมน์ชิดขวาและตั้งด้วย tabular-nums หลักพันใส่เครื่องหมายจุลภาค และไม่ใส่ทศนิยมเมื่อเป็นจำนวนเต็มบาท

แม่แบบที่ต้องมี

แปดแม่แบบ ที่ทุกฝ่ายใช้ร่วมกัน

แม่แบบเหล่านี้ต้องมีอยู่จริงในระบบไฟล์กลาง ไม่ใช่ให้แต่ละฝ่ายสร้างเอง เพราะแม่แบบที่หาไม่เจอ คือแม่แบบที่ไม่มีอยู่

บันทึกข้อความ

หัวจดหมาย A4 พร้อมช่อง เรียน / จาก / เรื่อง / วันที่

ใบเสนอราคา

ตารางรายการพร้อมช่องส่วนลดและภาษี

สัญญาสินเชื่อ

Sarabun ทั้งฉบับ เพราะยาวหลายหน้า เว้นขอบซ้าย 25 มม. สำหรับเข้าเล่ม

ปกรายงาน

ไล่เฉดประจำแบรนด์ หรือภาพถ่ายที่เคลือบไล่เฉดชมพู

ตารางผ่อนชำระ

สไตล์ตารางด้านบน พร้อมสรุปยอดรวมท้ายตาราง

ใบลาและใบเบิก

โหมดสีเดียว เพราะพิมพ์ด้วยเครื่องพิมพ์ขาวดำที่สาขา

ประกาศภายใน

หัวเรื่องชมพูขนาดใหญ่ เนื้อหาไม่เกินหนึ่งหน้า

ป้ายชื่อโต๊ะประชุม

พับสามทบ ชื่อสูง 24 มม. อ่านได้จากอีกฝั่งของโต๊ะ

บทที่ 15

สาขาและงานภาคสนาม

สาขาคือจุดที่แบรนด์นี้เกิดขึ้นจริง กว่า 1,000 สาขา ทั่วประเทศ หมายความว่าอัตลักษณ์ต้องทำซ้ำได้ด้วยช่างป้ายท้องถิ่น ด้วยเครื่องพิมพ์ที่ไม่ได้คาลิเบรต และด้วยงบที่จำกัด กฎในบทนี้จึงเรียบง่ายจนทำตามผิดได้ยาก

หน้าร้าน

มาสเตอร์ fascia เดียว เบอร์โทรตัวใหญ่

ป้ายหน้าสาขาใช้ไฟล์ logo-turbo.svg ทั้งชิ้นวางชิดซ้ายบนพื้นชมพูมาสเตอร์ เบอร์โทรอยู่ขวา และไม่มีอย่างอื่นบนป้ายหลักอีก ห้ามวาดเส้นน้ำเงินใหม่หรือเปลี่ยนเป็นชมพู โลโก้สูงอย่างน้อย หนึ่งในห้าของความสูงป้าย เพื่อให้อ่านได้จากอีกฝั่งถนน

02-857-8888

กว่า 1,000 สาขา ทั่วประเทศใน 54 จังหวัด · เปิด จันทร์ – ศุกร์ 08:30 – 17:00 น.

ใช้รถได้ตามปกติ จำนำทะเบียนรถจักรยานยนต์ รถยนต์ รถกระบะ รถแทรกเตอร์ และโฉนดที่ดิน โดยไม่ต้องนำรถมาจอด

เอกสารไม่ยุ่งยากStraightforward documents

เตรียมบัตรประชาชนและเอกสารของทรัพย์สินที่ใช้สมัคร เจ้าหน้าที่ช่วยตรวจและแจ้งขั้นตอนให้ครบ

Bring your identification and the documents for the asset used in the application. Staff will check them and explain every step.

ป้ายหลัก

fascia มาสเตอร์ พื้นชมพู เบอร์โทร ห้ามใส่ข้อความโปรโมชันบนป้ายหลัก เพราะโปรโมชันเปลี่ยนทุกไตรมาส แต่ป้ายอยู่หลายปี

สติกเกอร์กระจก

พื้นขาวทึบเสมอ ไม่ใช้สติกเกอร์ใส เพราะแสงจากด้านหลัง ทำให้ตัวอักษรอ่านไม่ออก และค่าคอนทราสต์ที่วัดไว้ทั้งหมดใช้ไม่ได้

ไฟส่องป้าย

ใช้ไฟขาวอุณหภูมิสี 4000K ไฟเหลืองทำให้ชมพูของแบรนด์ เพี้ยนไปทางส้ม ซึ่งเป็นเฉดที่ไม่มีในระบบ

ในสาขา

ป้ายตั้งพื้น สี่แบบ

แบบพื้นชมพูใช้เมื่อวางอยู่หน้าสาขาหรือกลางแดด เพราะเห็นได้ไกล แบบพื้นขาวใช้เมื่อวางในสาขาซึ่งผนังเป็นสีอ่อนอยู่แล้ว และป้ายที่มีเงื่อนไขหรือราคาต้องเป็นแบบพื้นขาวเท่านั้น ทุกแบบยึดโลโก้ที่มุมบนซ้าย ห่างขอบบนและซ้าย 8% สูง 15% ของความกว้างป้าย โลโก้ไม่ไหลลงตามตำแหน่งของภาพหรือบล็อกข้อความUse the pink-ground version outside the branch or in bright daylight for long-range visibility. Use white inside light-coloured branches, and any standee containing price or conditions must use the white version. Every version anchors the mark at the top left, 8% from both edges and 15% of the standee width high. The mark never moves down with the photograph or copy block.

รู้ผลไว
รับเงินในวัน

Know quickly
Funds the same day

ใช้เล่มทะเบียนรถเป็นหลักประกันUse the vehicle registration as collateral

สอบถามที่เคาน์เตอร์

พื้นชมพู · หน้าสาขา กลางแดด

ค่างวด
เริ่มต้น 970 บาท

วงเงิน 20,000 บาท ผ่อน 24 งวด อัตราดอกเบี้ย 0.68% ต่อเดือน กู้เท่าที่จำเป็นและชำระคืนไหว เงื่อนไขเป็นไปตามที่บริษัทฯ กำหนด

คำนวณค่างวดของคุณ

พื้นขาว · มีตัวเลขและเงื่อนไข

อาชีพอิสระ
ก็กู้ได้

ใช้เล่มทะเบียนรถเป็นหลักประกัน

สอบถามที่เคาน์เตอร์

พื้นชมพู + ภาพ · ภาพเคลือบไล่เฉดชมพู ตัวอักษรอยู่ในส่วนที่ทึบแล้ว

คุยกับเจ้าหน้าที่
ที่สาขาได้เลย

ไม่ต้องนัดล่วงหน้า

ค้นหาสาขาใกล้คุณ

ภาพสีจริง · เคลือบชมพูบาง ใช้เมื่อต้องเห็นสีหน้าคนชัด

บัตรพนักงานและป้ายในสาขา

บัตรพนักงาน — ชื่อต้องอ่านได้จากอีกฝั่งเคาน์เตอร์

บัตรพนักงานเป็นสิ่งที่ลูกค้าเพ่งมองที่สุดในสาขา เพราะเขากำลังตรวจว่า คนตรงหน้าเป็นเจ้าหน้าที่จริงไหม ชื่อจึงต้องใหญ่พอที่จะอ่านได้จากระยะหนึ่งเมตร และโลโก้ต้องใหญ่พอที่จะจำได้ทันที ไม่ใช่ตราเล็กๆ ที่มุมบัตร

STAFF

สุชาติ รุ่งเรือง ผู้จัดการสาขา สาขาปากเกร็ด · นนทบุรี EMP 04182ตรวจสอบที่ turbo.co.th

ด้านหน้า พร้อมสายคล้องคอ · โลโก้อยู่มุมบนซ้ายของแถบชมพู ไม่ใช่กึ่งกลาง ตามกฎการวางโลโก้ในบทที่ 02 · รูปถ่ายเริ่มที่ 20 มม. ต่ำกว่าโลโก้ 6 มม. จึงไม่มีทางทับกัน · ชื่ออยู่กึ่งกลาง และแถบล่างมีรหัสพนักงานคู่กับช่องทางตรวจสอบ

STAFF

เส้นระยะปลอดภัย · เส้นประคือขอบเขตที่ตัวอักษรห้ามล้ำออกไป เว้นจากขอบตัด 4 มม. ทุกด้าน และไฟล์ต้องมีระยะตัดตกอีก 3 มม. บัตรที่พิมพ์ตกขอบเกือบทั้งหมดเกิดจากไฟล์ที่ไม่มีสองระยะนี้

ขนาดที่กำหนด

บัตร 54 × 86 มม. แนวตั้ง มุมโค้ง 3 มม.
ระยะตัดตก 3 มม. · ระยะปลอดภัย 4 มม.
แถบชมพูสูง 26 มม. เต็มความกว้าง พิมพ์ตัดตก
โลโก้สูง 6 มม. ชิดซ้าย 4 มม. จากขอบ · ขอบบนอยู่ที่ 8 มม.
รูปถ่ายทรงกลม 34 มม. ขอบบนอยู่ที่ 20 มม. คร่อมขอบล่างของแถบลงมา 6 มม.
ชื่อ 16 pt · ตำแหน่ง 9.5 pt · สาขา 8 pt
ช่องร้อยสายอยู่กึ่งกลาง ห่างจากขอบบน 4 มม.

ป้ายคิว

ตัวเลขคิวสูงอย่างน้อย 80 มม. ตั้งด้วย FC Iconic 700 บนพื้นขาว ตัวเลขเป็นชมพู เพราะตัวเลขที่ความสูงนี้เกินเกณฑ์ตัวใหญ่ไปมาก

ป้ายบอกทางในสาขา

ใช้ลูกศรเส้นเดียวกับชุดไอคอน ความหนา 1.6 ที่ขยายตามสัดส่วน ตัวอักษรเป็น blue-294C-880 บนพื้นขาว ไม่ใช้ชมพูเพราะป้ายบอกทาง ต้องอ่านเร็วกว่าจะสวย

เครื่องแบบUniform

สามแบบ สามหน้าที่ ไม่ต้องชมพูทั้งตัวทุกแบบThree garments, three jobs—not three all-pink outfits

โปโลหน้าสาขาเป็นชิ้นเดียวที่ใช้ชมพูเต็มตัว ส่วนเสื้อภาคสนามและแจ็กเก็ตใช้สีงาช้างหรือสีหินร่วมกับพื้นที่ชมพูที่มองเห็นได้ชัด โลโก้อยู่ที่อกซ้าย กว้าง 58–62 มม. และเว้นอย่างน้อย 1X จากตะเข็บ ซิป และขอบกระเป๋า ทุกชุดต้องมีชมพู แต่ไม่จำเป็นต้องเป็นก้อนชมพูทั้งตัว และห้ามผลิตเวอร์ชันน้ำเงินล้วนThe front-of-branch polo is the only fully pink garment. Field shirts and jackets combine ivory or stone with a clearly visible pink zone. The mark stays on the left chest at 58–62 mm wide, at least 1X from seams, zips and pocket edges. Every uniform carries pink, but not every uniform is a solid pink block; a blue-only version is prohibited.

เสื้อโปโลชมพู · พนักงานหน้าสาขาPink polo · branch staff

ผ้า pique ด้าน ระบายอากาศ ทรงตรงไม่รัดรูป · ปักโลโก้ขาวกว้าง 62 มม. ที่อกซ้าย

Matte breathable pique in a straight, non-restrictive fit; 62 mm white embroidery on the left chest

โอเวอร์เชิ้ตงาช้าง · เจ้าหน้าที่ภาคสนามIvory overshirt · field staff

ผ้า twill บาง แขนพับติดแถบได้ กระเป๋าปิดมิดชิด · แพตช์ทอมุมโค้งเล็ก เย็บตามระนาบกระเป๋า โลโก้กว้าง 62 มม.

Light twill with secured roll sleeves and closed pockets; a small-radius woven patch follows the pocket plane with a 62 mm mark

แจ็กเก็ตสนามสีหิน + แผงชมพู · เดินทาง ฝน และอีเวนต์Stone field jacket + pink panels · travel, rain and events

ผิวด้าน กันละอองน้ำ ซิปซ่อน ไม่มีทรงทหาร · แพตช์ชมพูโลโก้ขาวกว้าง 58–62 มม. แผงชมพูอยู่เฉพาะบ่าและด้านในคอ ห้ามผลิตแจ็กเก็ตน้ำเงินล้วน

Matte, water-shedding shell with concealed zip and no military styling; 58–62 mm white mark on a pink patch, with pink limited to the yoke and inner collar; never make a blue-only jacket

แบบ / งานGarment / job	สเปกตั้งต้นก่อนทำตัวอย่างStarting specification before sampling	การใช้ชมพูและโลโก้Pink and mark execution
โปโล · หน้าสาขาPolo · branch counter	pique ผิวด้าน 180–200 gsm แห้งไว ไม่โปร่งเมื่อเปียกเหงื่อ ทรงตรงหรือทรงผ่อนคลาย180–200 gsm matte, quick-dry pique; opaque when damp; straight or relaxed fit	ตัวเสื้อชมพู ปักโลโก้ขาวกว้าง 62 มม. อกซ้าย ห้ามให้แผ่นรองปักเห็นจากด้านนอกPink body; 62 mm white chest embroidery; backing must not show through
โอเวอร์เชิ้ต · ภาคสนามOvershirt · field visits	light twill ผิวด้าน 150–180 gsm แขนพับยึดได้ กระเป๋าปิด และเคลื่อนไหวไหล่ได้เต็มช่วง150–180 gsm matte light twill; secured roll sleeves, closed pockets and full shoulder movement	ตัวเสื้องาช้าง แพตช์ทอชมพูมุมโค้งเล็ก โลโก้ขาวกว้าง 62 มม. เย็บขนานแนวกระเป๋าIvory body; small-radius pink woven patch with a 62 mm white mark, sewn parallel to the pocket
แจ็กเก็ต · เดินทาง/ฝนJacket · travel/rain	shell ผิวด้าน 110–140 gsm ซับ mesh ระบายอากาศ กันละอองน้ำ ซิปไม่สะท้อนแสง และไม่มีรายละเอียดทรงทหาร110–140 gsm matte shell with breathable mesh lining, water-shedding finish, non-reflective zip and no military styling	ตัวสีหิน แผงบ่าและด้านในคอเป็นชมพู แพตช์ชมพูโลโก้ขาวกว้าง 58–62 มม.Stone body; pink shoulder yoke and inner collar; pink patch carrying a 58–62 mm white mark

ทรงและช่วงขนาดFit and size range

เสนอ 2XS–4XL และให้เลือกทรงตามงานกับความสบาย ไม่ใช้ “ผู้หญิงเข้ารูป” เป็นค่าเริ่มต้น ทดสอบอย่างน้อยสามช่วงตัวและท่าก้ม ยกแขน ขี่รถ และนั่งเคาน์เตอร์Offer 2XS–4XL and let staff choose by task and comfort; never default to “women’s fitted”. Fit-test at least three body ranges while bending, reaching, riding and sitting at a counter.

สีและอากาศไทยColour and Thai climate

อนุมัติ lab dip เทียบตัวอย่างชมพูจริงภายใต้ D50 และไฟ 4000K; เกณฑ์ตั้งต้น ΔE00 ≤ 2.0 ก่อนซัก และ ≤ 3.0 หลังซัก 10 รอบ พร้อมทดสอบความทึบเมื่อชื้นApprove a lab dip against the physical pink master under D50 and 4000K light; starting tolerance ΔE00 ≤ 2.0 before washing and ≤ 3.0 after 10 wash cycles, plus damp-opacity testing.

ตัวอย่างปักและแพตช์Embroidery and patch sample

ส่ง sew-out ขนาดจริงก่อนขึ้นเสื้อ ตัวอักษรต้องไม่ตัน ผ้าไม่ย่น เส้นฐานขนานกับแพตช์ และระยะปลอดภัยภายในแพตช์ไม่น้อยกว่า 0.5XSubmit an actual-size sew-out before garment production. Letter counters stay open, fabric does not pucker, the baseline remains level, and internal patch clearspace is at least 0.5X.

ลำดับอนุมัติก่อนสั่งล็อตApproval sequence before bulk order

1 lab dip → 2 sew-out/patch → 3 prototype ครบไซซ์หลัก → 4 fit & movement test → 5 ซัก 10 รอบ → 6 sealed sample ค่าน้ำหนักผ้าและ tolerance ข้างต้นเป็นสเปกตั้งต้น ไม่ใช่แนวคิดแบรนด์ โรงงานเปลี่ยนได้เมื่อมีเหตุผลด้านการใช้งานและตัวอย่างจริงที่เจ้าของงานอนุมัติเป็นลายลักษณ์อักษร1 lab dip → 2 sew-out/patch → 3 key-size prototypes → 4 fit and movement test → 5 ten wash cycles → 6 sealed sample. Fabric weights and tolerances above are starting production specifications, not brand strategy. A supplier may change them only for a functional reason supported by a physical sample and written approval.

การใช้งานบนสิ่งของObject applications

ต้องเห็นรูปสินค้าและอ่านโลโก้ออกก่อนสั่งทำตัวอย่างSee the object and read the mark before sampling

ภาพด้านล่างเป็นแบบด้านหน้าสำหรับตรวจตำแหน่งสีและโลโก้ของชิ้นงาน 5 ประเภทที่มีสเปกอยู่ในตารางเท่านั้น ไม่ใช่ภาพสินค้าเสมือนจริง ไม่ใช่รายการของแจกถาวร และไม่อนุมัติสินค้าใหม่แทนเจ้าของแบรนด์ โลโก้ทุกชิ้นมาจากไฟล์เวกเตอร์ที่อนุมัติและต้องแสดงเต็มคำโดยไม่ตัด ไม่คร่อมรอยต่อ และไม่หายไปบนพื้นขาวThe front views below check colour and mark placement only for the five objects specified in the table. They are not photorealistic product images, not a permanent merchandise programme, and do not approve new items on behalf of the brand owner. Every mark comes from the approved vector and must remain complete—never cropped, split by a seam or lost on a white surface.

ภาพด้านหน้า · ตำแหน่งงานพิมพ์

Front view · artwork position

ร่มUmbrella

ชมพู–ขาวสลับช่อง โลโก้ขาวสองด้านตรงข้าม ขนาด 120–160 มม.

Alternating pink and white panels; 120–160 mm white mark on two opposing panels

ภาพด้านหน้า · ตำแหน่งงานพิมพ์

Front view · artwork position

ถุงผ้าTote

ผ้างาช้าง หูชมพู แผงล่างชมพู 28–35% · โลโก้ขาวกว้าง 90–110 มม.

Ivory body, pink handles and a 28–35% pink lower panel; 90–110 mm white mark

ภาพด้านหน้า · ตำแหน่งงานพิมพ์

Front view · artwork position

หมวกCap

คราวน์สีหิน แผงหน้าและปีกชมพู · ปักขาวกว้าง 64–70 มม.

Stone crown with pink front panel and brim; 64–70 mm white embroidery

ภาพด้านหน้า · ตำแหน่งงานพิมพ์

Front view · artwork position

กระบอกน้ำBottle

ตัวขาว ฝาและฐานชมพู แถบชมพูหนึ่งแถบ · โลโก้ขาวกว้าง 38–46 มม.

White body, pink lid and base, one pink band; 38–46 mm white mark

ภาพด้านหน้า · ตำแหน่งงานพิมพ์

Front view · artwork position

ปากกาPen

ด้ามขาว กลไกชมพู · โลโก้ชมพูสีเดียวกว้าง 18–24 มม.

White barrel, pink mechanism; 18–24 mm one-colour pink mark

ชิ้นงานItem	สัดส่วน/ขนาดตั้งต้นStarting proportion/size	จุดตรวจตัวอย่างSample checkpoint
ร่มUmbrella	ชมพู–ขาวสลับช่อง โลโก้ขาว 120–160 มม. บนสองช่องตรงข้ามAlternating pink/white panels; 120–160 mm white mark on two opposing panels	กางเต็มแล้วโลโก้ไม่ข้ามตะเข็บ ไม่กลับหัว และอ่านได้ทั้งสองทิศAt full open, the mark never crosses a seam, flips, or becomes unreadable from either direction
ถุงผ้าTote	แผงชมพู 28–35% โลโก้ขาวกว้าง 90–110 มม. อยู่กึ่งกลางแผง28–35% pink panel; centred 90–110 mm white mark	ใส่น้ำหนัก 5 กก. แล้วผ้าไม่ย่นทับโลโก้ สีไม่ตกใส่ตัวงาช้างUnder a 5 kg load the mark stays legible and pink does not bleed into ivory
หมวกCap	แผงหน้าชมพู ปักขาวกว้าง 64–70 มม. ยกจากขอบปีกอย่างน้อย 12 มม.Pink front panel; 64–70 mm white embroidery at least 12 mm above the brim	ปักตามส่วนโค้งโดยไม่คร่อมตะเข็บกลาง ตัวอักษรไม่เอียงเมื่อสวมจริงEmbroidery follows the curve without bridging the centre seam; lettering stays level when worn
กระบอกน้ำ/แก้วBottle/cup	แถบชมพูสูงอย่างน้อย 35 มม. โลโก้ขาวกว้าง 38–46 มม. ไม่วนซ้ำรอบตัวPink band at least 35 mm high; one 38–46 mm white mark, never repeated around the vessel	ทำ wrap proof ตามเส้นรอบวงจริง เว้นรอยต่ออย่างน้อย 1X และทดสอบล้าง 10 รอบUse a true-circumference wrap proof, keep the seam at least 1X away, and wash-test for 10 cycles
ปากกาPen	ตัวขาว กลไกชมพู โลโก้ชมพูสีเดียวกว้าง 18–24 มม.White barrel, pink mechanism and 18–24 mm one-colour pink mark	พิมพ์บนพื้นที่ตรง ไม่คร่อมคลิป และถูแห้ง 100 รอบแล้วไม่หลุดPrint on a straight zone clear of the clip; survive 100 dry-rub cycles

หลักฐานที่ต้องส่งเพื่ออนุมัติRequired approval evidence

ส่งไฟล์เวกเตอร์ที่อนุมัติพร้อมตัวอย่างสี ห้ามโรงงานวาดโลโก้ใหม่จากภาพอ้างอิง ถ่ายตัวอย่างจริงด้านหน้า ด้านข้าง และมุม 45° พร้อมไม้บรรทัดหนึ่งภาพ เพื่อให้เห็นขนาด รอยต่อ ความโค้ง และการแนบกับผิวจริง วัสดุชมพูใช้โลโก้ขาว; วัสดุขาวชิ้นแคบใช้โลโก้ชมพูสีเดียวได้ ห้ามใช้โลโก้เหมือนสติกเกอร์แบน ห้ามวางข้ามตะเข็บ และห้ามผลิตของแจกน้ำเงินล้วนSupply the approved vector artwork and colour sample; the factory must never redraw the mark from a reference image. Photograph the physical sample front-on, from the side and at 45°, plus one view with a ruler, so size, seams, curvature and surface integration are visible. Pink materials use the white mark; narrow white items may use a one-colour pink mark. Never approve a flat sticker-like application, a mark crossing a seam, or blue-only merchandise.

บทที่ 16

การนำไปใช้

คู่มือที่ไม่มีคนบังคับใช้ คือคู่มือที่ตายภายในหกเดือน บทการนำไปใช้นี้จึงไม่ใช่เรื่องการออกแบบ แต่เป็นเรื่องว่าใครตัดสิน ตรวจอย่างไร และเปลี่ยนกฎได้ด้วยขั้นตอนไหน

กฎที่สรุปได้ในหน้าเดียว

สิบข้อ ที่ครอบคลุมเก้าสิบเปอร์เซ็นต์ของงาน

ทำ

ชมพูคือสีที่คนจำ ขาวคือรายละเอียด น้ำเงินคือหมึกอ่าน ลำดับนี้ห้ามสลับ
หัวเรื่องใหญ่และวัสดุเป็นชมพู พื้นอ่านเป็นขาว หมึกเล็กเป็นน้ำเงิน
บนพื้นชมพูใช้ขาวทึบ 100% เท่านั้น; ข้อความเล็กหรือข้อความสำคัญต้องย้ายลงการ์ดขาว
เนื้อความยาวบนพื้นชมพูหรือบนภาพ ต้องอยู่ในการ์ดขาว
ภาพถ่ายมีจุดจำชมพูจากวัตถุ เสื้อ อุปกรณ์ หรือแถบลายเซ็น ไม่ย้อมโลกทั้งใบ
โลโก้บนภาพใช้ฉบับขาวบนพื้นชมพูและต้องมาจากไฟล์เวกเตอร์จริง
ปุ่มและกล่องเนื้อหาใช้สี่เหลี่ยมมน (radius-md / radius-lg); radius-full สงวนไว้ให้ชิป แท็ก ป้ายสถานะ ตัวสลับ และรูปวงกลมจริงเท่านั้น
งานโซเชียลและโฆษณาแบนเนอร์ตั้งด้วย FC Iconic ทั้งชิ้น ไม่ใช้ Sarabun
FC Iconic ใช้กับข้อความทุกอย่างเป็นค่าเริ่มต้น รวมถึงหัวเรื่อง ข้อความขาย คำอธิบาย ที่อยู่ ปุ่ม เมนู ฟอร์ม ตัวเลข และ signage; Sarabun ใช้เฉพาะเนื้อสัญญา เอกสารกฎหมาย และเนื้อบทความยาวหลายย่อหน้า
ไล่ลำดับด้วยสีจากสเกล ไม่ใช่ด้วย opacity
แดงกับเขียวใช้ได้เฉพาะบอกสถานะ ไม่ใช้ตกแต่ง

ไม่ทำ

ใช้สีดำหรือ PANTONE 294 C 100% กับตัวอักษร — ตัวอักษรที่เข้มที่สุดคือ blue-294C-950 ที่ 95% ยกเว้นโหมดหมึกดำสำหรับงานหมึกเดียว เช่น หนังสือพิมพ์ โทรสาร และตรายาง
ตั้งเนื้อความด้วย blue-294C-820 หรือระดับที่อ่อนกว่า — เนื้อความทั้งหมดใช้ blue-294C-880
text-white/70 บนพื้นชมพู — วัดได้ 2.3:1
เพิ่มเฉดใหม่เพราะ “อยากได้โทนกลางๆ” — ให้ใช้ระดับที่มีอยู่ซ้ำ
ตั้งบทความยาวด้วย FC Iconic หรือตั้งหัวเรื่องด้วย Sarabun
ตั้งโพสต์โซเชียลหรือโฆษณาแบนเนอร์ด้วย Sarabun
ใช้ Sarabun กับข้อความขาย เมนู ฟอร์ม การ์ด หรือคำอธิบายสั้นเพียงเพราะขนาดเท่าเนื้อความ
blue-294C-410 เป็นตัวอักษรเนื้อหา (2.38:1)
วางตัวอักษรบนภาพโดยไม่วัดคอนทราสต์
ใช้โลโก้ฉบับสีบนพื้นเข้มหรือบนภาพเปล่า
ยืด บีบ หมุน ใส่เงา หรือใส่ขอบให้โลโก้
สร้างวัสดุ เครื่องแบบ ของแจก หรือเลย์เอาต์ที่เป็นน้ำเงินล้วน
ใช้อีโมจิแทนไอคอนในงานที่ลูกค้าเห็น

ก่อนส่งงาน

รายการตรวจ เก้าข้อ

ใช้กับงานทุกชิ้นก่อนอนุมัติ ไม่ว่าจะเป็นหน้าเว็บ สไลด์ ป้าย หรือเอกสาร ถ้าข้อใดตอบไม่ได้ แปลว่ายังไม่พร้อมส่ง

ค่าสีทุกค่ามาจาก token ใช่ไหม ถ้ามีค่า hex ที่ไม่อยู่ในบทที่ 03 แปลว่ามีคนสร้างสีใหม่ขึ้นมา

ตัวอักษรทุกชิ้นผ่านเกณฑ์คอนทราสต์ของขนาดตัวเองไหม ชมพูบนขาวผ่านเฉพาะตั้งแต่ 18.66px ตัวหนา หรือ 24px ขึ้นไป

มีตัวอักษรที่ใช้ opacity หรือเปล่า ถ้ามี ให้เปลี่ยนไปใช้ระดับสีจากสเกลแทน

โลโก้ใช้ฉบับที่ตรงกับพื้นหลังไหม และมีระยะ 1X ครบทุกด้านไหม บนภาพถ่ายใช้โลโก้ขาวบนวัตถุชมพูหรือแถบลายเซ็นชมพูมาตรฐาน

ภาพมีจุดจำชมพูที่มีเหตุผล และข้อความบนภาพวัดแล้วหรือยัง ธรรมชาติและผิวคนเป็นสีจริง ชมพูเข้ามาผ่านวัตถุหรือกราฟิก ไม่ใช่ฟิลเตอร์บังคับ

ข้อความตามกฎหมายอยู่บนพื้นขาวไหม อัตราดอกเบี้ย เงื่อนไข และเบอร์ร้องเรียน ห้ามอยู่บนพื้นชมพูอย่างเดียว

ทดสอบบนจอมือถือแล้วหรือยัง ปุ่มสูง 44px ช่องกรอก 16px และหน้าไม่เลื่อนแนวนอน

ถ้าเป็นงานพิมพ์ ถ่ายสำเนาสองรอบแล้วยังอ่านได้ไหม ถ้าไม่ได้ ให้เพิ่มขนาด ไม่ใช่เพิ่มความเข้มของสี

ชมพูเป็นสีแรกที่จำได้ และมีวัสดุน้ำเงินล้วนโผล่มาหรือไม่ น้ำเงินใช้กับหมึก ข้อมูล เส้น และโครงสร้างเทคนิคเท่านั้น

การเปลี่ยนแปลง

ใครเปลี่ยนกฎได้ และเปลี่ยนอย่างไร

เปลี่ยนได้เลย

การเลือกภาพ ถ้อยคำ ลำดับของส่วนในหน้า และการเลือกใช้คอมโพเนนต์ ที่มีอยู่แล้ว — เป็นงานประจำวันของทีมออกแบบและทีมการตลาด

ต้องขออนุมัติ

คอมโพเนนต์ใหม่ ขนาดตัวอักษรใหม่ ของแจกชิ้นใหม่ และแม่แบบใหม่ ต้องผ่านผู้ดูแลอัตลักษณ์ พร้อมเหตุผลว่าทำไมของเดิมใช้ไม่ได้

เปลี่ยนไม่ได้

ค่าสีมาสเตอร์สองค่า รูปทรงโลโก้ และฟอนต์ทั้งสองตัว การเปลี่ยนสามอย่างนี้คือการเปลี่ยนแบรนด์ ไม่ใช่การปรับงานออกแบบ

เอกสารนี้สร้างจากค่าจริง

ค่าคอนทราสต์ทุกค่าในคู่มือเล่มนี้คำนวณจากค่าสีที่อยู่ในหน้านั้นจริง ข้อสรุปเรื่องภาพถ่ายทุกข้อวัดจากพิกเซลของภาพทั้งสิบสองภาพที่ใช้ประกอบ และตัวอย่างตัวอักษรทุกชิ้นตั้งด้วยไฟล์ฟอนต์จริงที่ฝังมากับหน้านี้ เมื่อค่าสีมาสเตอร์เปลี่ยน ตัวเลขทั้งเล่มจะเปลี่ยนตามในการสร้างครั้งถัดไป เอกสารกับระบบจึงขัดกันเองไม่ได้

เรียบเรียงและออกแบบระบบโดย สุธัช เรืองสุทธิภาพ · Sutach Ruangsuttipap

บริษัท เงินเทอร์โบ จำกัด (มหาชน) 02-857-8888 www.turbo.co.th ฉบับที่ 2.0 · สิงหาคม 2569

ภาพอ้างอิงเป็นภาพแนวคิดสังเคราะห์จาก TURBO Brand Studio ใช้เพื่อสาธิตทิศทางเท่านั้น ไม่ใช่ลูกค้าจริงหรือหลักฐานของเหตุการณ์ งานจริงต้องใช้ภาพที่บริษัทมีสิทธิ์และระบุสถานะภาพให้ถูกต้อง

บทที่ 17Chapter 17

มาตรฐานงานเขียนWriting standards

บทนี้กำหนดเฉพาะวิธีทำให้ข้อความอ่านง่าย ตรวจสอบได้ และพร้อมผ่านกฎหมาย ไม่ได้กำหนดบุคลิก คำมั่น สโลแกน หรือแก่นแบรนด์ ตัวอย่างทุกประโยคเป็นตัวอย่างโครงสร้าง ต้องแทนด้วยข้อเท็จจริงผลิตภัณฑ์และคำอนุมัติก่อนเผยแพร่This chapter covers only legibility, verifiability and legal readiness. It does not define personality, promise, slogan or brand essence. Every sentence is a structural example and must be replaced with verified product facts and approved copy before publication.

หลักสามข้อThree principles

ตรง เคารพ พิสูจน์ได้Direct, respectful, provable

ตรงDirect

ขึ้นต้นด้วยคำตอบหรือการกระทำ ไม่ขึ้นต้นด้วยประวัติบริษัท ตัดคำที่ไม่เปลี่ยนความหมาย และใช้ประโยคสั้นหนึ่งความคิดต่อหนึ่งประโยคLead with the answer or action, not company history. Remove words that add no meaning and keep one idea to one short sentence.

เคารพRespectful

ไม่สันนิษฐานว่าลูกค้าขัดสน ไม่เรียกการกู้ว่าเรื่องง่าย ไม่เร่งด้วยความกลัว และให้พื้นที่อ่านเงื่อนไขก่อนกดยืนยันNever assume hardship, trivialise borrowing, or pressure with fear. Give people room to read the terms before confirming.

พิสูจน์ได้Provable

ตัวเลขทุกตัวมีหน่วย ช่วงเวลา เงื่อนไข และเจ้าของข้อมูล ถ้าพิสูจน์คำว่า “ดีที่สุด” ไม่ได้ ให้บอกประโยชน์จริงแทนEvery number needs a unit, period, condition and data owner. If “best” cannot be proved, state the real benefit instead.

ระดับความเป็นทางการFormality by context

ปรับความสั้น ความเป็นทางการ และรายละเอียดตามความเสี่ยงAdjust brevity, formality and detail to the risk

สิ่งที่เปลี่ยนตามช่องทางคือความยาว ความเป็นทางการ และปริมาณหลักฐาน ไม่ใช่การสร้างบุคลิกใหม่ให้แต่ละช่องทางWhat changes by channel is length, formality and the amount of evidence—not a new personality for every surface.

สถานการณ์Situation	ระดับSetting	ทำDo	ไม่ทำAvoid
หน้าแนะนำผลิตภัณฑ์Product page	อบอุ่น + อธิบายWarm + explanatory	เริ่มจากความต้องการแล้วอธิบายทางเลือกStart with the need, then explain choices	เปิดด้วยคำโฆษณาเกินจริงOpen with hype
ฟอร์มและข้อผิดพลาดForms and errors	สั้น + ช่วยแก้Brief + corrective	บอกว่าเกิดอะไรและแก้อย่างไรSay what happened and how to fix it	กล่าวโทษหรือใช้รหัสระบบBlame people or expose system codes
สัญญาและเอกสารกฎหมายContracts and legal documents	เป็นทางการ + แม่นยำFormal + exact	นิยามคำสำคัญและใช้คำเดิมตลอดDefine terms and use them consistently	ใช้คำเป็นกันเองจนความหมายคลุมเครือTrade precision for friendliness
ติดตามชำระPayment reminder	สงบ + ระบุทางออกCalm + solution-led	บอกยอด วัน และช่องทางช่วยเหลือState amount, date and support route	ขู่ ทำให้อับอาย หรือใส่เครื่องหมายตกใจThreaten, shame, or use exclamation marks
โซเชียลมีเดียSocial media	กระชับ + มีพลังConcise + energetic	หนึ่งประเด็น หนึ่งการกระทำOne point, one action	ใช้ภาษาวัยรุ่นที่ทีมบริการพูดต่อไม่ได้Use slang service teams cannot sustain

โครงข้อความMessage structure

คำตอบก่อน เหตุผลถัดมา เงื่อนไขอยู่ใกล้การตัดสินใจAnswer first, reason second, terms beside the decision

ลำดับมาตรฐาน

Default order

ประโยชน์Benefit — ลูกค้าทำอะไรได้what the customer can do
หลักฐานEvidence — วงเงิน อัตรา ระยะเวลา หรือบริการamount, rate, time or service
เงื่อนไขCondition — ข้อจำกัดที่เปลี่ยนการตัดสินใจanything that changes the decision
ขั้นต่อไปNext step — การกระทำหนึ่งอย่างที่ชัดเจนone clear action

ตัวอย่าง

Example

ใช้รถคันเดิม เปลี่ยนเป็นเงินทุนได้Keep using your vehicle and turn it into working capital

สินเชื่อรถยนต์วงเงินสูงสุด 1,000,000 บาท ไม่ต้องจอดรถ วงเงินจริงขึ้นอยู่กับสภาพรถ เอกสาร และการพิจารณาของบริษัทฯCar-title loans up to THB 1,000,000 without leaving the vehicle. The actual amount depends on the vehicle, documents and company assessment.

ดูเงื่อนไขทั้งหมด

View all terms

คำที่เลือกใช้Word choice

คำธรรมดาที่รักษาศักดิ์ศรี ดีกว่าคำโฆษณาที่กดดันPlain, dignified language beats pressure copy

ใช้

Use

เริ่มสมัครStart an application — บอกว่ายังไม่ใช่การอนุมัติsignals that approval has not happened
วงเงินจริงActual amount — เมื่อค่าขึ้นกับการประเมินwhen assessment determines the value
ยอดที่ต้องชำระAmount due — ตรงกว่า “ภาระ”clearer than “obligation”
ให้เจ้าหน้าที่ช่วยดูAsk an adviser to review — เมื่อมีหลายทางเลือกwhen choices are complex
กู้เท่าที่จำเป็นและชำระคืนไหวBorrow only what you need and can repay — ใช้ครบ ไม่ตัดให้สั้นuse in full, never truncate

หลีกเลี่ยง

Avoid

อนุมัติชัวร์Guaranteed approval — เป็นคำรับรองที่พิสูจน์ไม่ได้an unprovable guarantee
เงินฟรีFree money — ปิดบังต้นทุนของสินเชื่อhides the cost of credit
แค่ / ง่ายนิดเดียวJust / effortless — ลดทอนการตัดสินใจสำคัญtrivialises a consequential decision
รีบก่อนพลาดHurry or miss out — สร้างแรงกดดันที่ไม่จำเป็นcreates unnecessary pressure
ลูกหนี้Debtor — ใช้เฉพาะเมื่อเป็นคำกฎหมายที่จำเป็นonly when legally required

รูปแบบตัวเลขและภาษาNumbers and language

รูปแบบเดียวกันทุกช่องทาง ลดความลังเลได้จริงConsistent formatting reduces hesitation

เงินบาทThai baht

ใช้ “100,000 บาท” ในเนื้อความ และ “฿100,000” ในพื้นที่ตัวเลขกะทัดรัด ไม่ใช้ “100K” ในงานลูกค้าUse “THB 100,000” in prose and “฿100,000” in compact numeric UI. Never use “100K” in customer-facing work.

ดอกเบี้ยInterest

อัตราต้องมีหน่วยและช่วงเวลาเสมอ เช่น “0.68% ต่อเดือน” หรือ “15% ต่อปี” ห้ามวาง “0.68%” เดี่ยวๆA rate always carries a unit and period, such as “0.68% per month” or “15% per year”. Never publish “0.68%” alone.

วันที่และเวลาDate and time

ภาษาไทยใช้ “25 สิงหาคม 2569 · 08:30 น.” ภาษาอังกฤษใช้ “25 Aug 2026 · 08:30 ICT” และไม่ผสม พ.ศ. กับเดือนอังกฤษThai uses “25 สิงหาคม 2569 · 08:30 น.” English uses “25 Aug 2026 · 08:30 ICT”. Never mix Buddhist years with English month names.

กฎของคำแปลTranslation rule

แปลความหมาย ไม่แปลลำดับคำ ภาษาอังกฤษอาจสั้นกว่าภาษาไทย แต่จำนวน เงื่อนไข และระดับความมั่นใจต้องเท่ากันทุกภาษาTranslate meaning, not word order. English may be shorter than Thai, but quantities, conditions and certainty must stay identical.

เว้นพื้นที่ยุทธศาสตร์ไว้ให้เจ้าของแบรนด์Brand strategy remains owner-defined

คู่มือฉบับนี้ไม่สร้าง belief, promise, positioning, personality หรือ signature line ขึ้นใหม่ เมื่อเจ้าของแบรนด์อนุมัติแนวคิดเหล่านั้นในอนาคต จึงค่อยเพิ่มเป็นบทแยกพร้อมเลขเวอร์ชันและผู้อนุมัติ ระหว่างนี้ห้ามนำประโยคตัวอย่างในบทนี้ไปใช้เป็นสโลแกนหรือข้อความหลักของแบรนด์This manual does not create a new belief, promise, positioning, personality or signature line. Add those later as a separately versioned, owner-approved chapter. Until then, no structural example in this chapter may be promoted into a slogan or master brand message.

แบบฟอร์มบรีฟBrief template

ถ้าบรีฟตอบแปดช่องนี้ไม่ได้ ยังไม่ควรเริ่มออกแบบIf the brief cannot answer these eight fields, design should not start

เป้าธุรกิจBusiness objective — ผลที่ต้องการหนึ่งอย่างพร้อมช่วงเวลาone intended result and timeframe
ช่วงชีวิตของผู้ชมAudience moment — เขากำลังทำอะไร ไม่ใช่แค่เพศ อายุ จังหวัดwhat they are doing, not only gender, age and province
งานที่เขาต้องทำให้สำเร็จJob to be done — คำถามหรือการตัดสินใจที่ต้องผ่านthe question or decision they need to resolve
ข้อความเดียวSingle message — ประโยคที่ผู้ชมควรจำได้the one sentence the audience should remember

หลักฐานเดียวSingle proof — ตัวเลข บริการ หรือกระบวนการที่ยืนยันแล้วa verified number, service or process
การกระทำเดียวSingle action — กริยาที่ชัด ไม่วาง CTA แข่งกันa clear verb, without competing CTAs
ข้อบังคับMandatories — เงื่อนไข แหล่งข้อมูล วันที่หมดอายุ และผู้อนุมัติterms, source, expiry date and approver
ช่องทางและครอปChannel and crop — ขนาดจริง พื้นที่ปลอดภัย คำบรรยาย และจุดส่งต่อreal size, safe area, caption and handoff destination

ยกระดับงานเขียนRaise the writing standard

เปลี่ยนจากคำกดดัน เป็นคำที่ช่วยตัดสินใจReplace pressure with decision support

ก่อน

Before

ร้อนเงิน? รีบสมัครวันนี้ อนุมัติชัวร์!Need cash now? Apply today—guaranteed approval!

หลัง

After

อยากรู้ว่ารถคันนี้ช่วยเป็นเงินทุนได้เท่าไร ให้เจ้าหน้าที่ช่วยประเมินก่อนตัดสินใจWant to know how much working capital your vehicle may support? Ask an adviser to assess it before you decide.

ก่อน

Before

สินเชื่อเพื่อคนจน เข้าถึงง่ายสุด ๆEasy loans for the poor.

หลัง

After

รายได้ไม่เป็นเส้นตรงก็คุยกันได้ เริ่มจากรถหรือโฉนดที่คุณมีIrregular income does not end the conversation. Start with the vehicle or title deed you have.

ก่อน

Before

ได้เงินทันที เอกสารน้อยที่สุดInstant cash with the fewest documents.

หลัง

After

เตรียมบัตรประชาชนและเล่มทะเบียน รู้ผลและรับเงินภายในวันเมื่อเอกสารครบและผ่านการพิจารณาPrepare your ID and registration book. Same-day decision and disbursement may be available when documents are complete and approved.

คะแนนก่อนปล่อยงานPre-release score

ผ่านที่ 80 คะแนน และต้องไม่มีข้อห้ามร้ายแรงPass at 80 points, with no critical failure

นี่คือเกณฑ์ปฏิบัติภายในที่เสนอให้ทีมใช้ทุกชิ้นงาน ไม่ใช่คะแนนเพื่อความสวย แต่เป็นวิธีทำให้การให้ความเห็นมีมาตรฐานเดียวกันThis is a proposed internal operating standard. It turns subjective feedback into a consistent review.

มิติDimension	คะแนนPoints	คำถามที่ต้องตอบว่าใช่The question that must be answered yes
ความถูกต้องและกฎหมายAccuracy and legal	25	ตัวเลขมีหน่วย ช่วงเวลา เงื่อนไข แหล่งข้อมูล วันที่หมดอายุ และผู้อนุมัติหรือไม่Do numbers have units, periods, conditions, sources, expiry dates and owners?
ศักดิ์ศรีของลูกค้าCustomer dignity	20	ลูกค้ายังเป็นคนตัดสินใจ และไม่มีคำตัดสินฐานะ ความกลัว หรือความอับอายหรือไม่Does the customer retain agency without class judgement, fear or shame?
ความชัดเจนClarity	20	คนอ่านรู้ประโยชน์ หลักฐาน เงื่อนไข และขั้นต่อไปในการอ่านหนึ่งครั้งหรือไม่Can one read reveal benefit, proof, condition and next step?
การจดจำสีชมพูPink memory	15	ชมพูเป็นสีแรกที่จำได้ โลโก้ขาวอยู่บนชมพู และไม่มีวัสดุน้ำเงินล้วนหรือไม่Is pink remembered first, with the white logo on pink and no blue-only material?
ฝีมือของช่องทางChannel craft	10	ครอป ระยะปลอดภัย คำบรรยาย โหลดเร็ว และอ่านบนมือถือได้หรือไม่Are crop, safe area, captions, loading and mobile reading correct?
การกระทำAction	10	มี CTA หลักหนึ่งอย่าง พาไปหน้าที่ตรง และไม่กดดันหรือไม่Is there one accurate, non-pressuring CTA and destination?

ข้อห้ามร้ายแรง — ตกทันทีไม่ว่าคะแนนเท่าไรCritical failures—automatic rejection at any score

คำรับรองที่ไม่มีหลักฐาน · เงื่อนไขสำคัญหาย · ใช้ความกลัวหรือทำให้อับอาย · ใช้ภาพสังเคราะห์เป็นลูกค้าจริง · โลโก้ปลอม · วัสดุหรือเลย์เอาต์น้ำเงินล้วน · ตัวอักษรอ่านไม่ผ่าน · CTA พาไปผิดหน้าUnsubstantiated claim · missing material condition · fear or shame · synthetic image presented as a real customer · fake logo · blue-only material or layout · unreadable type · incorrect CTA destination.

วิธีทำงานของทีมTeam operating model

งานดีไม่ควรขึ้นกับคนเก่งคนเดียวGood work cannot depend on one exceptional person

เจ้าของในแต่ละด่านOwner at each gate

การตลาดMarketing — บรีฟ ข้อความเดียว ช่องทาง และผลที่วัดbrief, single message, channel and measurable result
เจ้าของผลิตภัณฑ์Product owner — ข้อเท็จจริง เงื่อนไข และวันที่ข้อมูลหมดอายุfacts, conditions and information expiry
กฎหมายหรือกำกับLegal or compliance — ข้อความบังคับและระดับความเสี่ยงmandatory language and risk level
เจ้าของแบรนด์Brand owner — ศักดิ์ศรี น้ำเสียง สี โลโก้ และภาพdignity, voice, colour, logo and imagery
เจ้าของช่องทางChannel owner — ครอป ลิงก์ การเข้าถึง และการเผยแพร่crop, links, accessibility and publishing

จังหวะประจำสัปดาห์Weekly cadence

จันทร์ 30 นาทีMonday · 30 min — เลือกสามเรื่องสำคัญและล็อกข้อความเดียวchoose three priorities and lock one message each
พุธ 45 นาทีWednesday · 45 min — ตรวจบรีฟ ต้นฉบับ และหลักฐานก่อนผลิตเต็มreview briefs, roughs and proof before full production
ศุกร์ 30 นาทีFriday · 30 min — ดูผลงานจริงหนึ่งชิ้นด้วยเกณฑ์ร้อยคะแนนscore one live piece with the 100-point rubric
รายเดือน 60 นาทีMonthly · 60 min — เก็บสิ่งที่เวิร์ก ลบสิ่งที่หมดอายุ และอัปเดตตัวอย่างกลางretain what works, retire expired material and update the shared examples

กติกาการให้ความเห็นFeedback rule

ห้ามบอกแค่ว่า “ไม่ชอบ” ให้ระบุมิติ คะแนน หลักฐาน และคำแก้ เช่น “ความชัดเจน 12/20 เพราะเงื่อนไขอยู่ไกลจากตัวเลข—ย้ายมาไว้ใต้ตัวเลข” การให้ความเห็นแบบนี้สอนทีมและทำให้รอบแก้น้อยลงNever stop at “I do not like it.” Name the dimension, score, evidence and remedy—for example: “Clarity 12/20 because the condition is separated from the number; move it directly below.” This teaches the team and reduces revision cycles.

บทที่ 18Chapter 18

การเข้าถึงAccessibility

บริการทางการเงินที่อ่านไม่ออก กดไม่ได้ หรือทำให้สับสน คือบริการที่ไม่เท่าเทียม การเข้าถึงจึงเป็นกฎของแบรนด์ ไม่ใช่งานแก้หลังออกแบบเสร็จA financial service that cannot be read, operated or understood is not an equal service. Accessibility is therefore a brand rule, not a repair task after design is complete.

มาตรฐานขั้นต่ำMinimum standard

งานดิจิทัลทุกชิ้นใช้ระดับ AA เป็นฐาน และต้องใช้งานได้ด้วยคีย์บอร์ด การขยายหน้าจอ และโปรแกรมอ่านหน้าจอ งานพิมพ์ต้องอ่านได้ในแสงน้อยและหลังถ่ายสำเนาAll digital work uses AA as the baseline and must operate with a keyboard, zoom and screen reader. Print must remain legible in low light and after photocopying.

อ้างอิง WCAG 2.2 ของ W3C ณ วันที่ออกคู่มือ กฎ 44 × 44 px ในหน้านี้เป็นค่าตั้งต้นภายในของ TURBO ที่เข้มกว่าขั้นต่ำ 24 × 24 CSS px ของเกณฑ์ 2.5.8 การใช้คู่มือนี้เพียงอย่างเดียวไม่เท่ากับการรับรองว่าเว็บไซต์ผ่านระดับ AA; ทุกชิ้นงานยังต้องตรวจตามเกณฑ์ทั้งหมดReference: W3C WCAG 2.2 at this manual's release date. The 44 × 44 px rule on this page is TURBO's internal design default, stricter than the 24 × 24 CSS px minimum in criterion 2.5.8. Following this manual alone is not a claim of AA conformance; every deliverable still requires evaluation against all applicable criteria.

4.5:1

เนื้อความBody text

ขั้นต่ำสำหรับตัวอักษรขนาดปกติminimum for normal-sized type

3:1

ตัวใหญ่และกราฟิกLarge type and graphics

รวมขอบช่องกรอกและสถานะควบคุมincluding field borders and control states

พิกเซลต่อเป้าหมายpixels per target

ค่าตั้งต้นของปุ่มและลิงก์ไอคอนบนมือถือdefault for mobile buttons and icon links

200%

การขยายข้อความText zoom

ข้อมูลและการกระทำต้องไม่หายno information or action may disappear

สีและสถานะColour and state

ทำ

สถานะสำเร็จใช้สีเขียว + ไอคอนเครื่องหมายถูก + ข้อความSuccess uses green + check icon + text
ข้อผิดพลาดใช้สีแดง + เส้นขอบ + ข้อความใกล้ช่องกรอกErrors use red + border + text beside the field
ลิงก์ในย่อหน้ามีเส้นใต้ ไม่พึ่งสีน้ำเงินอย่างเดียวLinks in prose are underlined, not blue alone
กราฟใช้ป้ายชื่อ รูปทรง หรือลวดลายควบคู่กับสีCharts pair colour with labels, shapes or patterns

ไม่ทำ

Never

ใช้ชมพูอ่อนเป็นตัวอักษรบนขาวUse light pink as text on white
ทำให้ปุ่มปิดใช้งานจางจนอ่านป้ายไม่ออกFade disabled controls until labels are unreadable
ใช้แดงกับเขียวเป็นคู่เดียวที่แยกข้อมูลUse red and green as the only differentiator
วางข้อความสำคัญบนภาพโดยไม่มีพื้นรองที่วัดได้Place critical text on unmeasured photography

คีย์บอร์ดและการสัมผัสKeyboard and touch

ลำดับโฟกัสFocus order

เดินตามลำดับการอ่าน ไม่กระโดดเข้าฟุตเตอร์หรือเมนูที่ปิดอยู่ โมดัลกักโฟกัสและคืนโฟกัสให้ปุ่มเดิมเมื่อปิดFollow reading order. Never jump into the footer or a closed menu. Modals trap focus and return it to the trigger.

สถานะโฟกัสFocus state

เส้นชมพูหนาอย่างน้อย 2 px มีระยะห่างจากวัตถุ และห้ามลบ outline โดยไม่มีสิ่งทดแทนUse a pink ring at least 2 px thick with clear offset. Never remove outline without an equivalent replacement.

เป้าหมายสัมผัสTouch target

ปุ่มหลักสูง 48 px เป็นค่าเริ่มต้น ไอคอนเดี่ยวอย่างน้อย 44 × 44 px และเว้นช่องระหว่างเป้าหมายอย่างน้อย 8 pxPrimary buttons default to 48 px high. Icon-only controls are at least 44 × 44 px with 8 px between targets.

ฟอร์มและข้อผิดพลาดForms and errors

ก่อนส่งBefore submit

ป้ายกำกับอยู่เหนือหรือภายในขอบช่องและไม่หายเมื่อพิมพ์Labels remain visible after typing
ระบุรูปแบบที่ต้องการก่อนเกิดข้อผิดพลาด เช่น 10 หลักState format requirements before an error, such as 10 digits
ใช้ autocomplete และชนิดแป้นพิมพ์ที่ตรงข้อมูลUse correct autocomplete and input keyboard
ไม่ปิดปุ่มส่งเพียงเพราะข้อมูลยังไม่ครบจนผู้ใช้ไม่รู้สาเหตุDo not silently disable submit when users need error guidance

หลังส่งAfter submit

สรุปจำนวนข้อผิดพลาดด้านบนและเชื่อมไปแต่ละช่องSummarise error count and link to each field
ข้อความบอกปัญหา + วิธีแก้ เช่น “กรอกเบอร์โทร 10 หลัก”State problem + remedy, such as “Enter a 10-digit phone number”
เก็บข้อมูลที่ถูกต้องไว้ ไม่ล้างทั้งฟอร์มPreserve valid data; never clear the whole form
การยืนยันบอกสิ่งที่เกิดขึ้นและเวลาของขั้นต่อไปConfirmation states what happened and when the next step occurs

ภาพ เสียง และการเคลื่อนไหวImages, audio and motion

ข้อความทดแทนAlternative text

บอกหน้าที่หรือข้อมูลที่ภาพเพิ่ม ไม่ขึ้นต้นว่า “ภาพของ” ภาพตกแต่งใช้ alt ว่าง โลโก้ใช้ชื่อแบรนด์Describe the function or information the image adds. Do not begin with “image of”. Decorative images use empty alt; logos use the brand name.

วิดีโอVideo

มีคำบรรยายเสียงที่ตรวจแก้แล้ว ทรานสคริปต์สำหรับเนื้อหายาว และคำบรรยายภาพเมื่อข้อมูลสำคัญอยู่ในภาพProvide edited captions, transcripts for long content, and audio description when essential information is visual.

การเคลื่อนไหวMotion

รองรับ prefers-reduced-motion ไม่มีการเล่นอัตโนมัติที่บังเนื้อหา และหยุดภาพเคลื่อนไหวที่เกิน 5 วินาทีได้Respect prefers-reduced-motion. No autoplay that obstructs content, and motion beyond 5 seconds can be paused.

รายการตรวจChecklist

คีย์บอร์ดทำทุกงานได้ไหมCan a keyboard complete every task?

รวมเมนู โมดัล ตัวเลือกวันที่ และข้อความผิดพลาด

Include menus, modals, date pickers and errors

ขยาย 200% แล้วข้อมูลยังครบไหมIs all information present at 200% zoom?

ไม่มีการเลื่อนสองแกนและปุ่มไม่ซ้อนกัน

No two-axis scrolling or overlapping controls

สีทุกคู่ผ่านเกณฑ์ของขนาดจริงไหมDoes every colour pair pass at its rendered size?

วัดจากค่าสีจริง ไม่ดูด้วยตา

Measure actual values; do not judge by eye

สถานะมีสิ่งบอกนอกจากสีไหมDoes every state have a cue beyond colour?

ข้อความ ไอคอน รูปทรง หรือเส้นขอบ

Text, icon, shape or border

หัวเรื่องเรียงลำดับโดยไม่ข้ามไหมDo headings follow a logical hierarchy?

ลำดับมาจากความหมาย ไม่ใช่ขนาดที่อยากได้

Hierarchy follows meaning, not desired size

โปรแกรมอ่านหน้าจอรู้ชื่อและสถานะของปุ่มไหมDoes a screen reader announce control name and state?

โดยเฉพาะปุ่มไอคอน แท็บ และเมนูพับ

Especially icon buttons, tabs and disclosures

ปิดการเคลื่อนไหวแล้วงานยังเข้าใจได้ไหมDoes the experience remain clear without motion?

เนื้อหาไม่ซ่อนและการเปลี่ยนสถานะยังเห็น

Content stays visible and state changes remain apparent

ภาษาบอกวิธีแก้ ไม่กล่าวโทษใช่ไหมDoes error language explain recovery without blame?

อ่านออกเสียงแล้วต้องยังสุภาพและชัด

It remains polite and clear when read aloud

บทที่ 19Chapter 19

ข้อมูลการเงินFinancial data

ตัวเลขต้องถูกต้อง แต่ความชัดเจนไม่ได้แปลว่าต้องยกเงื่อนไขทั้งหมดขึ้นหน้าแรก งานการตลาดเริ่มด้วยจุดแข็งที่ตรวจสอบได้ วางเงื่อนไขสำคัญไว้ใกล้กัน และเปิดรายละเอียดเต็มเมื่อคนกำลังเปรียบเทียบ คำนวณ หรือตัดสินใจNumbers must be accurate, but clarity does not mean placing every term on the first surface. Marketing begins with a verifiable strength, keeps material qualifiers close, and reveals full detail when people compare, calculate or decide.

กฎต้นทางSource rule

ตัวเลขหนึ่งตัว ต้องตอบได้ห้าคำถามEvery number must answer five questions

ใคร

ใครเป็นเจ้าของWho owns it?

ระบุทีม ระบบ หรือตารางต้นทางที่รับผิดชอบค่าปัจจุบันName the team, system or source table responsible for the current value.

เมื่อไร

อัปเดตเมื่อไรWhen was it updated?

ตัวเลขที่เปลี่ยนตามเวลาแสดงวันที่อ้างอิงหรือรอบข้อมูลTime-sensitive figures show an as-of date or reporting period.

อะไร

วัดอะไรWhat does it measure?

ชื่อเมตริก นิยาม หน่วย และสิ่งที่รวม/ไม่รวมต้องชัดMetric name, definition, unit and inclusions/exclusions are explicit.

ทำไม

มีไว้ทำไมWhy is it here?

ทุกจำนวนต้องช่วยเปรียบเทียบ วางแผน หรือตรวจสอบ ไม่วางเพราะดูน่าเชื่อถือEach number helps compare, plan or verify—never merely to look credible.

แล้ว

ทำอะไรต่อWhat comes next?

บอกขั้นตอนที่ลูกค้าทำได้หลังเข้าใจตัวเลข เช่น คำนวณ ดูเงื่อนไข หรือขอคำแนะนำOffer a next step after the number is understood: calculate, read terms or ask for help.

✓

ใครตรวจแล้วWho approved it?

ค่าที่เกี่ยวกับราคา ดอกเบี้ย หรือกฎหมายต้องมีผู้อนุมัติและวันที่ตรวจล่าสุดPricing, rate and legal figures carry an approver and last-review date.

ลำดับการสื่อสารCommunication hierarchy

พูดจุดแข็งให้เด่น แล้วเปิดรายละเอียดตามจังหวะตัดสินใจLead with the strength, then disclose detail at the decision moment

หน้าที่ของภาพโฆษณาคือทำให้คนเข้าใจเหตุผลที่จะสนใจภายในไม่กี่วินาที ไม่ใช่ย่อสัญญาทั้งฉบับลงบนภาพเดียว ใช้ลำดับ จุดแข็ง → เงื่อนไขสำคัญ → รายละเอียดเต็ม โดยไม่แยกคำว่า “เริ่มต้น” หน่วย หรือข้อจำกัดที่เปลี่ยนความหมายออกจากตัวเลขAn ad must make the reason to care understandable in seconds; it is not a contract compressed into one image. Use the sequence strength → material qualifier → full detail, without separating “starting”, the unit or any meaning-changing limitation from the number.

ตัวอย่างข้อความสำหรับ AwarenessAwareness-message example

สินเชื่อโฉนดที่ดินLand-title loan

ดอกเบี้ยเริ่มต้นInterest from0.68%ต่อเดือนper month

อัตราจริงขึ้นอยู่กับวงเงิน ระยะเวลา เอกสาร และการพิจารณาของบริษัทฯThe actual rate depends on amount, term, documents and company assessment.

สั้น แต่ไม่ตัดความหมาย

Short without losing meaning

สิ่งที่เห็นในลำดับแรกWhat the first view communicates

ผลิตภัณฑ์อะไรWhich product
จุดแข็งคืออะไรWhat the strength is
หน่วยและคำว่า “เริ่มต้น”The unit and “starting” qualifier
เงื่อนไขสำคัญหนึ่งบรรทัดOne line of material qualification

ดูอัตราและคำนวณค่างวด

View rates and calculate payments

Awareness · ให้จำจุดแข็งAwareness · make the strength memorable

ใช้ชื่อผลิตภัณฑ์ จุดแข็ง ตัวเลข หน่วย และคำขยายที่เปลี่ยนความหมาย เช่น “เริ่มต้น” เท่านั้น พาคนไปยังหน้าที่อธิบายต่อได้Use the product, strength, number, unit and meaning-changing qualifier such as “starting”. Lead onward to a surface that explains more.

Lead / Performance · ช่วยให้ลงมือทำLead / performance · help people act

เพิ่ม CTA คุณสมบัติหลัก และเงื่อนไขที่มีผลต่อสิทธิ์หรือราคาจริง วางไว้ในเฟรมเดียวกัน ไม่ซ่อนเฉพาะใน captionAdd a CTA, core eligibility and any condition that materially affects access or actual price. Keep it in the same frame rather than hiding it only in a caption.

Calculator / Contract · เปิดข้อมูลเต็มCalculator / contract · disclose in full

แสดงอัตราทั้งช่วง ระยะเวลา ค่าธรรมเนียม วิธีคำนวณ ยอดรวม แหล่งข้อมูล และวันที่ตรวจล่าสุด จุดตัดสินใจต้องไม่บังคับให้ลูกค้าเดาShow the full rate range, term, fees, calculation method, total, source and review date. A decision surface must never make customers guess.

เส้นแดงที่การ “พูดให้สั้น” ห้ามข้ามRed lines that brevity must never cross

ห้ามเอากรณีดีที่สุดไปเขียนเหมือนทุกคนได้เหมือนกัน ห้ามแยกคำว่า “เริ่มต้น” ออกจากตัวเลข ห้ามย้ายเงื่อนไขที่เปลี่ยนความหมายไปไว้ในตัวเล็กจนอ่านไม่ได้ และห้ามใช้ CTA แทนข้อมูลที่ลูกค้าต้องรู้ก่อนกด ถ้าตัดแล้วความเข้าใจเปลี่ยน แปลว่าตัดมากเกินไปNever present a best-case outcome as universal, detach “starting” from its number, shrink a meaning-changing qualifier into illegibility, or use a CTA as a substitute for information needed before clicking. If removing the detail changes the likely interpretation, too much was removed.

กายวิภาคของตัวเลขNumber anatomy

ค่า หน่วย ช่วงเวลา เงื่อนไข และที่มา อยู่ด้วยกันValue, unit, period, condition and source stay together

ดอกเบี้ยเริ่มต้นStarting interest rate

0.68%

ต่อเดือน · สินเชื่อโฉนดที่ดินper month · land-title loan

เงื่อนไขที่อยู่ติดกับค่าCondition beside the value

อัตราจริงขึ้นอยู่กับวงเงิน ระยะเวลา เอกสาร และการพิจารณาของบริษัทฯ ตรวจสอบอัตราและยอดชำระทั้งหมดก่อนทำสัญญาThe actual rate depends on amount, term, documents and company assessment. Review the full rate and repayment amount before contracting.

ที่มา: ข้อมูลผลิตภัณฑ์ · ตรวจล่าสุด 25 สิงหาคม 2569Source: product record · last reviewed 25 Aug 2026

รูปแบบมาตรฐานStandard formats

หนึ่งความหมาย หนึ่งรูปแบบOne meaning, one format

ข้อมูลData	ใช้Use	หลีกเลี่ยงAvoid	เหตุผลReason
วงเงินAmount	1,000,000 บาทbaht	1M / 1 ล้านmillion	ค่าจริงเปรียบเทียบและอ่านด้วยโปรแกรมช่วยได้Exact values compare and announce reliably
ค่างวดInstalment	970 บาท/เดือนbaht/month	970.-	หน่วยและช่วงเวลาอยู่ในบรรทัดเดียวกันUnit and period stay in the same line
อัตราRate	0.68% ต่อเดือนper month	0.68%	เปอร์เซ็นต์เดี่ยวเปรียบเทียบไม่ได้A percentage alone cannot be compared
ช่วงRange	15%–24% ต่อปีper year	15 - 24 %	ใช้ en dash ไม่มีช่องรอบเครื่องหมายเปอร์เซ็นต์Use an en dash and no space before %
จำนวนสาขาBranch count	1,000+ สาขาbranches	1K+	งานลูกค้าไม่ใช้ตัวย่อเชิงเทคนิคCustomer work avoids technical abbreviations
ค่าที่ไม่มีMissing value	—	0	ศูนย์คือข้อมูลจริง ไม่ใช่ช่องว่างZero is a real value, not an empty cell

* ใช้ “1 ล้านบาท” ได้ในพาดหัวการตลาดเมื่อค่าถูกอธิบายซ้ำแบบเต็มใกล้กัน* “1 million baht” is acceptable in a marketing headline when the full value is repeated nearby.

การเปรียบเทียบComparison

เปรียบเทียบได้เมื่อฐานเดียวกันเท่านั้นCompare only on a shared basis

ฐานเดียวกัน

Comparable

จำนวนเงินใช้สกุลเดียวกันและรอบเวลาเดียวกันAmounts use the same currency and period
อัตราแปลงเป็นต่อเดือนหรือต่อปีแบบเดียวกันRates share monthly or annual basis
ผลิตภัณฑ์ใช้ตัวอย่างวงเงินและระยะเวลาผ่อนเดียวกันProducts use the same example amount and term
แสดงค่าธรรมเนียมและข้อยกเว้นในระดับเดียวกันFees and exclusions receive equal prominence

ฐานต่างกัน

Not comparable

วาง “ต่อเดือน” ข้าง “ต่อปี” โดยไม่แปลงPlace monthly beside annual rates without conversion
เทียบวงเงินสูงสุดของหนึ่งผลิตภัณฑ์กับค่าเฉลี่ยของอีกผลิตภัณฑ์Compare one maximum with another average
เน้นประโยชน์ของเราแต่ซ่อนข้อจำกัดของคู่เปรียบเทียบHighlight our benefit while hiding the comparator's limits
ใช้แกนกราฟที่ไม่เริ่มศูนย์โดยไม่แจ้งชัดTruncate a chart axis without explicit disclosure

กราฟและตารางCharts and tables

ชมพูคือจุดเน้น น้ำเงินคือโครงสร้างPink is emphasis; navy is structure

กราฟCharts

ข้อมูลหลักหนึ่งชุดใช้ชมพู ชุดอื่นใช้ระดับน้ำเงินและเส้นประ ห้ามใช้พาเลตต์สายรุ้ง แกนและหน่วยต้องติดกับกราฟOne focal series uses pink; others use navy levels and dash patterns. Never use rainbow palettes. Axes and units stay with the chart.

ตารางTables

ตัวเลขชิดขวา ใช้ tabular-nums หน่วยอยู่ในหัวคอลัมน์ แถวรวมมีเส้นบนหนา ไม่ใช้สีพื้นเข้มเต็มแถวRight-align tabular numerals, put units in column headers, and give totals a strong top rule. Avoid full dark-row fills.

มือถือMobile

ให้ตารางเลื่อนในกรอบพร้อมเงาบอกทิศทาง หรือแปลงแต่ละแถวเป็นคู่ป้ายกำกับ–ค่า ห้ามบีบจนหัวคอลัมน์ตัดScroll tables inside a signposted frame or convert rows to label–value pairs. Never squash until headers truncate.

เครื่องคำนวณCalculators

แสดงวิธีคิด ตัวอย่าง และขอบเขตของผลลัพธ์Show the method, example and limits of the result

ฐานอัตราต้องอยู่ติดกับตัวเลขเสมอKeep the rate basis beside the number

สินเชื่อทะเบียนรถของเงินเทอร์โบระบุวิธีคิดแบบ ลดต้นลดดอก 15–24% ต่อปี ส่วน 0.68% ต่อเดือนแบบคงที่ เป็นค่าเทียบเท่าโดยประมาณของตัวอย่าง 20,000 บาท 24 งวดเท่านั้น ห้ามนำ 0.68% ไปคำนวณทุกระยะเวลาเหมือนเป็นอัตราสัญญาเดียวกัน หากแสดง Flat ต้องแปลงจากกระแสเงินสดกลับเป็นอัตราลดต้นลดดอกต่อปีและใส่จำนวนงวดไว้ข้างกันTURBO registration-backed loans disclose a 15–24% annual reducing-balance method. The 0.68% monthly flat figure is only an approximate equivalent for the 20,000-baht, 24-month worked example. Never extrapolate 0.68% across every term as one contractual rate. When Flat is shown, convert its cashflows to an annual reducing-balance comparison and keep the term beside it.

ผลลัพธ์ต้องมีEvery result includes

เงินต้น จำนวนงวด อัตราที่ใช้ และยอดต่อเดือนPrincipal, term, applied rate and monthly amount
สูตรหรือคำอธิบายวิธีคำนวณที่คนทั่วไปอ่านได้A formula or plain-language calculation method
กฎการปัดเศษที่ใช้กับยอดชำระThe rounding rule applied to repayments
ยอดชำระรวม ดอกเบี้ยรวม และฐานอัตราที่ใช้เปรียบเทียบTotal repayment, total interest and the comparison-rate basis
ข้อความว่าผลเป็นประมาณการ ไม่ใช่ข้อเสนอสินเชื่อA statement that the result is an estimate, not an offer

การทดสอบขอบเขตBoundary tests

ค่าต่ำสุด ค่าสูงสุด ศูนย์ ช่องว่าง และตัวอักษรแทนตัวเลขMinimum, maximum, zero, blank and non-numeric input
ทศนิยมยาว การปัดขึ้น และค่าที่เกินเพดานผลิตภัณฑ์Long decimals, round-up and values above product limits
ภาษาไทยและอังกฤษต้องให้ผลตัวเลขเดียวกันThai and English must return identical numbers
ตัวอย่าง 20,000 / 24 งวด / ลดต้นลดดอก 15% ต้องปัดเป็น 970 บาท และ 0.68% Flat ต้องได้ 969.33 บาทก่อนปัดThe 20,000 / 24-month / 15% reducing example rounds to 970 baht; the 0.68% Flat reference returns 969.33 before rounding

โปะหนี้Extra payments

จำลองเงินเพิ่มรายเดือนและเงินก้อนเฉพาะเมื่อเงินไปตัดต้นแบบลดต้นลดดอกได้จริง โหมด Flat ต้องถามส่วนลดดอกเบี้ยและยอดปิดจากสัญญา ห้ามคาดเดาModel recurring and one-off extras only when they genuinely reduce principal. Flat contracts require their own rebate and settlement terms; never guess them.

เวลาและเงินเฟ้อTime and inflation

ผล “ถึงเป้าหมายเมื่อไร” คำนวณเป็นจำนวนเดือนเต็มและเก็บปีสุดท้ายที่ไม่ครบ 12 เดือน เป้าหมายค่าเงินวันนี้ต้องเพิ่มตามเงินเฟ้อก่อนหายอดออมTime-to-goal resolves to whole months and retains a partial final year. A goal stated in today's money is inflated before calculating the required saving.

การใช้งานและการส่งต่อUse and handoff

ช่องตัวเลขเว้นว่างระหว่างพิมพ์ได้ แล้ว clamp เมื่อออกจากช่อง ผลเปลี่ยนต้องมี aria-live ตารางเลื่อนในกรอบ และผู้ใช้คัดลอกสรุปหรือดาวน์โหลด CSV ได้โดยข้อมูลไม่ออกจากเครื่องNumeric fields may stay blank while editing and clamp on blur. Announce result changes with aria-live, scroll tables inside their frame, and offer local-only summary copy or CSV export.

บทที่ 20Chapter 20

พันธมิตรและโคแบรนด์Partnerships and co-branding

การวางสองโลโก้ข้างกันไม่ได้ทำให้ความสัมพันธ์ชัดขึ้นโดยอัตโนมัติ ก่อนออกแบบต้องตอบว่าใครเป็นเจ้าของประสบการณ์ ใครรับผิดชอบบริการ และลูกค้าควรจำชื่อใดPlacing two logos side by side does not automatically explain a relationship. Before design begins, decide who owns the experience, who delivers the service and which name customers should remember.

รูปแบบความสัมพันธ์Relationship models

เลือกหนึ่งในสามแบบก่อนวางโลโก้Choose one of three models before placing marks

เงินเทอร์โบนำ

Turbo-led

เราถือประสบการณ์We own the experience

ใช้ระบบเงินเทอร์โบเต็มรูปแบบ โลโก้พันธมิตรอยู่ในบทบาท “ร่วมกับ” หรือ “สนับสนุนโดย” และเล็กกว่าUse the full Turbo system. The partner appears as “with” or “supported by” and is smaller.

เท่าเทียม

Equal partnership

ทั้งสองฝ่ายถือร่วมกันJoint ownership

โลโก้มีน้ำหนักทางสายตาใกล้กัน ใช้พื้นขาวและองค์ประกอบกลางที่ไม่ลอกภาษาภาพของฝ่ายใดฝ่ายหนึ่งMarks carry similar visual weight on white, with a neutral composition that does not imitate either brand's full visual language.

พันธมิตรนำ

Partner-led

เราให้บริการบางส่วนWe provide one part

ใช้ระบบของพันธมิตรและโลโก้เงินเทอร์โบในเขตรับรอง ห้ามนำแถบชมพูไปครอบงานของเขาUse the partner's system and place Turbo in an endorsement zone. Never wrap their work in our pink fascia.

ล็อกอัปLockups

เส้นคั่นหนึ่งเส้น ระยะ 1X ทั้งสองข้างOne divider, 1X on both sides

ความสูงของโลโก้คู่ค้าไม่จำเป็นต้องเท่ากัน ให้ปรับจนพื้นที่หมึกและน้ำหนักทางสายตาใกล้กัน ระยะรวมของล็อกอัปวัดจากขอบภาพจริง ไม่ใช่กรอบไฟล์Partner marks need not share literal height. Adjust until ink area and optical weight are comparable. Measure the lockup from visible artwork, not file bounds.

ชื่อพันธมิตร

PARTNER NAME

กฎการประกอบAssembly rules

ใช้โลโก้ต้นฉบับของทั้งสองฝ่าย ห้ามพิมพ์ชื่อแทนโลโก้ที่มีอยู่Use original marks from both parties; never typeset a substitute
เส้นคั่นสูงไม่เกิน 70% ของโลโก้ที่สูงกว่าDivider height never exceeds 70% of the taller mark
ล็อกอัปมีพื้นที่ปลอดภัย 1X รอบชุดทั้งหมดThe full lockup receives 1X clear space
บนพื้นสี ใช้ฉบับสีเดียวที่ทั้งสองแบรนด์อนุมัติOn colour, use a one-colour version approved by both brands

ลำดับการมองเห็นVisual hierarchy

ขนาดบอกบทบาท ไม่ได้บอกคุณค่าขององค์กรSize communicates role, not organisational worth

บทบาทRole	น้ำหนักโลโก้Mark weight	ภาษาภาพVisual language	คำอธิบายDescriptor
ผู้จัดHost	100%	ระบบของผู้จัดHost system	“จัดโดย” ไม่จำเป็น“Hosted by” optional
ผู้จัดร่วมCo-host	85%–100%	ระบบกลางNeutral joint system	“ร่วมกับ”“In partnership with”
ผู้สนับสนุนSponsor	55%–70%	ระบบของผู้จัดHost system	“สนับสนุนโดย”“Supported by”
ผู้ให้บริการService provider	45%–60%	ระบบของเจ้าของประสบการณ์Experience owner's system	“ให้บริการโดย”“Service provided by”

การใช้งานจริงApplications

พื้นที่เดียวกัน แต่ความรับผิดชอบต้องไม่คลุมเครือShared space must not blur responsibility

หน้าเว็บร่วมJoint landing page

หัวหน้าอธิบายว่าใครเสนออะไร ข้อมูลที่กรอกส่งให้ใคร และใครติดต่อกลับ โลโก้ไม่แทนคำอธิบายเหล่านี้The first screen explains who offers what, who receives submitted data and who follows up. Logos do not replace this explanation.

กิจกรรมและสปอนเซอร์Events and sponsorship

ป้ายเวทีใช้โซนโลโก้เดียว เรียงตามระดับสัญญา ไม่กระจายโลโก้ทั่วพื้นหลัง และมีไฟล์ขาวดำสำรองStage graphics use one logo zone ordered by contract tier. Do not scatter marks across the backdrop. Keep a monochrome fallback.

เอกสารร่วมJoint documents

หัวกระดาษระบุเจ้าของเอกสาร ส่วนท้ายระบุนิติบุคคล ช่องทางร้องเรียน และเวอร์ชันของข้อกำหนดThe header names the document owner. The footer names legal entities, complaint channels and terms version.

ก่อนเผยแพร่Before release

งานโคแบรนด์ต้องผ่านทั้งความถูกต้องและความสัมพันธ์Co-brand work passes both accuracy and relationship review

ระบุเจ้าของประสบการณ์แล้วหรือยังIs the experience owner explicit?

ชัดตั้งแต่หน้าแรกหรือบรรทัดแรก

Clear from the first screen or line

ไฟล์โลโก้มาจากเจ้าของแบรนด์หรือไม่Did each mark come from its brand owner?

ไม่ดึงจากการค้นหารูปหรือไฟล์เก่า

Never from image search or an old deck

ขนาดตรงกับบทบาทในสัญญาหรือไม่Does size match the contracted role?

ไม่ตัดสินจากความชอบส่วนตัว

Never based on personal preference

คำรับรองและสิทธิ์ใช้ชื่อผ่านกฎหมายแล้วหรือยังAre endorsements and naming rights legally cleared?

รวมระยะเวลา ประเทศ และช่องทาง

Including duration, territory and channels

ข้อมูลส่วนบุคคลส่งไปที่ใครชัดไหมIs personal-data routing clear?

นโยบายความเป็นส่วนตัวตรงกับการไหลจริง

Privacy notice matches the actual flow

ทั้งสองฝ่ายอนุมัติไฟล์สุดท้ายเดียวกันหรือไม่Did both parties approve the same final file?

บันทึกเวอร์ชันและผู้อนุมัติไว้กับไฟล์

Store version and approvers with the asset

บทที่ 21Chapter 21

ประสบการณ์บริการService experience

แบรนด์เกิดขึ้นจริงตอนลูกค้ารอคำตอบ อ่านสัญญา ชำระค่างวด หรือขอความช่วยเหลือ บทนี้กำหนดพฤติกรรมและข้อมูลที่ต้องเหมือนกันทุกช่องทาง เพื่อไม่ให้คำสัญญาบนเว็บไซต์หายไปที่หน้าเคาน์เตอร์The brand becomes real while customers wait for an answer, read a contract, make a payment or ask for help. This chapter aligns behaviour and information across channels so the promise on the website survives at the counter.

หลักบริการService principles

รู้เรื่อง รู้สถานะ รู้ว่าใครรับช่วงต่อKnow the answer, the status and who owns the next step

อธิบายก่อนขอExplain before asking

บอกเหตุผลก่อนขอเอกสาร ข้อมูลส่วนบุคคล หรือลายเซ็น ลูกค้าต้องรู้ว่าข้อมูลใช้ทำอะไรExplain why before requesting a document, personal data or signature. Customers know what it will be used for.

ไม่ปล่อยให้เดาNever leave people guessing

ทุกการรอบอกสถานะ เหตุผล ผู้รับผิดชอบ และเวลาที่ควรคาดหวัง แม้ยังไม่มีคำตอบสุดท้ายEvery wait includes status, reason, owner and expected timing—even before a final answer exists.

ส่งต่อพร้อมบริบทHandover with context

ลูกค้าไม่ต้องเล่าเรื่องเดิมซ้ำ ทีมส่งต่อสรุปปัญหา สิ่งที่ตรวจแล้ว และสิ่งที่ต้องทำต่อCustomers do not repeat their story. Handover includes issue, checks completed and next action.

เส้นทางหลักCore journey

หกช่วง หนึ่งเจ้าของต่อหนึ่งขั้นSix stages, one owner for every next step

ช่วงStage	ลูกค้าต้องรู้Customer knows	หลักฐานที่ส่งมอบEvidence delivered	ห้ามจบด้วยNever end with
ค้นหาDiscover	มีทางเลือกอะไรและต่างกันอย่างไรWhat choices exist and how they differ	หน้าสรุป เงื่อนไข ช่องทางตรวจสอบSummary, terms, verification route	“ทักมาเดี๋ยวบอก”“Message us to find out”
สอบถามEnquire	ต้องเตรียมอะไรและใครติดต่อกลับWhat to prepare and who follows up	รายการเอกสารและเลขอ้างอิงDocument list and reference number	การรับปากโดยไม่มีเจ้าของAn ownerless promise
สมัครApply	ข้อมูลใดจำเป็นและใช้เพื่ออะไรWhich data is required and why	ใบรับข้อมูลและนโยบายที่เกี่ยวข้องSubmission receipt and relevant notices	หน้าจอว่างหลังส่งA blank screen after submit
พิจารณาAssess	สถานะ เหตุผล และขั้นถัดไปStatus, reason and next step	ข้อความสถานะที่มีวันเวลาTimestamped status message	“รอระบบ” โดยไม่บอกเมื่อไร“Wait for the system” without timing
ตัดสินใจDecide	วงเงินจริง ยอดชำระ และเงื่อนไขทั้งหมดActual amount, repayments and full terms	สรุปก่อนสัญญาและช่องทางถามPre-contract summary and question route	ปุ่มยืนยันที่เงื่อนไขอยู่ไกลConfirmation far from terms
ดูแลต่อService	ยอด วันครบกำหนด ช่องทางชำระ และความช่วยเหลือAmount, due date, payment route and support	ใบเสร็จ ประวัติ และช่องทางร้องเรียนReceipt, history and complaint route	ข้อความเตือนที่ไม่มีทางแก้A reminder without a remedy

มาตรฐานช่องทางChannel standards

ข้อมูลเดียวกัน รูปแบบเหมาะกับช่องทางSame information, channel-appropriate form

สาขาBranch

ทวนความต้องการก่อนเสนอผลิตภัณฑ์ ใช้เอกสารสรุปที่ลูกค้าถือกลับได้ และชี้ตำแหน่งเงื่อนไขสำคัญด้วยนิ้ว ไม่อ่านข้ามConfirm the need before recommending. Provide a take-home summary and physically point to critical terms rather than skipping them.

โทรศัพท์Phone

บอกชื่อ หน่วยงาน และเหตุผลที่โทร ตรวจสอบตัวตนด้วยข้อมูลเท่าที่จำเป็น สรุปการตกลงก่อนวางสายState name, team and reason for calling. Verify identity with only necessary data and recap the agreement before ending.

แชทChat

หนึ่งข้อความต่อหนึ่งประเด็น ใช้รายการเมื่อมีหลายขั้นตอน ส่งลิงก์ทางการพร้อมคำอธิบาย ไม่ส่งภาพหน้าจอแทนข้อมูลที่เข้าถึงได้One message per point, lists for multi-step tasks, and official links with context. Never replace accessible information with screenshots.

SMSSMS

ขึ้นต้นด้วยเงินเทอร์โบ ระบุวัตถุประสงค์ ยอด/วันเมื่อเกี่ยวข้อง ลิงก์โดเมนทางการ และช่องทางตรวจสอบOpen with Turbo, state purpose, include amount/date where relevant, use an official-domain link and provide verification.

อีเมลEmail

หัวเรื่องบอกการกระทำหรือสถานะ ย่อหน้าแรกสรุปคำตอบ เอกสารแนบมีชื่อไฟล์อ่านได้และเลขเวอร์ชันSubject states action or status. The first paragraph summarises the answer. Attachments have readable names and version numbers.

แอปและเว็บApp and web

สถานะตรงกับระบบหลังบ้าน มีเวลาอัปเดต ปุ่มช่วยเหลืออยู่ใกล้ข้อมูลที่ผิดปกติ และไม่ใช้ toast กับข้อมูลที่ต้องจำStatus matches the system of record and shows update time. Help sits beside anomalies. Never use transient toast for information people must retain.

การรอและการส่งต่อWaiting and handover

ถ้ายังตอบไม่ได้ ต้องตอบได้ว่ากำลังเกิดอะไรIf the answer is not ready, explain what is happening

ข้อความสถานะที่ครบ

Complete status message

“เราได้รับเอกสารของคุณแล้ว ขณะนี้ทีมสินเชื่อกำลังตรวจสอบข้อมูล เจ้าหน้าที่ชื่อณัฐจะอัปเดตผลผ่าน SMS ที่เบอร์ลงท้าย 8899 ภายในเวลาที่แจ้งไว้ หากต้องการแก้ข้อมูล โทร 02-857-8888 พร้อมเลขอ้างอิง T-240825”“We have received your documents and the credit team is reviewing them. Nat will update you by SMS at the number ending 8899 within the stated time. To correct any information, call 02-857-8888 with reference T-240825.”

องค์ประกอบห้าส่วนFive required parts

สิ่งที่ได้รับหรือทำแล้วWhat was received or completed
สิ่งที่กำลังเกิดขึ้นWhat is happening now
คนหรือทีมที่รับผิดชอบPerson or team responsible
ช่องทางและเวลาของการอัปเดตครั้งถัดไปChannel and timing of the next update
เลขอ้างอิงและทางแก้ข้อมูลReference and correction route

ข้อร้องเรียนComplaints

รับฟัง แยกข้อเท็จจริง ยืนยันเจ้าของ และปิดวงจรListen, separate facts, assign ownership and close the loop

รับฟังListen

ไม่ขัดจังหวะ ไม่รีบแก้ต่าง และทวนผลกระทบที่ลูกค้าบอกDo not interrupt or defend. Reflect the impact described.

บันทึกRecord

แยกสิ่งที่เกิดขึ้น หลักฐาน ความต้องการ และข้อมูลติดต่อSeparate event, evidence, desired outcome and contact details.

รับผิดชอบOwn

ให้เลขเรื่อง ชื่อทีม และเวลาของการอัปเดตครั้งถัดไปProvide case number, owning team and next update time.

ปิดวงจรClose

สรุปผล เหตุผล สิ่งที่แก้ และช่องทางอุทธรณ์หรือร้องเรียนต่อSummarise outcome, reason, remedy and escalation route.

การวัดผลMeasurement

วัดสิ่งที่ลูกค้าได้รับ ไม่ใช่แค่ความเร็วของทีมMeasure customer outcomes, not only team speed

มิติDimension	คำถามQuestion	หลักฐานEvidence
ความเข้าใจUnderstanding	ลูกค้าอธิบายยอด วัน และขั้นต่อไปได้ไหมCan the customer explain amount, date and next step?	ทดสอบความเข้าใจและคำถามซ้ำComprehension tests and repeat questions
ความต่อเนื่องContinuity	ต้องเล่าเรื่องเดิมกี่ครั้งHow often must the story be repeated?	จำนวนการส่งต่อและข้อมูลที่สูญหายHandover count and lost context
การฟื้นตัวRecovery	เมื่อผิดพลาด ลูกค้ากลับไปทำงานต่อได้เร็วแค่ไหนAfter failure, how quickly can the task resume?	เวลาแก้ไขและการติดต่อซ้ำResolution time and repeat contacts
ความเชื่อใจTrust	เงื่อนไขจริงตรงกับสิ่งที่เข้าใจก่อนสมัครไหมDid actual terms match pre-application understanding?	เหตุผลยกเลิก ข้อร้องเรียน และการยืนยันหลังอธิบายCancellation reasons, complaints and post-explanation confirmation

บทที่ 22Chapter 22

การดูแลสินทรัพย์Asset operations

ระบบที่ดีพังได้จากไฟล์ชื่อ final-final-ล่าสุด.ai เพียงไฟล์เดียว บทนี้กำหนดแหล่งจริง ชื่อไฟล์ สถานะ ผู้อนุมัติ รุ่น และสิ่งที่ต้องอยู่ในแพ็กเกจส่งมอบA good system can collapse because of one file named final-final-latest.ai. This chapter defines the source of truth, naming, status, approval, versioning and release package.

แหล่งจริงหนึ่งเดียวSingle source of truth

ไฟล์ที่หาเจอง่ายกว่า ต้องไม่เก่ากว่าไฟล์ที่ถูกต้องThe easiest file to find must never be older than the correct one

ต้นฉบับ

Source

แก้ได้Editable

ไฟล์เวกเตอร์ แม่แบบ และโค้ดที่มีประวัติรุ่น เข้าถึงเฉพาะผู้ดูแลและผู้ผลิตVersioned vector files, templates and code, available only to stewards and producers.

เผยแพร่

Release

พร้อมใช้Ready to use

PNG, SVG, PDF และแม่แบบที่ผ่านอนุมัติ มีวันที่ รุ่น และเงื่อนไขการใช้Approved PNG, SVG, PDF and templates with date, version and usage conditions.

เก็บถาวร

ห้ามใช้ใหม่Do not reuse

รุ่นเก่าที่ต้องเก็บเพื่อหลักฐาน แยกโฟลเดอร์และติดคำว่า ARCHIVED ที่ระดับโฟลเดอร์Old versions retained as evidence, isolated in a folder labelled ARCHIVED at folder level.

โครงสร้างโฟลเดอร์Folder structure

จัดตามสิ่งที่คนจะนำไปใช้ ไม่ใช่ตามชื่อโปรแกรมOrganise by use, not by software name

turbo-brand/
├── 00_READ-ME/
├── 01_LOGO/             สี · ขาว · สีเดียว · ไอคอนcolour · white · mono · icon
├── 02_FONTS/            ไฟล์สิทธิ์ใช้ · คู่มือติดตั้งlicensed files · install notes
├── 03_TEMPLATES/        นามบัตร · จดหมาย · สไลด์ · โซเชียลcards · letters · slides · social
├── 04_PHOTOGRAPHY/      ต้นฉบับ · ครอป · สิทธิ์ · เครดิตsource · crops · rights · credits
├── 05_CAMPAIGNS/        ปี / ชื่อ / ช่องทาง / รุ่นyear / name / channel / version
├── 06_RELEASES/         แพ็กเกจที่อนุมัติแล้วเท่านั้นapproved packages only
└── 99_ARCHIVED/         อ่านได้ แต่ห้ามนำกลับมาใช้readable, never reusable

ชื่อไฟล์File naming

ชื่อบอกแบรนด์ สิ่งที่เป็น ภาษา ขนาด รุ่น และสถานะNames state brand, asset, language, size, version and status

รูปแบบPattern

turbo_[asset]_[variant]_[lang]_[size]_v[major-minor]_[status].[ext]

ตัวอย่าง: turbo_business-card_branch-th_90x55_v2-0_APPROVED.pdfExample: turbo_business-card_branch-th_90x55_v2-0_APPROVED.pdf

ส่วนPart	ค่าที่อนุญาตAllowed values	กฎRule
asset	logo, business-card, letterhead, social-post	อังกฤษตัวเล็ก ใช้ขีดกลางLowercase English with hyphens
variant	colour, white, branch, executive, square	ใส่เมื่อมีหลายแบบจริงInclude only when variants truly exist
lang	th, en, bi	bi หมายถึงสองภาษาในไฟล์เดียวbi means both languages in one asset
version	v2-0, v2-1	เลขหลักเพิ่มเมื่อโครงสร้างเปลี่ยน เลขรองเพิ่มเมื่อแก้รายละเอียดMajor for structural change, minor for detail change
status	WIP, REVIEW, APPROVED, ARCHIVED	APPROVED มีได้หนึ่งไฟล์ต่อชุดOnly one APPROVED file per set

รุ่นและการเปลี่ยนแปลงVersions and changes

รุ่นบอกผลกระทบ ไม่ใช่จำนวนครั้งที่บันทึกVersions describe impact, not save count

2.0

รุ่นหลักMajor

เปลี่ยนโลโก้ โครงแม่แบบ สถาปัตยกรรมชื่อ หรือกฎที่ทำให้งานเดิมไม่ผ่าน ต้องมีแผนย้ายและวันเลิกใช้Changes to mark, template structure, naming architecture or backward compatibility require migration and retirement dates.

2.1

รุ่นรองMinor

เพิ่มขนาด เพิ่มตัวอย่าง หรือปรับข้อความที่ไม่ทำให้ไฟล์เดิมผิดกฎ แจ้งในบันทึกการเปลี่ยนแปลงAdds sizes, examples or copy without invalidating existing work. Record in the changelog.

2.1.1

แก้ไขPatch

แก้คำผิด ลิงก์เสีย หรือความคลาดเคลื่อนที่ไม่กระทบรูปแบบ ไม่ต้องออกแพ็กเกจใหม่ถ้าไฟล์ปลายทางไม่เปลี่ยนFixes typos, broken links or non-visual discrepancies. No new package when outputs do not change.

บทบาทและการอนุมัติRoles and approval

ผู้ขอ ผู้ทำ ผู้ตรวจ และผู้เผยแพร่ ไม่ใช่คนเดียวกันทุกขั้นRequester, maker, reviewer and publisher are not the same role

บทบาทRole	รับผิดชอบResponsible for	อนุมัติได้May approve	ห้ามทำคนเดียวCannot do alone
เจ้าของงานBusiness owner	วัตถุประสงค์ ข้อมูล งบ และช่องทางObjective, facts, budget and channels	ความถูกต้องของเนื้อหาContent accuracy	เปลี่ยนกฎแบรนด์Change brand rules
ผู้ผลิตProducer	ออกแบบ เขียน หรือสร้างไฟล์ตามระบบDesign, write or build within the system	การตรวจตนเองSelf-check	อนุมัติงานตัวเองเป็นไฟล์เผยแพร่Release their own work
ผู้ดูแลแบรนด์Brand steward	ความสอดคล้อง การเข้าถึง และข้อยกเว้นConsistency, accessibility and exceptions	รูปแบบและแม่แบบForm and templates	ยืนยันข้อเท็จจริงธุรกิจแทนเจ้าของValidate business facts for the owner
กฎหมาย/กำกับLegal/compliance	คำรับรอง เงื่อนไข สิทธิ์ และการเก็บข้อมูลClaims, terms, rights and data handling	ถ้อยคำและความเสี่ยงทางกฎหมายLegal wording and risk	เลือกงานออกแบบจากรสนิยมSelect design by taste
ผู้เผยแพร่Publisher	ไฟล์ รุ่น ช่องทาง วันเริ่ม และวันเลิกใช้File, version, channel, start and retirement	แพ็กเกจที่ครบลายเซ็นFully signed release package	แก้ไฟล์หลังอนุมัติEdit after approval

แพ็กเกจส่งมอบRelease package

ส่งงานให้คนถัดไปใช้ได้โดยไม่ต้องถามกลับDeliver work the next person can use without asking back

ไฟล์ต้นฉบับและไฟล์พร้อมใช้Source and ready-to-use files

แยกโฟลเดอร์ชัดเจน ไม่มีลิงก์ขาด

Clearly separated with no missing links

README หนึ่งหน้าOne-page README

สิ่งที่เป็น วิธีใช้ สิ่งที่ห้าม และผู้ติดต่อ

What it is, how to use it, restrictions and contact

รายการฟอนต์และสิทธิ์Font and licence list

ระบุว่าไฟล์ใดแจกต่อได้หรือไม่ได้

State which files may or may not be redistributed

แหล่งและสิทธิ์ภาพImage source and rights

เจ้าของ วันหมดสิทธิ์ ประเทศ และช่องทาง

Owner, expiry, territory and channels

บันทึกการเปลี่ยนแปลงChangelog

รุ่น วันที่ สิ่งที่เปลี่ยน เหตุผล และผลกระทบ

Version, date, change, reason and impact

หลักฐานอนุมัติApproval evidence

ชื่อ บทบาท วันที่ และไฟล์ที่ตรงกับ hash หรือรุ่น

Name, role, date and matching hash or version

ภาพพรีวิวPreview image

เห็นได้โดยไม่ต้องเปิดโปรแกรมเฉพาะ

Viewable without specialist software

วันทบทวนหรือเลิกใช้Review or retirement date

สินทรัพย์ที่มีราคา อัตรา หรือแคมเปญต้องมีเสมอ

Mandatory for pricing, rate or campaign assets