ชื่อ โลโก้ และสี

ที่มาของทุกอย่างที่เห็นบนเว็บนี้ ทำไมถึงชื่อนี้ ทำไมโลโก้หน้าตาแบบนี้ และทำไมถึงใช้แค่ห้าสี

ชื่อ

KRET CHECK! เกาะเกร็ด · ชุมชนมอญ นนทบุรี

Kret มาจากเกาะเกร็ด ตัดให้เหลือพยางค์เดียวเพื่อให้จำง่ายและพิมพ์ง่าย

Check ทำงานสองชั้นพร้อมกัน ชั้นแรกคือ เช็กอิน แบบที่ Gen Z ใช้กันจริง คือไปถึงแล้วถ่ายรูปลงโซเชียล ชั้นที่สองคือ เช็ก ในความหมายว่าตรวจสอบข้อมูลให้ครบก่อนออกจากบ้าน ซึ่งเป็นสิ่งที่เว็บนี้ทำจริง ๆ

กฎการเขียนชื่อ

ใน README, URL, handle และเอกสารทุกชนิด ให้เขียนว่า Kret Check เสมอ ส่วน KRET CHECK! ที่มีเครื่องหมายตกใจ ใช้ได้เฉพาะในโลโก้ เพราะเป็นลูกเล่นทางกราฟิก ห้ามใส่ใน URL หรือชื่อไฟล์เด็ดขาด

บรรทัดคู่ เกาะเกร็ด · ชุมชนมอญ นนทบุรี ต้องอยู่ใต้โลโก้เสมอในบริบทที่คนยังไม่รู้จักแบรนด์ เพราะชื่อ Kret Check อย่างเดียวไม่ได้บอกว่านี่คือที่ไหน

โลโก้ — เกาะกลางน้ำ

โลโก้เล่าเรื่องเดียว คือเกาะกลางแม่น้ำที่มีวัดอยู่บนนั้น

logo-full.svg
ใช้ที่ขนาด 40px ขึ้นไป

logo-circle.svg
ใช้บน navbar และบนพื้นเข้ม

logo-small.svg
เล็กกว่า 40px ตัดจุดแดดออก

ส่วนประกอบ 4 ชิ้น

โดมสีเขียว — ตัวเกาะเกร็ด
ยอดแหลมบนโดม — เจดีย์เอียงมุเตา
เส้นสองเส้นล่าง — แม่น้ำเจ้าพระยา สื่อว่าต้องนั่งเรือถึงจะไปได้
จุดเหลืองมุมขวาบน — แดดริมน้ำ ตัดออกเมื่อโลโก้เล็กกว่า 40px

สี — ห้าสี ห้ามเพิ่ม

ทุกสีเก็บมาจากของจริงที่มีอยู่บนเกาะ ไม่ได้เลือกจากจานสีในโปรแกรม

#513229 — Mother Earth

ดินเผาที่ยังไม่เคลือบ จากหมู่บ้านกวานอาม่าน

#2D4A35 — Moselle Green

ต้นไม้ริมน้ำและร่มเงาในวัด

#F4F1E2 — Lucky Dice

ดินเผาเนื้อขาวและแสงธรรมชาติ

#D8EBF9 — Something Blue

ท้องฟ้าสะท้อนผิวน้ำ

#FCE6B7 — The Bay

แดดบ่ายและขนมหวานมอญ

ทำไมถึงล็อกไว้แค่ห้าสี

ยิ่งมีสีน้อย โอกาสที่คู่สีจะพังตอนสลับโหมดกลางวัน/กลางคืนยิ่งน้อย ด้วยเหตุผลเดียวกัน navbar, hero, ส่วนสิ่งอำนวยความสะดวก และ footer ถูกล็อกสีไว้ตายตัว ไม่เปลี่ยนตามโหมด ถ้าต้องการเฉดใหม่ ให้ทำให้เข้มขึ้นหรืออ่อนลงจากห้าสีเดิม อย่าเพิ่มสีใหม่

ดูค่าคอนทราสต์ทุกคู่ได้ที่ หน้าผังเว็บ

ฟอนต์

Display / heading — Mitr 500, 600, 700

มีเวลาครึ่งวันก็ไปเกาะเกร็ดได้

Body — IBM Plex Sans Thai 400, 500, 600

เกาะกลางแม่น้ำเจ้าพระยาที่ยังมีชุมชนมอญอยู่จริง วัดเก่า เตาเผาเครื่องปั้นดินเผา และคาเฟ่ริมน้ำที่เปิดใหม่เรื่อย ๆ

Label / mono — IBM Plex Mono 400, 500

เกาะเกร็ด · ชุมชนมอญ นนทบุรี · 0123456789

โหลดจาก Google Fonts ทั้งหมด เรียกครั้งเดียวใน <head> ของทุกหน้า