Tasarım diliLogo ve ad

Tasarım dili Temeller

Logo ve ad

Zerone logosu bir glif, zerone kelimesi ve ikisini birleştiren iki dizilimden oluşur: yatay ve alt alta. Dizilimler ve glif açık zeminde mürekkep, mürekkep zeminde kâğıt rengiyle kullanılır. Bu sayfa her parçayı, glifin kendi yolundan ölçülen geometrisini, logoyla birlikte kullanılan ad ve sloganı, indirilebilir dosyaları ve tasarımcının açık bıraktığı yerlerde Zerone'un eklediği kuralları gösterir.

Bir glif, bir kelime, iki dizilim.

#

Logo altı çalışma yüzeyi olarak teslim edildi: yatay ve alt alta dizilim, her biri açık zeminde ve mürekkep zeminde ters kullanımıyla; ardından her iki zeminden 100 mm'lik bir karede tek başına glif. Burada bu sitenin basın dosyalarından, beyazın yerine sitenin kâğıt rengiyle çizilmiş olarak duruyorlar; mürekkep kare, mürekkep renkli kutudur.

Yatay dizilim, kâğıtta mürekkep
Yatay dizilim, mürekkepte kâğıt
Alt alta dizilim, kâğıtta mürekkep
Alt alta dizilim, mürekkepte kâğıt
Glif, kâğıtta mürekkep
Glif, mürekkep renkli kutuda kâğıt

Tek glif, tek yol.

#

Glif, logonun tek başına da duran parçasıdır: mürekkep renkli kutuda, aynı karede biraz daha büyük olarak favicon'da, şirket sayfası panelinde ve bulunamadı sayfasında tek başına durur. Gezinme çubuğunda, alt bilgide ve paylaşım kartlarında yatay dizilimin içinde yer alır. Bu sitede tek bir SVG yoludur; ortak bir modülde durur ve currentColor ile çizilir, yani çevresindeki metnin rengini alır. Yol tasarımcının kendi yoludur; karakteri karakterine korunmuştur.

Zerone glifi
Glif bileşeni, 200 px yükseklikte. Burada olduğu gibi bir başlık verilince adı olan bir görsele dönüşür; başlıksız kullanıldığında yardımcı teknolojilerden gizlenir.

Sıfır, bir, Z ve O

Glif iki biçimde okunur. Halka hem sıfırdır hem O harfi; halkadan yükselen çizgi birdir; üst çubuk bu çizgiyle birlikte Z harfini çizer. Sıfır ve bir, dijital olan her şeyin başladığı yerdir; Z ve O ise adın harfleridir.

Logo tasarımı: VM Brand, 2024

Sayılarla glif
ÖğeDeğer
viewBox0 0 101.6 134.69
Yol311 karakter, tek alt yol: 7 düz kenar ve 8 eğri
Genişlik / yükseklik0,754; 101,6 ve 134,69 değerlerinden
DolgucurrentColor, çevresindeki metnin rengi
Başlık yoksaaria-hidden="true", yani dekoratif
Başlık varsarole="img" ve içinde bir title öğesi

Kullanımdaki boyutlar

Bu sitenin bileşenleri tek başına glifin boyutunu genişlikle, dizilimin boyutunu yükseklikle verir; öbür boyut oranlardan gelir. Glifin bugün kullanılan genişlikleri aşağıda gerçek boyutlarıyla duruyor. Bunlar kullanımdaki boyutlardır; bir ölçek ya da alt sınır değildir.

  • 18,1 pxGezinme çubuğu ve alt bilgi
  • 26 pxŞirket sayfası paneli
  • 48 pxBulunamadı sayfası
