ใช้แบบอักษร

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

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

ชื่อคือข้อความแบบลำดับชั้นที่ใช้เป็นกลไกในการค้นหาเส้นทาง เช่น หน้าเว็บ ชื่อส่วน หรือชื่อส่วนย่อย (ในกรณีของ TitleSmall)

• TitleLarge คือชื่อที่ใหญ่ที่สุด ชื่อมีขนาดเล็กกว่าการแสดง โดยปกติแล้วจะใช้กับข้อความที่มีการเน้นปานกลางซึ่งมีความยาวสั้นกว่า และไม่แนะนำให้ใช้กับคอมโพเนนต์แบบอินเทอร์แอกทีฟ แต่ควรใช้กับส่วนหัวของหน้าเว็บหรือส่วนหัวย่อย
• TitleMedium คือชื่อสื่อ ชื่อมีขนาดเล็กกว่าการแสดง โดยปกติแล้วจะใช้กับข้อความที่มีการเน้นปานกลางซึ่งมีความยาวสั้นกว่า และไม่แนะนำให้ใช้กับคอมโพเนนต์แบบอินเทอร์แอกทีฟ แต่ควรใช้กับส่วนหัวของหน้าเว็บหรือส่วนหัวย่อย
• TitleSmall เป็นชื่อที่เล็กที่สุด ชื่อมีขนาดเล็กกว่าการแสดง โดยปกติแล้วจะใช้กับข้อความที่มีการเน้นปานกลางซึ่งมีความยาวสั้นกว่า และไม่แนะนำให้ใช้กับคอมโพเนนต์แบบอินเทอร์แอกทีฟ แต่ควรใช้กับส่วนหัวของหน้าเว็บหรือส่วนหัวย่อย

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

• LabelLarge เป็นป้ายกำกับที่ใหญ่ที่สุด ป้ายกำกับใช้สำหรับแสดง ข้อความที่โดดเด่น เช่น ป้ายกำกับบนปุ่มชื่อ ซึ่งใช้กับคอมโพเนนต์แบบอินเทอร์แอกทีฟ
• LabelMedium คือป้ายกำกับสื่อ และเป็นป้ายกำกับที่ใช้กันมากที่สุด ป้ายกำกับใช้สำหรับแสดงข้อความ เช่น ป้ายกำกับหลักบนปุ่ม ซึ่งใช้กับคอมโพเนนต์แบบอินเทอร์แอกทีฟ
• LabelSmall คือป้ายกำกับขนาดเล็ก ป้ายกำกับใช้สำหรับแสดงข้อความ เช่น ป้ายกำกับรองบนปุ่ม ป้ายกำกับบนปุ่มขนาดกะทัดรัด ซึ่งใช้กับ คอมโพเนนต์แบบอินเทอร์แอกทีฟ

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

• BodyLarge เป็นขนาดตัวอักษรที่ใหญ่ที่สุด โดยปกติแล้ว ข้อความเนื้อหาจะใช้สำหรับการเขียนแบบยาว เนื่องจากเหมาะกับข้อความขนาดเล็ก สำหรับข้อความส่วนที่ยาวขึ้น ขอแนะนำให้ใช้แบบอักษร Serif หรือ Sans Serif
• BodyMedium เป็นองค์ประกอบที่ใหญ่เป็นอันดับ 2 โดยปกติแล้ว ข้อความเนื้อหาจะใช้สำหรับการเขียนแบบยาว เนื่องจากเหมาะกับข้อความขนาดเล็ก สำหรับข้อความส่วนที่ยาวขึ้น ขอแนะนำให้ใช้แบบอักษร Serif หรือ Sans Serif
• BodySmall เป็นขนาดตัวอักษรที่เล็กที่สุด โดยปกติแล้ว ข้อความเนื้อหาจะใช้สำหรับการเขียนแบบยาว เนื่องจากเหมาะกับข้อความขนาดเล็ก สำหรับข้อความส่วนที่ยาวขึ้น ขอแนะนำให้ใช้แบบอักษร Serif หรือ Sans Serif
• BodyExtraSmall คือข้อความเนื้อหาที่เล็กที่สุด โดยปกติแล้ว ข้อความเนื้อหาจะใช้สำหรับการเขียนแบบยาว เนื่องจากเหมาะกับข้อความขนาดเล็ก สำหรับข้อความส่วนที่ยาวขึ้น ขอแนะนำให้ใช้แบบอักษร Serif หรือ Sans Serif

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

