Bộ nhận diện thương hiệu

Bộ nhận diện thương hiệu SSP

Logo, màu sắc và hướng dẫn chính thức cho SSP Wallet và SSP Key. Sử dụng trong bài viết, tích hợp, trang niêm yết trên sàn giao dịch và nhà cung cấp, cũng như video.

SVG là tệp gốc của mọi logo. Hãy dùng SVG bất cứ khi nào có thể và chỉ dùng PNG khi không thể dùng ảnh vector.

Hiển thị SSP cùng các nhà cung cấp khác?

Hãy dùng biểu tượng tròn màu hổ phách. Biểu tượng vẫn rõ nét ở kích thước ảnh đại diện trong danh sách swap, ví và sàn giao dịch.

Ký hiệu

Riêng ba cột, dùng khi không gian quá nhỏ hoặc quá vuông để đặt logo đầy đủ.

Ký hiệu: Cho nền tối

Cho nền tối

Nền tối (mặc định)

Ký hiệu: Cho nền sáng

Cho nền sáng

Nền sáng

Ký hiệu: Đen

Đen

Nền SSP Amber và in một màu

Ký hiệu: Trắng

Trắng

Ảnh chụp và nền rối mắt hoặc có màu

Tệp PNG cao 1024 px, nền trong suốt.

Biểu tượng

Ký hiệu đặt trên ô nền đặc, dùng cho ảnh đại diện, danh sách nhà cung cấp và ví, biểu tượng ứng dụng và hồ sơ mạng xã hội. Màu hổ phách là mặc định. Hãy dùng bản tối hoặc sáng khi màu hổ phách không hợp với giao diện của bạn.

Khuyên dùng cho danh sách nhà cung cấpBiểu tượng: Tròn, Hổ phách

Tròn · Hổ phách

Biểu tượng: Tròn, Tối

Tròn · Tối

Biểu tượng: Tròn, Sáng

Tròn · Sáng

Biểu tượng: Vuông, Hổ phách

Vuông · Hổ phách

Biểu tượng: Vuông, Tối

Vuông · Tối

Biểu tượng: Vuông, Sáng

Vuông · Sáng

Biểu tượng ứng dụng SSP Key

Biểu tượng ứng dụng SSP Key

Ứng dụng di động SSP Key có biểu tượng riêng. Chỉ dùng biểu tượng này khi nói đến ứng dụng di động.

PNG 512

Màu sắc

Dải màu hổ phách lấy từ các cột của ký hiệu. Nhấp vào giá trị bất kỳ để sao chép.

SSP Amber

Màu thương hiệu chính: nút bấm, điểm nhấn, chi tiết nổi bật

Hổ phách nhạt

Cột giữa của ký hiệu

Hổ phách đậm

Cột trái của ký hiệu, trạng thái di chuột

Hổ phách hành động

Nút kêu gọi hành động, điểm cuối dải chuyển màu trong tài liệu marketing

Than chì

Cột phải và chữ SSP trên nền sáng

Đêm

Nền và bề mặt tối

Trắng

Cột phải và chữ SSP trên nền tối

Aa
Aa

Chữ và biểu tượng trên nền SSP Amber luôn có màu đen, không bao giờ dùng màu trắng.

Kiểu chữ

Hai phông chữ miễn phí từ Google Fonts: Montserrat cho tiêu đề, Inter cho mọi nội dung còn lại.

Montserrat

Tiêu đề và hiển thị · Độ đậm 600 · 700 · 800

Hai khóa. Một ví.

Tải trên Google Fonts

Inter

Nội dung và giao diện · Độ đậm 400 · 500 · 600 · 700

Mọi giao dịch đều cần cả trình duyệt và điện thoại của bạn cùng ký, nên dù một thiết bị bị đánh cắp, kẻ gian cũng không thể chuyển tiền của bạn.

Tải trên Google Fonts

Cả hai đều miễn phí theo SIL Open Font License. Chữ SSP trong logo là nét chữ thiết kế riêng, không phải phông chữ, vì vậy hãy luôn dùng tệp logo và không bao giờ tự gõ lại.

Cách sử dụng

Khoảng trống an toàn

Giữ khoảng trống quanh logo bằng x, tức chiều rộng của một cột. Không đặt chữ, đường viền hay đồ họa nào khác vào vùng này.

Logo

Kỹ thuật số: Rộng 96 px

In ấn: Rộng 25 mm

Ký hiệu

Kỹ thuật số: Cao 16 px

In ấn: Cao 5 mm

Biểu tượng

Kỹ thuật số: 24 px

In ấn: 8 mm

Kích thước tối thiểu

Nhỏ hơn các kích thước này, các cột sẽ nhòe vào nhau. Hãy dùng ký hiệu hoặc biểu tượng khi không gian chật hẹp.

Nên và không nên

Nên

Dùng logo cho nền tối trên nền tối và logo cho nền sáng trên nền sáng.

Nên

Dùng logo đen trên nền SSP Amber và logo trắng trên ảnh chụp hoặc nền nhiều màu.

Không nên

Không kéo giãn, bóp méo hay cắt xén logo.

Không nên

Không xoay logo.

Không nên

Không thay đổi màu các cột hoặc thêm hiệu ứng chuyển màu.

Không nên

Không thêm đường viền, hiệu ứng phát sáng hay đổ bóng.

Không nên

Không giảm độ tương phản hoặc làm logo trong suốt một phần.

SSP
Không nên

Không gõ lại chữ SSP, di chuyển ký hiệu hay thay đổi khoảng cách.

Không dùng tệp có độ phân giải thấp. Hãy dùng SVG, hoặc PNG có kích thước bằng hoặc lớn hơn kích thước hiển thị.

Cách viết tên

  • SSP luôn được viết hoa toàn bộ, không bao giờ viết là Ssp hay S.S.P.
  • Các sản phẩm gồm SSP Wallet (tiện ích mở rộng trình duyệt) và SSP Key (ứng dụng di động). Viết hoa chữ cái đầu của cả hai từ.

Khẩu hiệu

Secure. Simple. Powerful.

Mô tả một câu

SSP là ví crypto multisig 2-of-2 thực sự: một khóa trong trình duyệt, một khóa trên điện thoại của bạn.

Hình ảnh sản phẩm

Hình ảnh marketing với số dư minh họa, sẵn sàng cho bài viết và trang niêm yết.

Banner

Banner

Banner SSP Wallet 1400×560 và ô quảng bá 440×280, banner SSP Key 1024×500.

Duyệt trên GitHub
Ảnh giới thiệu SSP Wallet

Ảnh giới thiệu SSP Wallet

Năm ảnh giới thiệu tính năng, 1280×800.

Duyệt trên GitHub
Ảnh giới thiệu SSP Key

Ảnh giới thiệu SSP Key

Sáu ảnh giới thiệu tính năng, 1290×2796, màn hình điện thoại dọc.

Duyệt trên GitHub