Gerçek boyut. Her genişlik, onu veren bileşenin stilinden okunur; dizilimde dizilimin yüksekliğinden gelir.
Glifin göründüğü yerler
YerBoyut (px)Zemin
Gezinme çubuğu18,1 × 24Kâğıt, yatay dizilimde
Alt bilgi18,1 × 24paper-2, yatay dizilimde
Şirket sayfası paneli26 × 34,47Mürekkep renkli şerit, glif kâğıt renginde, panel başlığının yanında
Bulunamadı sayfası48 × 63,63Kâğıt, başlığın üstünde
Paylaşım kartları199 × 40 dizilimde 30,17 × 40, 1200 × 630 tuvaldeKâğıt, yatay dizilimde
FaviconTarayıcı belirlerMürekkep renkli kutunun karesi, glif kenarın üçte ikisi
  • Glifi ve dizilimi ortak modüllerinden alın. Bir yolu bileşenin içine kopyalamayın.

    NedenHer biri için tek kaynak gezinmeyi, alt bilgiyi, şirket panelini, bulunamadı sayfasını ve paylaşım kartlarını aynı biçimde tutar. Kopyalanan bir yol, biri onu ilk düzenlediğinde ayrışır.

    TestHer değişiklikte bir testle korunur.

  • Adı yakınındaki bir metin söylüyorsa glif dekoratiftir. Adı tek başına taşıması gerekiyorsa bir başlık alır.

    NedenEkran okuyucu adı bir kez duymalı. Gezinme çubuğunda ve alt bilgide dizilim yardımcı teknolojilerden gizlenir ve bağlantı adı görünmez bir metinle taşır. Şirket panelinde ad panelin başlığında, bulunamadı sayfasında üstteki gezinme çubuğunda yazılıdır. Hiçbirinin başlığı yoktur; başlığı olan tek glif bu sayfadaki örnektir.

    TestHer değişiklikte bir testle korunur.

Yapı, yolun kendisinden ölçülür.

#

Glif için belgelenmiş bir yapı ızgarası yok; ne kodda ne de logo dosyalarında. Aşağıdakiler yolun kendi koordinatlarından ölçülür; yol değişirse buradaki her sayı da değişir. Bunları bir belirtim olarak değil, ölçüm olarak okuyun.

12345
İşaretin bir kullanımı değil, ölçüm için bir çizgi çizimi. Yeşil kesikli: üç 45 derecelik kenardan geçen doğrular ve halkanın iki çemberi. Noktalı: yarıçap ve uzatma çizgileri. Gri kesikli: viewBox. Birimler yol birimidir.

Yol birimiyle ölçüler

  1. Üst çubuk79,93 × 21,68Yatay kenarlar y 0,00 ve y 21,68, dikey kenarlar x 10,84 ve x 90,77 üzerinde
  2. ÇaprazKalınlık 21,65İki paralel kenar x + y = 62,87 ve x + y = 93,49 doğrularında; uzun kenarın açısı 45,00 derece
  3. Halkadış r 50,81, iç r 29,16, bant 21,65Dış eğrilere bir, iç eğrilere bir çember oturtulur; merkez (50,80; 83,91)
  4. AçıklıkGenişlik 21,66Halka, çapraza paralel x + y = 124,12 doğrusunda kesilerek biter
  5. KenarlarDört kenara da dokunurYolun her yöndeki en uç noktası viewBox kenarına 0,02 birimden yakın

Tek çizgi kalınlığı.

Çubuk, çapraz, halka ve açıklık sırasıyla 21,68, 21,65, 21,65 ve 21,66 birim ölçülür; aralarındaki fark 0,04 birimden azdır. Glif 6,22 çizgi yüksekliğinde ve 4,69 çizgi genişliğindedir. Çubuğun ortası (x 50,81) ile halkanın dikey ekseni (x 50,80) arasındaki fark 0,01 birimden azdır.

Sayılar nasıl bulunur?

Yol komut komut okunup düz kenarlara ve kübik eğrilere ayrılır. Yatay ve dikey kenarlar çubuğu verir. 45 derecelik bir kenar, x + y toplamının sabit olduğu bir doğrunun üzerindedir; iki paralel kenar arasındaki uzaklık, sabitlerinin farkının ikinin kareköküne bölümüdür. Eğriler yarıçaplarına göre dış ve iç olarak ikiye ayrılır ve her gruba bir çember oturtulur.

Yazı logosu dizilmez, çizilir.

#

