Logo
Guideline Cōsmo
    • Tone of Voice
    • Brand Story

                Previous

                Next

                Typography

                Transforming vision into tangible value text banner with blue headline on white background

                Download Unbounded

                UNBOUND advertisement screenshot with “1,000+ homes delivered” and Alphabet letter icons (typography preview)
                “More than an advice, a crown of trust” leadership quote with 40% and 20% ratings, comparing “Too loose” vs “Good”
                Leadership styles feedback: “Established in 1987” good example, too loose, and too tight comparison with arrows and icons
                Article graphic titled “The Future of Typography in Digital Branding” with typography examples and layout design text
                Crowntust Care branding on blue crown shield background with curved panel design and text: “The story behind”

                Type System

                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

                Leading

                Trong lĩnh vực thiết kế chữ, Leading là khoảng cách thẳng đứng giữa các dòng văn bản, được đo từ đường cơ sở (baseline) này đến đường cơ sở khác. Leading hợp lý giúp các dòng chữ có đủ không gian, không quá chật chội gây khó đọc, cũng không quá xa khiến người đọc dễ bị đứt mạch. Leading giúp tạo ra hệ thống phân cấp, cải thiện tính dễ đọc và sự hài hòa thị giác, từ đó mang lại trải nghiệm đọc hấp dẫn hơn.

                 

                Cho tiêu đề

                Khi sử dụng cho tiêu đề, phông chữ Raleway cần có leading hẹp để làm nổi bật vẻ ngoài mạnh mẽ, tiêu đề thường lớn, việc giảm khoảng cách dọc giữa các dòng sẽ giúp giữ bố cục chữ không bị lỏng. Để đạt được sự rõ ràng và hài hòa về mặt thẩm mỹ, chúng tôi khuyến nghị đặt leading cho Raleway ở mức khoảng 120–140% kích thước phông chữ.

                Cho phần nội dung

                 

                Khi sử dụng cho phần nội dung chính, phông chữ Raleway cần leading rộng rãi để đảm bảo người đọc cảm thấy thoải mái, đặc biệt là trong các bố cục dày đặc thông tin. Dáng chữ sạch và thoáng của phông này sẽ phát huy tốt nhất với khoảng cách dọc được tăng lên một chút, giúp mỗi dòng chữ có không gian "thở". Để có trải nghiệm đọc tốt nhất, chúng tôi khuyến nghị đặt leading ở mức khoảng 130–140% kích thước phông chữ.

                Hierarchy

                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

                Examples

                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.