• NumeralsExtraLarge เป็นบทบาทที่ใหญ่ที่สุดสำหรับตัวเลข ตัวเลขจะใช้ช่องว่างแบบตารางโดยค่าเริ่มต้น โดยจะไฮไลต์และแสดงตัวเลขที่ดูได้อย่างรวดเร็วซึ่งมี อักขระเพียง 2 หรือ 3 ตัวเท่านั้น และไม่จำเป็นต้องมีการแปล เช่น หน้าจอการชาร์จหรือเครื่องมือเลือกเวลา
• NumeralsLarge เป็นบทบาทที่ใหญ่เป็นอันดับ 2 สำหรับตัวเลข ตัวเลขจะใช้ การเว้นวรรคแบบตารางโดยค่าเริ่มต้น โดยเป็นสตริงตัวเลขขนาดใหญ่ที่ใช้ได้เฉพาะกับจอแสดงผลขนาดใหญ่ที่แสดงเวลา ซึ่งไม่จำเป็นต้องมีการแปล เช่น ตัวนับถอยหลังหรือเครื่องมือเลือกเวลา
• NumeralsMedium เป็นบทบาทที่ใหญ่เป็นอันดับ 3 สำหรับตัวเลข ตัวเลขจะใช้ การเว้นวรรคแบบตารางโดยค่าเริ่มต้น โดยเป็นตัวเลขขนาดกลางที่มีข้อจำกัด เป็นสตริงตัวเลขสั้นๆ ซึ่งไม่จำเป็นต้องมีการแปล เช่น จำนวนก้าว หรือเครื่องมือเลือกเวลา
• NumeralsSmall เป็นบทบาทที่ใหญ่เป็นอันดับ 4 สำหรับตัวเลข ตัวเลขจะใช้ การเว้นวรรคแบบตารางโดยค่าเริ่มต้น ใช้สำหรับตัวเลขที่ต้องการเน้นใน ขนาดเล็กกว่า ซึ่งไม่จำเป็นต้องมีการแปล เช่น ตัวเลือกวันที่และเวลา
• NumeralsExtraSmall เป็นบทบาทที่เล็กที่สุดสำหรับตัวเลข ตัวเลขจะใช้ช่องว่างแบบตารางโดยค่าเริ่มต้น โดยใช้สำหรับหมายเลขที่ต้องรองรับสตริงตัวเลขที่ยาวขึ้น ซึ่งไม่จำเป็นต้องมีการแปล เช่น เมตริกในระหว่างออกกำลังกาย

ข้อความส่วนหัวของอาร์คใช้สำหรับข้อความโค้งที่ประกอบกันเป็นป้ายบอกทางใน UI เช่น ข้อความเวลาและป้ายกำกับโค้ง แกนแบบอักษรที่ปรับแต่งมาซึ่งเพิ่มประสิทธิภาพ แบบอักษรตามเส้นโค้งและเพื่อรองรับระยะห่างที่แตกต่างกันซึ่ง ปรากฏระหว่างอักขระเมื่อวางไว้ที่ด้านบนเทียบกับด้านล่างของหน้าจอโค้ง

ด้านบน

• ArcLarge ใช้สำหรับส่วนหัวและชื่อของ Arc Arc ใช้สำหรับข้อความตามเส้นโค้ง บนหน้าจอ ซึ่งสงวนไว้สำหรับสตริงข้อความส่วนหัวสั้นๆ ที่ด้านบนสุดหรือ ด้านล่างสุดของหน้าจอ เช่น ภาพซ้อนทับการยืนยัน
• ArcMedium ใช้สำหรับส่วนหัวและชื่อของ Arc Arc ใช้สำหรับข้อความตามเส้นโค้ง บนหน้าจอ โดยสงวนไว้สำหรับสตริงข้อความส่วนหัวสั้นๆ ที่ด้านบนสุดหรือ ด้านล่างสุดของหน้าจอ เช่น ชื่อหน้าเว็บ
• ArcSmall เหมาะสำหรับสตริงข้อความโค้งที่จำกัด Arc ใช้สำหรับข้อความตามเส้นโค้ง บนหน้าจอ โดยสงวนไว้สำหรับสตริงข้อความโค้งสั้นๆ ที่ด้านบนของ หน้าจอ เช่น ข้อความเวลา

ด้านล่าง

• ArcLarge ใช้สำหรับส่วนหัวและชื่อของ Arc Arc ใช้สำหรับข้อความตามเส้นโค้ง บนหน้าจอ ซึ่งสงวนไว้สำหรับสตริงข้อความส่วนหัวสั้นๆ ที่ด้านบนสุดหรือ ด้านล่างสุดของหน้าจอ เช่น ภาพซ้อนทับการยืนยัน
• ArcMedium ใช้สำหรับส่วนหัวและชื่อของ Arc Arc ใช้สำหรับข้อความตามเส้นโค้ง บนหน้าจอ โดยสงวนไว้สำหรับสตริงข้อความส่วนหัวสั้นๆ ที่ด้านบนสุดหรือ ด้านล่างสุดของหน้าจอ เช่น ชื่อหน้าเว็บ
• ArcSmall เหมาะสำหรับสตริงข้อความโค้งที่จำกัด Arc ใช้สำหรับข้อความตามเส้นโค้งบนหน้าจอ โดยสงวนไว้สำหรับสตริงข้อความโค้งสั้นๆ ที่ด้านล่างของหน้าจอ เช่น คำกระตุ้นให้ดำเนินการ