Logo dosyalarında zerone kelimesi küçük harfle, New Black ExtraBold ile dizilip dış hatlara çevrilmiştir: harfler yazı değil, şekildir. Bu site o dış hatları olduğu gibi kullanır: gezinme çubuğu, alt bilgi ve paylaşım kartları tasarımcının yatay dizilimini çizer; site adı hiçbir yerde glifin yanına canlı metin olarak yazmaz. ExtraBold yazı tipi olarak yüklenmez; site New Black'i yalnızca Bold'a kadar yükler.

Logo dosyalarında çizildiği hâliyle kelime, yatay dizilimden alınmış: New Black ExtraBold, dış hatlara çevrilmiş.
Yatay dizilim, gerçek boyutta, 24 px yükseklikte; gezinme çubuğunun çizdiği gibi.
Aynı dizilim 4 kat büyütülmüş (sütun daha darsa 2 ya da 1,5 kat). İşaretler 24 px yükseklikteki gerçek değerleri verir: glifin yüksekliği, küçük harflerin yüksekliği, boşluk ve genişlik.
Kullanımdaki dizilim
ÖzellikDeğer
NeredeGezinme çubuğu ve alt bilgide 24 px yükseklikte; paylaşım kartlarında 1200 × 630 tuvalde 40 px yükseklikte
Yükseklik24 px; glifin yüksekliği
Genişlik119,24 px; yüksekliğin 4,97 katı
Glif kutusu18,1 × 24 px
Küçük harfler16 px yükseklikte; z harfinde ölçülür
Boşluk9,65 px; 2,5 çizgi kalınlığı
Yazı tipiNew Black ExtraBold, çizimde dış hatlara çevrilmiş; yazı tipi olarak yüklenmez
Erişilebilir adBağlantı metni zerone, görünmez olarak yazılır; çizim yardımcı teknolojilerden gizlenir

Web ve e-posta adresleri dışında, bu sitede küçük harfli yazım yalnızca dizilimde geçer: gezinme çubuğunda, alt bilgide ve paylaşım kartlarında. Geri kalan her yerde ad büyük Z ile Zerone yazılır. Dizilim yardımcı teknolojilerden gizlenen bir çizimdir; bu yüzden ana sayfa bağlantısı adı görünmez bir metinle taşır ve yalnızca onunla okunur.

İki dizilim: yatay ve alt alta.

#

Dizilim, glifi ve kelimeyi boyutları ve aralarındaki boşlukla birlikte tek bir çizimde sabitler. Yatay dizilimde glif kelimenin solunda durur; alt alta dizilimde kelimenin üstünde, ortalanmış olarak. İkisi de tasarımcının çizimidir ve mürekkep ve kâğıt renginde dosya olarak gelir.

Yatay dizilim, basın dosyasından çizilmiş.
Alt alta dizilim, basın dosyasından çizilmiş.
Oranlar, dosyalardan ölçülmüş
ÖlçüYatayAlt alta
Glif ve kelimeGlif solda, dizilimin tamamı kadar yüksekGlif kelimenin üstünde, ortalanmış
Glifin yüksekliğiKüçük harflerin 1,5 katıKüçük harflerin 1,73 katı
Aradaki boşluk2,5 çizgi kalınlığı1,24 çizgi kalınlığı
GenişlikYüksekliğin 4,97 katıYüksekliğin 1,84 katı

Çizgi kalınlığı, Yapı bölümünde ölçülen glif çizgisinin, glifin o dizilimdeki boyutundaki kalınlığıdır. Küçük harfler, üstü ve altı düz olan z harfinde ölçülür.

İki dosyada da glif, tek başına glifle aynı çizimdir, yalnızca ölçeklenmiştir: yolun kendi birimiyle ölçüldüğünde ikisi arasındaki fark 0,02 birimden azdır.

Gezinme çubuğu, alt bilgi ve paylaşım kartları yatay dizilimi tek bir ortak modülden çizer; bir test bu modülü basın dosyasıyla aynı tutar. Kullanımdaki boyutları için bkz. Yazı logosu.

Kâğıtta mürekkep, mürekkepte kâğıt.

#

