Kiểu chữ
Môi trường kiểu chữ của Spaceship sử dụng hai kiểu chữ: Gotham Rounded thân thiện, kỹ thuật và Proxima Nova đơn giản, hình học hơn.
Kiểu chữ của Spaceship thể hiện sự tự tin và rõ ràng, giúp tạo nên một tông giọng thân thiện và gần gũi với khán giả của chúng tôi.
Phông chữ chính
Gotham Rounded là một kiểu chữ thân thiện nhưng tinh tế. Nó chỉ được sử dụng trong logo Spaceship, các thương hiệu phụ của sản phẩm và nhận diện đội ngũ. Chỉ được phép sử dụng các độ đậm vừa, book và nhẹ.
Phông chữ phụ
Proxima Nova là yếu tố chính trong môi trường đồ họa của Spaceship. Đây là kiểu chữ chính cho tất cả các thông tin liên lạc. Chỉ được phép sử dụng các độ đậm bold, medium, regular và light khi làm việc với kiểu chữ này.
Tỷ lệ
Hệ thống tỷ lệ kiểu chữ và các bước kích thước cần thiết được xây dựng và xác định dựa trên Tỷ lệ Vàng (1:1.618).Chúng tôi đã tạo ra một bộ tỷ lệ kiểu chữ hoàn chỉnh với máy tính tỷ lệ kiểu chữ từ kích thước cơ sở chính. Vì Tỷ lệ Vàng tạo ra các bước nhảy lớn giữa các kích thước, nên cần có kích thước cơ sở phụ (gấp 2 lần kích thước cơ sở) để tạo ra dải tối ưu hơn. Ví dụ dưới đây minh họa tỷ lệ kiểu chữ dựa trên kích thước cơ sở 16px và 32px.
Kiểu văn bản
Proxima Nova có độ nhất quán quang học tối đa ở cả văn bản nhỏ và tiêu đề lớn. Dải độ đậm rộng giúp nó phù hợp với mọi tông giọng hoặc thông điệp. Văn bản căn trái là ưu tiên, tuy nhiên căn giữa có thể sử dụng khi cần thiết.
Đối với tiêu đề lớn, hãy sử dụng độ đậm, kerning quang học, leading tự động và khoảng cách từ 80%.
Đối với tiêu đề chính, hãy sử dụng độ đậm, kerning quang học, leading tự động và khoảng cách từ 80%.
Đối với tiêu đề phụ ngắn, hãy sử dụng độ đậm vừa hoặc thường, kerning quang học, leading tự động và khoảng cách từ 100%.
Đối với tiêu đề phụ dài, hãy sử dụng độ đậm vừa hoặc thường, kerning quang học, leading tự động và khoảng cách từ 100%.
Đối với đoạn văn, hãy sử dụng độ đậm thường hoặc nhẹ, kerning theo metrics, leading tự động và khoảng cách từ 100%.
Đối với văn bản nhỏ, hãy sử dụng độ đậm thường hoặc nhẹ, kerning theo metrics, leading tự động và khoảng cách từ 100%.
Phân cấp kiểu chữ
Để có phân cấp nội dung hiệu quả, kiểu chữ nên truyền đạt mối quan hệ tổ chức giữa tiêu đề, tiêu đề phụ và nội dung. Kết hợp đúng độ đậm và kích thước tạo nên sự tương phản thị giác mạnh mẽ và giúp dẫn dắt người đọc.
Lề an toàn
Chúng tôi sử dụng khoảng cách dòng của tiêu đề làm tham chiếu để đảm bảo khả năng đọc tối đa và thiết lập lề an toàn cho các khối văn bản tiếp theo.
Kết hợp màu sắc
Chỉ được phép sử dụng các kết hợp màu sắc dưới đây khi sử dụng văn bản trên nền màu đặc.
Nền
Độ tương phản và khả năng đọc là những yếu tố then chốt cần cân nhắc khi sử dụng văn bản trên hình ảnh hoặc nền màu.
Hướng dẫn
Dưới đây là một số ví dụ về những điều nên tránh khi làm việc với văn bản.
Không được thay đổi đáng kể các giá trị kerning, khoảng cách từ và leading đã được xác định.
Luôn chú ý đến phân cấp: tiêu đề mạnh hơn, tiêu đề phụ nhẹ hơn, nội dung, v.v.
Không sử dụng đoạn văn căn phải.
Không sử dụng các màu khác cho bất kỳ văn bản nào, như màu phụ trợ, sản phẩm hoặc thương hiệu phụ.
Chỉ sử dụng văn bản màu trắng hoặc xám đậm trên nền màu.
Khả năng đọc là yếu tố then chốt. Không đặt văn bản lên hình ảnh phức tạp hoặc nền có màu sắc tương tự.