Marcus marka rehberi

Kelime logosu

• 

  Beyaz

  Varsayılan seçim. Arka planını kontrol ettiğiniz her koyu yüzey.

  SVG PNG

• 

  Siyah

  Arka planını kontrol ettiğiniz her açık yüzey.

  SVG PNG

• 

  Mavi üzerine

  Markalı logo bloğu. Kapaklar, başlık slaytları, iş ortağı dizinleri.

  SVG PNG

• 

  Siyah üzerine

  Şeffaflığı kabul etmeyen yerler için sabit bir kutucuk.

  SVG PNG

• 

  Beyaz üzerine

  Baskı ve saf beyaz olmayan açık arka planlar.

  SVG PNG

İkon

• 

  Beyaz

  Şeffaf zemin üzerinde işaret; koyu yüzeyler için.

  SVG PNG

• 

  Siyah

  Şeffaf zemin üzerinde işaret; açık yüzeyler için.

  SVG PNG

• 

  Mavi üzerine

  Varsayılan avatar: Slack, Teams, uygulama mağazaları, sosyal profiller.

  SVG PNG

• 

  Siyah üzerine

  Mavinin uyumsuz kalacağı yerler için alternatif avatar.

  SVG PNG

• 

  Beyaz üzerine

  Açık yüzeyler ve baskı için avatar.

  SVG PNG

SVG ana formattır — vektörün kabul edildiği her yerde onu kullanın, her boyutta net kalır. PNG'ler 1500 × 616 (kelime logosu) ve 1000 × 1000 (ikon) boyutundadır.

Boşluk payı ve minimum boyut

Yapılmaması gerekenler

• Logoyu esnetmeyin veya sıkıştırmayın — her zaman orantılı ölçekleyin.
• İşaretin rengini değiştirmeyin. Yukarıdaki varyantlardan birini kullanın.
• Efekt, gölge, gradyan veya kontur eklemeyin.
• Döndürmeyin veya eğmeyin.
• Kelime logosunu bir yazı tipiyle “marcus.” yazarak yeniden oluşturmayın.
• Karmaşık ya da düşük kontrastlı bir arka plana yerleştirmeyin.

Renk

Siyah-beyaz bir temel üzerinde tek bir vurgu rengi. Mavi bir arka plan değil, bir vurgudur — ağırlığını nadir kullanılmaktan kazanır.

• Marcus Mavisi

  #0048DE

  rgb(0, 72, 222)

  Vurgu rengi ve tek marka rengi. Üst başlıklar, bağlantılar, vurgular, odak halkaları. Asla geniş bir dolgu olarak değil.

• Siyah

  #000000

  rgb(0, 0, 0)

  Sayfa arka planı. Markanın varsayılan yüzeyi.

• Siyah 2

  #1B1B1B

  rgb(27, 27, 27)

  Sayfadan yükseltilmiş kartlar ve paneller.

• Beyaz

  #FFFFFF

  rgb(255, 255, 255)

  Siyah üzerinde gövde metni. Koyu zeminde birincil düğme dolgusu.

• Beyaz 2

  #F7F7F7

  rgb(247, 247, 247)

  Açık temadaki paneller. Koyu zeminde düğme hover rengi.

• Gri

  #7F7F7F

  rgb(127, 127, 127)

  İkincil metin: alt başlıklar, açıklamalar, soluk etiketler.

Tipografi

Her yerde tek bir yazı tipi: Helvetica Neue. Hiyerarşiyi ağırlık ve boyut taşır — asla ikinci bir aile değil.

Aa

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

• Marcus işi tamamlar.

  400 · Regular

  Tüm başlıklar, hero başlıkları ve gövde metni. Başlıklar kalın değildir — en çok gözden kaçan kural budur.

• Marcus işi tamamlar.

  500 · Medium

  Düğmeler, üst başlıklar, etiketler ve gövde metni içindeki vurgular.

• Marcus işi tamamlar.

  700 · Bold

  Nadiren. Yalnızca tek bir kelimenin yoğun bir bloğun içinden sıyrılması gerektiğinde. Asla bir başlığın tamamında değil.