Tasarımcı logoya iki renk kullanımı verir: açık zeminde mürekkep ve mürekkep zeminde ters kullanım. Logo dosyalarında açık zemin ve ters kullanılan logo beyazdır; bu sitede saf beyaz kullanılmaz, bu yüzden burada ikisi de kâğıt rengindedir. Bu sitede glif kâğıt ve paper-2 zeminlerde, şirket sayfasında da mürekkep renkli bir şeritte durur.

--color-paper üzerinde --color-ink
Kâğıtta mürekkep, kontrast 16,61:1.
--color-paper-2 üzerinde --color-ink
paper-2 üzerinde mürekkep, kontrast 15,62:1.
--color-ink üzerinde --color-paper
Mürekkep renkli kutuda kâğıt, kontrast 16,61:1.
--color-ink üzerinde --color-paper
Mürekkep renkli şeritte kâğıt: şirket sayfasındaki “Bir bakışta Zerone” paneli. Glif orada 26 px genişliğindedir. Kontrast 16,61:1.

Mürekkep

Tasarımcı tek bir renk tanımlar: ekran ve baskı için mürekkep. Ekrandaki değeri sitenin mürekkep tokenıyla, --color-ink ile aynıdır.

Tasarımcının tanımladığı hâliyle mürekkep
SistemDeğer
PantonePANTONE Black 6 C
CMYK95 77 55 73
RGB15 28 38
HEX#0f1c26, --color-ink değeri

Kâğıt ve vurgu sitenin kendi renkleridir; tasarımcı onlara baskı değeri vermez. Bizim belirlediklerimiz için bkz. Zerone'un eklediği kurallar.

Mürekkep renkli kutu

Tasarımcının seti, mürekkep renkli bir karede kâğıt renginde glifle biter. Bu sitede o kare mürekkep renkli kutudur: bir basın dosyası ve yapısal verideki logo. Tasarımcının çalışma yüzeyi olduğu gibi çizilir: köşeler kare, glif kendi boyutunda ve ortadadır. Aşağıdaki değerler dosyanın kendisinden okunur ve çalışma yüzeyiyle karşılaştırılır. Favicon bu kareyi daha büyük bir glifle kullanır; bkz. Zerone'un eklediği kurallar.

Mürekkep renkli kutu
ÖzellikDeğer
KutuviewBox 0 0 283.465 283.465: 283,46 birimlik bir kare, tasarımcının 100 mm'lik çalışma yüzeyi. Glif kendi boyutunu korur; yüksekliği kenarın 0,475 katı
KöşelerKare, yarıçap yok
Kutu dolgusu#0f1c26, --color-ink değeri
Glif dolgusu#fdfaf6, --color-paper değeri
Glifin konumutranslate(90.9325 74.3875): ortada; solda ve sağda 90,93, üstte ve altta 74,39 birim; tasarımcının çalışma yüzeyinden farkı 0,01 birimden az

Zerone, Zerone Security, Zero Door

#

Üç ad, her birinin kendi yeri var. Şirket metinde Zerone, meta veride Zerone Security'dir. Ürün Zero Door'dur ve her zaman iki kelimedir.

Adlar ve kullanıldıkları yerler
AdKullanımBu siteden örnek
ZeroneŞirket; gövde metninde ve başlıklarda.“Zerone bir ürün şirketidir.”, şirket sayfasında
Zerone SecurityÜstveride şirket: her sayfanın og:site_name değeri ve yapısal verideki kuruluş adı, ayrıca çoğu sayfa başlığının sonu.“Şirket · Zerone Security”, şirket sayfasının başlığı
zeroneYalnızca dizilimdeki yazı logosu, küçük harfle.“zerone”, gezinme çubuğunda ve alt bilgide
Zero DoorÜrün: iki kelime, büyük Z ve büyük D. Özel addır. İngilizce metinde artikel almaz; artikel yalnızca adın nitelediği sözcüğe gelir: the Zero Door agent.“Zero Door'u keşfedin”, ana sayfanın ana düğmesi
Zerone'un, Zero Door'uTürkçe metinde ek kesme işaretinden sonra gelir; adın kendisi değişmez.Türkçe sayfalarda: “Zero Door'u keşfedin”

