ตัวอักษร

สภาพแวดล้อมตัวอักษรของ Spaceship ใช้ฟอนต์สองแบบ: Gotham Rounded ที่ดูเป็นมิตรและเทคนิคอล และ Proxima Nova ที่ดูเรียบง่ายและเรขาคณิตมากกว่า

Hero Image

รูปแบบตัวอักษรของ Spaceship มีความมั่นใจและตรงไปตรงมา ช่วยให้สื่อสารกับผู้ชมได้อย่างเป็นมิตรและเป็นกันเอง



ฟอนต์หลัก

Gotham Rounded เป็นฟอนต์ที่ดูเป็นมิตรแต่ยังคงความหรูหรา ใช้เฉพาะในโลโก้ Spaceship ซับแบรนด์ของผลิตภัณฑ์ และอัตลักษณ์ของทีม น้ำหนักที่อนุญาตให้ใช้มีเพียง medium, book และ light เท่านั้น









ฟอนต์รอง

Proxima Nova เป็นองค์ประกอบสำคัญของกราฟิก Spaceship ใช้เป็นฟอนต์หลักสำหรับการสื่อสารทั้งหมด น้ำหนักที่อนุญาตให้ใช้มีเพียง bold, medium, regular และ light เท่านั้น









ขนาดตัวอักษร

ระบบขนาดตัวอักษรและขั้นตอนขนาดที่จำเป็นถูกสร้างขึ้นโดยใช้สัดส่วนทองคำ (1:1.618) เราสร้างชุดขนาดตัวอักษรที่สมบูรณ์พร้อมกับ เครื่องคำนวณขนาดตัวอักษร จากขนาดฐานหลัก เนื่องจากสัดส่วนทองคำทำให้เกิดการกระโดดของขนาดที่มาก จึงต้องมีขนาดฐานรอง (2 เท่าของขนาดฐาน) เพื่อสร้างช่วงขนาดที่เหมาะสมกว่า ตัวอย่างด้านล่างแสดงขนาดตัวอักษรที่อิงจากขนาดฐาน 16px และ 32px









รูปแบบข้อความ

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




สำหรับ หัวข้อขนาดใหญ่ ให้ใช้ตัวหนา เคอร์นนิ่งแบบออปติคอล ระยะบรรทัดอัตโนมัติ และเว้นวรรคคำ 80%


สำหรับ หัวข้อหลัก ให้ใช้ตัวหนา เคอร์นนิ่งแบบออปติคอล ระยะบรรทัดอัตโนมัติ และเว้นวรรคคำ 80%


สำหรับ หัวข้อย่อยสั้น ให้ใช้ตัวกลางหรือตัวปกติ เคอร์นนิ่งแบบออปติคอล ระยะบรรทัดอัตโนมัติ และเว้นวรรคคำ 100% 


สำหรับ หัวข้อย่อยยาว ให้ใช้ตัวกลางหรือตัวปกติ เคอร์นนิ่งแบบออปติคอล ระยะบรรทัดอัตโนมัติ และเว้นวรรคคำ 100%


สำหรับ ย่อหน้า ให้ใช้ตัวปกติหรือตัวบาง เคอร์นนิ่งแบบเมตริกซ์ ระยะบรรทัดอัตโนมัติ และเว้นวรรคคำ 100%


สำหรับ เนื้อหาขนาดเล็ก ให้ใช้ตัวปกติหรือตัวบาง เคอร์นนิ่งแบบเมตริกซ์ ระยะบรรทัดอัตโนมัติ และเว้นวรรคคำ 100%







ลำดับชั้นของตัวอักษร

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









ระยะขอบปลอดภัย

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









การจับคู่สี

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










พื้นหลัง

ความคมชัดและความอ่านง่ายเป็นปัจจัยสำคัญเมื่อใช้ข้อความบนภาพหรือพื้นหลังสี










คำแนะนำ

นี่คือตัวอย่างสิ่งที่ควรหลีกเลี่ยงเมื่อทำงานกับข้อความ 




ห้ามเปลี่ยนแปลงค่าเคอร์นนิ่ง เว้นวรรคคำ และระยะบรรทัดที่กำหนดไว้อย่างมาก


คำนึงถึงลำดับชั้น: หัวข้อหลักที่เด่นกว่า หัวข้อย่อยที่เบากว่า เนื้อหา ฯลฯ


ห้ามใช้ย่อหน้าชิดขวา


ห้ามใช้สีอื่นกับข้อความ เช่น สีเสริม สีผลิตภัณฑ์ หรือสีซับแบรนด์


ใช้เฉพาะข้อความสีขาวหรือเทาเข้มบนพื้นหลังสีเท่านั้น


ความอ่านง่ายเป็นสิ่งสำคัญ หลีกเลี่ยงการวางข้อความบนภาพที่ซับซ้อนหรือพื้นหลังที่มีสีใกล้เคียงกัน