Kiểu chữ
Spaceship khám phá hai môi trường kiểu chữ: phông chữ kỹ thuật bo tròn Gotham Rounded và phông chữ Proxima Nova đơn giản, hình học hơn.
Tự tin và thẳng thắn, kiểu chữ giúp tạo nên giọng điệu thân thiện và trò chuyện 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, giữ lại DNA kỹ thuật. Nó chỉ được sử dụng trong logo Spaceship, các thương hiệu phụ sản phẩm, công cụ và nhận diện đội nhóm. Các trọng lượng được phép chỉ gồm Medium, book và light.
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 văn bản và thông tin trong tất cả các giao tiếp của chúng tôi. Chỉ được sử dụng các trọng lượng đậm, vừa, thường và nhẹ khi làm việc với kiểu chữ này.
Tỷ lệ
Chúng tôi xây dựng hệ thống tỷ lệ kiểu chữ dựa trên Tỷ lệ Vàng (1:1.618), và xác định tất cả các bước kích thước cần thiết.
Sử dụng Typographic Scale Calculator modularscale.com, chúng ta có thể tạo một bộ tỷ lệ kiểu chữ hoàn chỉnh 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, chúng ta phải thêm một kích thước cơ sở phụ (gấp đôi kích thước cơ sở) để tạo ra dải kích thước hữu ích hơn. Trong ví dụ này, chúng tôi trình bày tỷ lệ kiểu chữ dựa trên kích thước cơ sở 16px.
Kiểu chữ
Proxima Nova có thể được sử dụng cả trong văn bản nhỏ và tiêu đề lớn với độ nhất quán quang học tối đa. Dải trọng lượng rộng giúp dễ dàng phù hợp với bất kỳ giọng điệu hoặc thông điệp nào. Văn bản nên căn trái, tuy nhiên căn giữa có thể được sử dụng khi phù hợp.
Đối với tiêu đề lớn hãy dùng trọng lượng đậm, kerning quang học, leading tự động và khoảng cách từ 80%.
Đối với tiêu đề hãy dùng trọng lượ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 dùng trọng lượng 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 dùng trọng lượng 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 dùng trọng lượng thường hoặc nhẹ, kerning theo số liệu, leading tự động và khoảng cách từ 100%.
Đối với văn bản nhỏ hãy dùng trọng lượng thường hoặc nhẹ, kerning theo số liệu, leading tự động và khoảng cách từ 100%.
Hướng dẫn
Không sử dụng giá trị kerning cụ thể, dù là dương hay âm.
Không sử dụng giá trị leading cụ thể, không chặt hơn hoặc lỏng hơn.
Không sử dụng đoạn văn căn phải
Phân cấp kiểu chữ
Kiểu chữ nên thể hiện rõ ràng phân cấp giữa tiêu đề, tiêu đề phụ và nội dung. Kết hợp đúng trọng lượng 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. Đây là chìa khóa cho một phân cấp nội dung hiệu quả.
Hướng dẫn
Không sử dụng cùng trọng lượng chữ cho các loại nội dung khác nhau
Giữ mối quan hệ trọng lượng từ trên xuống dưới, nghĩa là tiêu đề mạnh hơn, tiêu đề phụ hoặc nội dung nhẹ hơn.
Không sử dụng kích thước và trọng lượng phông chữ tương tự cho các loại nội dung khác nhau.
Lề an toàn
Để đảm bảo khả năng đọc tối đa, chúng tôi sử dụng khoảng cách leading của tiêu đề làm tham chiếu để 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
Kiểu chữ khi sử dụng trên nền màu đặc chỉ nên dùng các kết hợp màu được trình bày bên dưới.
Hướng dẫn
Không sử dụng màu khác, màu phụ SDS hoặc màu thương hiệu phụ trên bất kỳ kiểu chữ nào.
Không sử dụng kiểu chữ màu SDS Blue trên màu phụ hoặc màu thương hiệu phụ. Chỉ sử dụng màu trắng hoặc xám đậm.
Chú ý tỷ lệ tương phản giữa kiểu chữ và nền. Không sử dụng màu phụ, sắc độ hoặc bóng.
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 kiểu chữ trên hình ảnh hoặc nền màu.
Hướng dẫn
Tránh sử dụng màu SDS Blue trên hình ảnh hoặc minh họa phức tạp. Điều này áp dụng cho cả hình ảnh sáng và tối.
Không đặt văn bản lên hình ảnh có độ tương phản cao. Điều này áp dụng cho cả hình ảnh sáng và tối.
Không nhồi nhét quá nhiều văn bản lên hình ảnh. Cân bằng là chìa khóa cho giao tiếp hiệu quả.