Adın tek kelime olarak yazılışı yalnız web adresleri ve çerez adları gibi makine adlarının içinde geçer ve bunlar küçük harfle yazılır: sitedeki yol /zero-door, konsolun adresi zerodoor.zeronesecurity.com. İki denetim tek kelimelik yazımı reddeder; büyük harf içeriyorsa nerede geçerse geçsin, tamamı küçük harfliyse web adresi, çerez adı ya da depolama anahtarı gibi bir makine adının parçası olmadığı her yerde:

Ürün adının denetlendiği yerler
DenetimTaradığı
SözlüklerBu sayfanınki dahil her İngilizce ve Türkçe sözlük
Derlenmiş sayfalarDerlenmiş her HTML dosyası: görünen metin ile alt, title, aria-label ve meta içeriği gibi metin öznitelikleri. Bağlantı ve kaynak adresleri, betikler ve stiller taranmaz. İki test kancasının (data-check, data-check-item) anahtar değerlerinde yalnızca büyük Z ve büyük D'li, geri kalanı küçük harfli yazım reddedilir.
  • Zero Door her dilde, görünen metinde ve metin özniteliklerinde iki kelimedir.

    Nedenİki farklı biçimde yazılan bir ad, iki ayrı ürün gibi okunur. Denetimler tek kelimelik yazımı reddeder; kimsenin bunu hatırlaması gerekmez.

    TestHer değişiklikte bir testle korunur.

  • Metinde Zerone, meta veride Zerone Security.

    NedenMetin kısa adla daha rahat okunur. Arama sonuçları ve bağlantı önizlemeleri adı sayfadan bağımsız gösterir; orada tam ad gerekir.

    İncelemeBir testle değil, incelemeyle korunur.

  • Adlar çevrilmez.

    NedenZerone ve Zero Door özel addır. Türkçe sayfalar onları olduğu gibi kullanır, ekleri kesme işaretinden sonra getirir.

    İncelemeBir testle değil, incelemeyle korunur.

Slogan

#

Slogan, her kelimesi büyük harfle başlayan ve virgül içeren bir satırdır ve çevrilmez: Türkçe sayfalar da İngilizce satırı kullanır. Kullanımda, cümle olarak durduğu yerde nokta ile biter, etiket olarak kullanıldığı yerde noktasızdır.

  • Ana sayfa, kick stiliZero Trust, One Security
  • Alt bilgiZero Trust, One Security.
  • Şirket sayfası paneliZero Trust, One Security.
Gerçek boyut; onu kullanan bileşenlerin stilleriyle.
Sloganın geçtiği yerler
YerBiçimNokta
Ana sayfa, başlığın üstüEtiket, kick stiliyleYok
Alt bilgi, dizilimin altıCümleVar
Şirket sayfası, paneldeCümle, panel başlığının altındaVar
Ana sayfanın paylaşım kartıÜst başlıkYok

Sıfır ve bir metinlerde tekrar eder: ana sayfa başlığı “Sıfır güvenden tek karara.”, dört ilkenin ilki ise “Dün orada olduğu için hiçbir şeye güvenilmez.”.

  • Slogan çevrilmez.

    NedenBir ad gibi sabit bir satırdır. Türkçe bir sürümü iki ayrı slogan yaratırdı.

    TestHer değişiklikte bir testle korunur.

Logoyu dosyalarının çizdiği gibi kullanın.

#

Logonun kullanım kurallarını basın kiti koyar. Şirket sayfasında yayımlandığı hâliyle metni şu:

Basın kiti

Zerone logosu bir glif, zerone kelimesi ve ikisini birleştiren iki dizilimden oluşur: yatay ve alt alta. Açık zeminde mürekkep, mürekkep zeminde kâğıt rengiyle kullanılır. Yeniden renklendirmeyin, döndürmeyin, efekt eklemeyin. Ürün adı iki kelime yazılır: Zero Door.

