Jetimza Tasarım Sistemi Kit indir

Logo

Jetimza logosu “jet” ve “imza” olmak üzere iki parçadan ve soldaki hız çizgilerinden oluşur. Hız çizgileri ve “jet”in eğimi hareketi, sakin gri “imza” ise güveni taşır — ikisinin dengesi bozulmamalıdır.

12 varyant · SVG + PNG · tamamı tasarım kitinin logo/ klasöründen de iner.

Yatay logo

Birincil kullanım. Tight viewBox + width/height taşımaz — yükseklik verilir, genişlik oranlanır.

Jetimza — Birincil
Birincil Açık zemin

Açık zemin: beyaz, Cloud White, Ice Blue.

Jetimza — Negatif
Negatif Koyu zemin

Koyu zemin ve Jet Blue zemin. “jet” beyaza döner.

Kare tuval

Yatay logo 1:1 tuvalde, şeffaf. Slayt köşesi, kare çerçeve gereken yerler.

Jetimza — Kare
Kare Açık zemin

Şeffaf, 1:1.

Jetimza — Kare negatif
Kare negatif Koyu zemin

Şeffaf, 1:1.

İkon / avatar

Jet Blue kare zemin + negatif logo. Sosyal medya avatarı, app ikonu, favicon kaynağı. Kendi zeminini taşır.

Jetimza — İkon
İkon Kendi zemini

“imza” Silver #A8A9AD.

Jetimza — İkon · açık
İkon · açık Kendi zemini

“imza” bir ton açık #C5C7CE — küçük boyutta okunurluk.

Hangi zeminde hangisi

Tek kritik kural: Jet Blue zeminde birincil logo kullanılmaz. “jet” mavi üzerinde maviye gömülür, ekranda yalnızca “imza” kalır.

Beyaz zeminde birincil logo
Doğru

Açık zemin → birincil

Jet Blue zeminde negatif logo
Doğru

Jet Blue zemin → negatif

Jet Blue zeminde birincil logo — yanlış kullanım
Yanlış

“jet” zemine gömülüyor

Ölçek ve boşluk

Clearspace

Logonun her yanında en az logo yüksekliği kadar boşluk. Kesikli çizgi dokunulmaz alanı gösterir.

Clearspace örneği

Minimum boyut

Web'de 24px, baskıda 8mm yükseklik. Altında “imza” okunmaz hâle gelir. İkon varyantında 32px.

24 piksel yükseklikte logo 24px
36 piksel yükseklikte logo 36px
48 piksel yükseklikte logo 48px
<!-- Yükseklikten ölçekle; SVG width/height taşımaz, oran korunur -->
<img src="/jetimza-logo.svg" alt="Jetimza" style="height:36px;width:auto" />

Yapma

  • Renklerini değiştirme, tek renge indirme
  • Döndürme, eğme, germe — oranı bozma
  • Gölge, parlaklık, kontur, cam efekti uygulama
  • Kalabalık veya düşük kontrastlı fotoğraf üzerine doğrudan koyma
  • Kare tuvalli sürümü arayüzde yatay logo yerine kullanma
  • Jet Blue zeminde renkli (birincil) sürümü kullanma — “jet” kaybolur
  • RTL sayfada aynalama — logo dir="ltr", marka adı sabittir

Logo içi renkler

Logo çiziminin renkleridir; arayüzde kullanılmaz. UI'da renk gerektiğinde palete bak.

Jet Blue
#0088d0
“jet”
token
Silver
#a8a9ad
“imza”
token
Hız çizgileri
#1382aa
sol hız çizgileri
token değil
Açık gri
#c5c7ce
yalnızca açık ikon varyantı
token değil

Tüm dosyalar

Dosya Grup Boyut İndir
jetimza-logo.svg Yatay logo 16.6 KB indir
jetimza-logo.png Yatay logo 51.2 KB indir
jetimza-logo-inverted.svg Yatay logo 17.0 KB indir
jetimza-logo-inverted.png Yatay logo 48.1 KB indir
jetimza-logo-square.svg Kare tuval 16.6 KB indir
jetimza-logo-square.png Kare tuval 64.5 KB indir
jetimza-logo-inverted-square.svg Kare tuval 17.0 KB indir
jetimza-logo-inverted-square.png Kare tuval 61.2 KB indir
jetimza-icon-azure.svg İkon / avatar 17.2 KB indir
jetimza-icon-azure.png İkon / avatar 51.3 KB indir
jetimza-icon-azure-light.svg İkon / avatar 17.2 KB indir
jetimza-icon-azure-light.png İkon / avatar 50.8 KB indir

Kaynak: imzaio-jet-branding reposunda assets/logo/. Yeni varyant eklerken scripts/logos.mjs manifestine de ekleyin — aksi hâlde build durur.