Brand Book
Corporate Identity · v1.0

Krabi Digital
Solutions Brand Book

คู่มือการใช้ตราสัญลักษณ์ "Pixel K" สี ตัวอักษร และองค์ประกอบกราฟิก สำหรับทุกงานของ Krabi Digital ตั้งแต่เว็บไซต์ นามบัตร ไปจนถึงโพสต์โซเชียล

MARK K8 · Pixel KPRIMARY #0059FFTYPE Red Hat Display / Plus Jakarta SansDATE 28.09.2026
02 / CONSTRUCTION

สร้างบน grid 100 unit

ทุกชิ้นวางบนตาราง 100 × 100 ตัว symbol กินพื้นที่ 80 × 80 unit (x 12–92) เส้นทแยงทุกเส้นทำมุมเดียวกัน pixel วางตามแนวทแยงลงขวาล่าง

Artboard100 × 100 u
Symbol bounds80 × 80 u (12,12 → 92,92)
Stem22 × 76 u · r 2
Arm angle≈ 53.6° (rise 38 / run 28)
Pixel 1 · 2 · 314 · 12 · 8 u
Spark pixel7 u · Sky / Cyan
Pixel step+17 / +13 · +15 / +13
Corner radius2 u (pixel ≤ 8 u → 1.5 u)
Wordmark cap height≈ 0.44 × symbol
Symbol ↔ wordmark gap0.42 × wordmark size

ใช้ไฟล์ต้นฉบับเสมอ ห้ามวาดใหม่หรือ trace จากภาพ ค่าตัวเลขด้านบนไว้ตรวจงานที่ผลิตออกมา

03 / CLEAR SPACE & SIZE

ให้โลโก้มีที่หายใจ

พื้นที่ว่างรอบโลโก้เท่ากับ x = ความกว้างของก้าน K ห้ามมีข้อความ รูป หรือขอบกระดาษเข้ามาในพื้นที่นี้

ขนาดเล็กสุด

Horizontal · 120 px / 30 mm
Vertical · 64 px / 18 mm
Symbol · 24 px / 6 mm
Favicon · 16 px*

* ที่ 16 px ใช้ไฟล์ favicon ที่ตัด spark pixel ออกและขยาย pixel สุดท้าย เพื่อให้ไม่แตกเป็นจุดเบลอ

04 / COLOR

Navy ให้ความมั่นใจ Blue ให้พลัง

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

Supporting

WHITE 40%
NAVY 30%
BLUE 15%
MIST 10%
5%

สัดส่วนสีโดยประมาณในงานทั่วไป Blue ใช้กับจุดที่ต้องการให้สนใจ ไม่ใช้เป็นพื้นทั้งหน้า

Aa White / Navy · 16.4 : 1
Aa White / Blue · 5.4 : 1
Aa Blue / White · 5.4 : 1
Aa Cyan / Navy · 13.1 : 1

คู่สีที่ผ่าน WCAG AA ห้ามใช้ Cyan กับพื้นขาว และห้ามใช้ Sky เป็นสีตัวอักษรบนพื้นขาว

05 / TYPOGRAPHY

สองฟอนต์ภาษาอังกฤษ หนึ่งฟอนต์ภาษาไทย

Red Hat Display ทำหน้าที่หัวเรื่องและ wordmark Plus Jakarta Sans เป็นเนื้อหา ทั้งสองเป็น geometric sans ที่เข้ากับมุมเหลี่ยมของ Pixel K และโหลดฟรีจาก Google Fonts

HEADLINE · WORDMARKEN
Aa

Red Hat Display

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &@#
500 · 700 · 800fonts.google.com
BODY · UIEN
Aa

Plus Jakarta Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &@#
400 · 500 · 600 · 700fonts.google.com
THAIแนะนำ · รอยืนยัน
กข

Anuphan

กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรลวศษสหฬอฮ
๐๑๒๓๔๕๖๗๘๙
400 · 500 · 600 · 700Cadson Demak

Anuphan เป็นตัวไทยไม่มีหัว ทรงเรขาคณิต สูงพอดีกับ Plus Jakarta Sans ใช้คู่กันในย่อหน้าเดียวได้ ยังเป็นข้อเสนอ เปลี่ยนได้ก่อนประกาศใช้

Display · 800 · 64/1.0Your Data. Your AI.
H1 · 800 · 40/1.1Technology that's right for you
H2 · 700 · 28/1.2เว็บไซต์และระบบจองสำหรับโรงแรม
Body · 400 · 16/1.6We build websites, apps and on-prem AI for businesses in Krabi and beyond.
Body TH · 400 · 16/1.7ทีมพัฒนาเว็บ แอป และ Local AI จากกระบี่ ดูแลต่อหลังส่งงาน
Label · 600 · 11 · +16%Web · Mobile · UX/UI · Server · Local AI
06 / PIXEL SYSTEM

Pixel คือองค์ประกอบกราฟิกของแบรนด์

นำ pixel จากแขน K มาใช้เป็น pattern บนปก แบนเนอร์ และโพสต์ ทำให้ทุกงานจำได้ทันทีแม้ไม่มีโลโก้

1 · ไล่ขนาด