YapınMürekkep renginde, dik ve düz glif; basın dosyalarının çizdiği gibi.
Rengi değişmiş
Döndürülmüş
Gölgeli
YapmayınYeniden renklendirilmiş (burada vurgu rengiyle), döndürülmüş ya da efekt eklenmiş. Üçü de yanlış.
  • Açık zeminde mürekkep, mürekkep zeminde kâğıt.

    NedenBunlar tasarımcının iki renk kullanımıdır. Her zemin için tek renk kullanımı logoyu her boyutta aynı tutar ve vurgu rengini bu sitedeki tek işine bırakır: doğrulanmış sinyali göstermek.

    İncelemeBir testle değil, incelemeyle korunur.

  • Basın dosyaları ve favicon tasarımcının yollarını mürekkep ve kâğıt renginde taşır.

    NedenSiteden dışarı çıkan kopyalar bunlardır. Bir test her birindeki glifi glif modülüyle, kelimeyi tasarımcının dış hatlarıyla, her dolguyu da renk tokenlarıyla karşılaştırır; elle yapılan bir düzenleme fark edilmeden ayrışamaz.

    TestHer değişiklikte bir testle korunur.

  • Logoyu esnetmeyin ya da sıkıştırmayın; oranını koruyarak ölçekleyin.

    NedenGlif ve dizilimler ölçülmüş çizimlerdir. Değişen bir oran, ölçülerin anlattığı çizgi kalınlığını ve boşlukları da değiştirir.

    İncelemeBir testle değil, incelemeyle korunur.

  • Logoyu dış hat olarak ya da çizgiyle çizmeyin.

    NedenTasarımcı dolu şekiller çizdi. Dış hat ağırlığı değiştirir ve küçük boyutlarda dağılır.

    İncelemeBir testle değil, incelemeyle korunur.

  • Logoyu kırpmayın; bir kenarın onu kesmesine izin vermeyin.

    NedenKesilmiş bir glif artık sıfır ve bir olarak okunmaz; kesilmiş bir dizilim adın bir parçasını kaybeder.

    İncelemeBir testle değil, incelemeyle korunur.

  • Logoyu fotoğraf ya da desen gibi kalabalık bir zemine koymayın.

    Nedenİki renk kullanımı düz bir açık ya da mürekkep zemin varsayar. Kalabalık zeminde glifin kenarları kaybolur.

    İncelemeBir testle değil, incelemeyle korunur.

  • Başka öğeleri koruma alanının dışında tutun.

    NedenDört yandaki iki çizgi kalınlığı, logonun tek bir şekil olarak okunması için gereken alandır.

    İncelemeBir testle değil, incelemeyle korunur.

Basın kiti yeniden renklendirmeyi, döndürmeyi ve efekti yasaklar. Esnetme, dış hat, kırpma, kalabalık zemin ve koruma alanı kuralları Zerone'undur; değerleri ve yöntemleri için bkz. Zerone'un eklediği kurallar.

İndirilebilir dosyalar

#

Basın kitindekilerle aynı altı SVG dosyası. Dizilimler tasarımcının çizimidir; glif dosyaları glif modülünün yolunu taşır. Her birinin dolgusu sabittir, bu yüzden bu sitenin dışında da renklerini korur; hiçbirinde genişlik ya da yükseklik yoktur, her biri bulunduğu alana göre ölçeklenir.

  • Yatay dizilim (SVG, mürekkep)Açık zeminler için. Glif kelimenin solunda durur.viewBox 0 0 463.183 93.2263 · dolgu #0f1c26 · 3080 bayt
  • Yatay dizilim (SVG, kâğıt)Mürekkep zemin için. Dosyanın kendi zemini yoktur.viewBox 0 0 463.183 93.2263 · dolgu #fdfaf6 · 3080 bayt
  • Alt alta dizilim (SVG, mürekkep)Açık zeminler için. Glif kelimenin üstünde, ortalanmış durur.viewBox 0 0 355.37 193.164 · dolgu #0f1c26 · 3268 bayt
  • Alt alta dizilim (SVG, kâğıt)Mürekkep zemin için. Dosyanın kendi zemini yoktur.viewBox 0 0 355.37 193.164 · dolgu #fdfaf6 · 3268 bayt
  • Glif (SVG, mürekkep)Açık zeminler için. Dosyanın kendi zemini yoktur.viewBox 0 0 101.6 134.69 · dolgu #0f1c26 · 412 bayt
  • Mürekkep kutuda glif (SVG)Tasarımcının mürekkep karesi, kendi zeminiyle. Bu dosya aynı zamanda her sayfanın yapısal verisindeki logodur; favicon aynı karede daha büyük bir gliftir.viewBox 0 0 283.465 283.465 · dolgu #0f1c26 ve #fdfaf6 · 516 bayt

Şirket sayfasındaki basın kitinde aynı altı dosya ve baskı değerleriyle birlikte üç marka rengi bulunur.

Dolgular, mürekkep ve kâğıt renk tokenlarının değerleridir. Sitenin token dosyası tokens.css olarak indirilebilir.

Paylaşım kartları

#

Paylaşım kartları derleme sırasında üretilir: kâğıt zeminde 1200 × 630 piksel; yatay dizilim, bir başlık, bir üst başlık ve kısa bir vurgu çizgisi. Kendi kartı olmayan sayfalar, örneğin yasal metinler, ana sayfanın kartını kullanır. Hiçbir kart elle çizilmez.

Bu sayfanın paylaşım kartı: sol üstte yatay zerone dizilimi, başlık Logo ve ad, üst başlık Tasarım dili ve sağ altta kısa bir vurgu çizgisi.
Bu sayfa. Başlık sayfanın başlığı, üst başlık bölümün adı. Yeşil taralı alan: 64 px iç boşluk. Çerçeveli: 199 × 40 dizilim kutusu ve 160 × 6 vurgu çizgisi.
Ana sayfanın paylaşım kartı: sol üstte yatay zerone dizilimi, başlık Sıfır güvenden tek karara., üst başlık Zero Trust, One Security ve sağ altta kısa bir vurgu çizgisi.
Ana sayfa. Üst başlık sloganın kendisi.
Kart anatomisi
ParçaDeğer
Tuval1200 × 630 px, PNG, sitenin derlemesiyle üretilir
Zemin#fdfaf6, --color-paper değeri
İç boşlukHer kenarda 64 px
Dizilim199 × 40 kutuda yatay dizilim, mürekkep renginde, ortak dizilim modülünden: glif 30,17 × 40, küçük harfler 26,66 px yükseklikte, aralarında 16,09 px
BaşlıkSayfa başlığı; 64 px, 700 ağırlık, satır yüksekliği 1,08, harf aralığı -0.02em; 70 karakterden sonra kesilir
Üst başlık20 px, 400 ağırlık, harf aralığı 0.08em, büyük harf, #5c5753 renginde (--color-ink-muted değeri)
Başlık ile üst başlık arası22 px
Vurgu çizgisi160 × 6 px, yarıçap 3, #00847e renginde (--color-accent değeri), sağ altta
Yazı tipleriYalnızca New Black 400 ve 700; sistem yazı tipleri kapalı
  • Kart renkleri sitenin renk tokenlarıdır.

    NedenKartı üreten kod Node'da çalışır ve CSS değişkenlerini okuyamaz; hex değerlerini tekrar eder. Bir test onları renk tokenlarıyla eşit tutar.

    TestHer değişiklikte bir testle korunur.

  • Her sayfa, var olan bir paylaşım görseline mutlak adresle bağlanır.

    NedenEksik ya da göreli bir görsel, bağlantı önizlemesinde boş bir kutu gösterir. Kapı derlenmiş her sayfayı açar ve dosyayı denetler.

    TestHer değişiklikte bir testle korunur.

Zerone'un eklediği kurallar.

#

Logo dosyaları koruma alanını, en küçük boyutları ve kâğıt ile vurgunun baskı değerlerini açık bırakır. Aşağıdaki kurallar tasarımcının değil, bizimdir ve 2026'da kondu. Her biri dosyalardan ölçülür ya da yöntemiyle birlikte yazılır.