pixel เล็กลงเมื่อห่างจากต้นทาง อัตรา 14 → 12 → 8 → 7 ห้ามใช้ขนาดเท่ากันหมด

2 · ทิศทางเดียว

กระจายลงขวาล่างตามแขน K เสมอ วางชิดมุมหรือขอบ ไม่ลอยกลางงาน

3 · สีจำกัด

ใช้ Blue เป็นหลัก ผสม Sky / Cyan ไม่เกิน 1 ใน 4 บล็อก ห้ามใช้สีนอก palette

07 / SIGNATURE ILLUSTRATION

เขาขนาบน้ำ

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

Khao Khanab Nam · Krabiเขาหินปูนคู่ริมแม่น้ำกระบี่ ช่องแม่น้ำตรงกลางคือจุดที่ทำให้จำได้
Navy

ค่าเริ่มต้น บนพื้นขาวหรือ Mist

White

บนพื้น Navy หรือ Deep Night

Blue

ใช้เฉพาะงานโปรโมต ไม่ใช้ในเอกสาร

Watermark

สีจาง #E3EAF8 วางใต้เนื้อหา

Signature move

เขาที่กลายเป็น pixel

ยอดเขาฝั่งขวาแตกออกเป็นบล็อกตามกฎเดียวกับแขน K ไล่เล็กลงไปทางขวา จังหวะเดียวกับโลโก้ ภาพเดียวเล่าได้ครบว่า กระบี่ + digital

ใช้กับปก proposal, ปก Facebook / LINE OA, สไลด์เปิด, header หน้า About

Badge · Primary

ตรา Made in Krabi ติดท้ายเว็บลูกค้า เคสผลงาน สติ๊กเกอร์

Badge · Reversed

บนพื้นเข้ม วงนอกเปลี่ยนเป็น Blue

Badge · Mono

พิมพ์สีเดียว ปั๊มนูน สกรีนผ้า

ตัวอย่างการใช้

Website footer
พร้อมเริ่มโปรเจกต์?
คุยกับทีมจากกระบี่ ตอบภายใน 1 วันทำการ
ขอใบเสนอราคา
ServicesWeb · Mobile · UX/UIServer · Local AI
Contact080-893-0617contact@krabitech.com
HoursMon–Sat 09:00–18:00LINE @982ghtqj
Business card · Alternate front
Somchai Kraisorn
Project Lead · Web & Local AI
T080-893-0617Econtact@krabitech.comWkrabitech.com
Letterhead · A4
krabitech.com
Krabi Digital Solutions · 080-893-0617 · contact@krabitech.com

กฎการใช้

  • วางชิดขอบล่างของงานเสมอ เหมือนภูเขาตั้งอยู่บนพื้น
  • ครอปซ้ายขวาได้ แต่ช่องแม่น้ำตรงกลางต้องอยู่ในภาพ
  • ใช้สีเดียวจาก palette ต่อหนึ่งภาพ
  • หนึ่งงานใช้ภาพนี้ได้ครั้งเดียว
  • ห้ามรวมกับโลโก้เป็นชุดเดียว หรือวางในพื้นที่ว่างรอบโลโก้
  • ห้ามใส่ gradient หลายสี หรือเงา
  • ห้ามเรียงซ้ำเป็นลาย pattern
  • ห้ามแยกเขาลูกเดียวออกมาใช้

ห้ามล็อกภาพเข้ากับ symbol

ห้าม gradient หรือสีนอก palette

ห้ามครอปจนไม่เห็นช่องแม่น้ำ

08 / USAGE

ใช้ให้ถูก

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

09 / APPLICATIONS

ตัวอย่างการใช้งานจริง

ชื่อบุคคลในตัวอย่างเป็นข้อมูลสมมุติ ข้อมูลติดต่อเป็นของบริษัทจริง

Business card · 90 × 54 mm
Somchai Kraisorn
Project Lead · Web & Local AI
T080-893-0617Econtact@krabitech.comWkrabitech.comL@982ghtqj
App icon · Avatar · Favicon
iOS / Android
LINE OA / FB
32 · 16 px
Website header
krabitech.com
Krabi · Thailand

Technology that's right for your business

เว็บไซต์ ระบบจอง แอป และ AI ที่รันบนเซิร์ฟเวอร์ของคุณเอง

เริ่มโปรเจกต์ดูบริการ
Social post · 1080²
LOCAL AI

Your Data.
Your Server.
Your AI.

krabitech.com
Email signature
Somchai Kraisorn
Project Lead · Krabi Digital Solutions
T 080-893-0617 · E contact@krabitech.com
W krabitech.com · LINE @982ghtqj
Sticker · Polo shirt
10 / FILES

ไฟล์โลโก้และภาพประกอบ

กด Copy SVG แล้ววางใน Figma / Illustrator ได้เลย ไฟล์ .svg ชุดเดียวกันอยู่ในโฟลเดอร์ brand/logo/k8/ และ brand/illustration/

Wordmark ในไฟล์ SVG ใช้ฟอนต์ Red Hat Display แบบ live text ก่อนส่งโรงพิมพ์ให้ติดตั้งฟอนต์แล้ว Create Outlines