Zerone'un eklediği kurallar
KonuKuralımızNeyle korunur
Koruma alanıGlifin ve her dizilimin dört yanında iki çizgi kalınlığıTest: değer glifin çizgi kalınlığından hesaplanır
En küçük boyutEkranda glif 16 px, yatay dizilim 24 px, alt alta dizilim 50 px yükseklik; baskıda 5, 7 ve 14 mmTest: boyutlar dosyalardan ve gezinme çubuğundan hesaplanır
Kâğıdın baskısıBasılmaz: kâğıdın rengi baskı kâğıdının kendisidirİnceleme: bir değer değil, kâğıt seçimidir
Vurgunun baskısıCMYK 84 17 44 13; ekrandaki değerden dönüştürülürTest: değer sabitlenir; dönüşüm profilin kurulu olduğu her yerde yeniden yapılır
FaviconMürekkep renkli kutunun karesi ve ortalaması; glif kenarın üçte ikisine büyütülürTest: dosya ölçülür: kare, ortada, glif üçte iki
Yanlış kullanımEsnetme, dış hat, kırpma ve kalabalık zemin yokİnceleme: bir yerleşimi hiçbir test değerlendiremez

Koruma alanı

Çizimin sınırından ölçülerek dört yanda iki çizgi kalınlığı boş bırakın: glif dosyasında 43,32 birim, glif yüksekliğinin 0,32 katı. Dizilimde çizgi kalınlığı glifin o dizilimdeki boyutunda ölçülür; koruma alanı dizilimle birlikte ölçeklenir. Dosyaların kendisi çizime göre kesilmiştir ve pay taşımaz.

Yatay dizilim ve koruma alanı, ölçekli: kesikli çerçeve çizimin her yanında iki çizgi kalınlığı, dizilim dosyasında 29,98 birim uzakta durur.

En küçük boyut

Bu en küçük boyutlar bizimdir ve bu sitedeki en küçük kullanımlardan seçildi; tasarımcı bir alt sınır koymadı. Ekranda CSS pikselidir. Baskıda aynı boyutlar CSS'in inç başına 96 px referansıyla hesaplanır ve tam milimetreye yukarı yuvarlanır.

En küçük boyutlar
BiçimEkrandaBaskıdaNeye göre
Tek başına glif16 px yükseklik5 mm yükseklikTarayıcının çizdiği en küçük favicon
Yatay dizilim24 px yükseklik7 mm yükseklikGezinme çubuğu, bu sitedeki en küçük kullanımı
Alt alta dizilim50 px yükseklik14 mm yükseklikKüçük harfleri, en küçük boyuttaki yatay dizilimin harfleri kadar, 16 px; yukarı yuvarlanmış
Favicon16 px genişlik5 mm genişlikTarayıcının onu çizdiği en küçük boy; içindeki glif o zaman 10,67 px yüksekliktedir

Favicon

Tarayıcı sekmesinin boyu olan 16 px'te tasarımcının karesi glifi 7,6 px yükseklikte bırakır; bu okunamayacak kadar küçüktür. Favicon mürekkep renkli kutunun karesini, kare köşelerini ve ortalamasını korur ama glifi kenarın üçte ikisine büyütür; aynı boyda glif 10,67 px olur. Bu kural tasarımcının değil, Zerone'undur; basın kitindeki ve yapısal verideki mürekkep renkli kutu tasarımcının karesi olarak kalır.

Gerçek boyutta, 16, 32, 48 px: üstte tasarımcının karesi (mürekkep renkli kutu), altta favicon.

Kâğıt ve vurgunun baskı değerleri

Tasarımcı baskı değerlerini yalnızca mürekkep için verir. Kâğıt ve vurgu için aşağıdakiler bizimdir. Kâğıt basılmaz: kâğıt üzerinde rengi baskı kâğıdının kendisidir; #fdfaf6 değerine yakın, kaplamasız doğal beyaz bir kâğıt seçin ve ton basmayın. Vurgu, ekrandaki #00847e değerinden macOS Generic CMYK Profile ile, göreli kolorimetrik niyetle dönüştürülür; sonuç CMYK 84 17 44 13 olur. Bu türetilmiş bir değerdir, tasarımcının belirtimi değildir: baskıdan önce bir provada doğrulayın.

Baskı değerleri
RenkEkrandaBaskıdaBelirleyen
Mürekkep#0f1c26PANTONE Black 6 C, CMYK 95 77 55 73Tasarımcı
Kâğıt#fdfaf6Basılmaz; kâğıdın kendisiZerone
Vurgu#00847eCMYK 84 17 44 13, türetilmişZerone