Hacimli SVG
SVGAna dijital işaret. Raster doku yerine üç sade vektör geçişi.
Browser kimliği / Tasarım önerisi
Hacimli uygulama ikonu, onun matematiksel vektör ailesi, maskot ve renk sistemi. Tek işaret, tek palet.
Önerilen ana ikili: cam göbeği + gece mavisi.
Mavi eylemi, turuncu vurguyu üstleniyor.
Üstte seçilen görsel; aşağıda bu forma göre yeniden çizilen gerçek SVG’ler. Raster referansın dokusu vektöre gömülmedi.
Ana dijital işaret. Raster doku yerine üç sade vektör geçişi.
Tek renk. Belge, başlık ve kurumsal kullanım.
16–32 px için daha açık aralıklar ve merkez.
Gradyansız, üç yakın cam göbeği tonu.
Gece mavisi zemin üzerinde hacimli sembol.
Koyu yüzeyler için tek renk alternatif.
Hacimli, ortası yuvarlak delikli üç kanat. Koyu lacivert karo üzerinde, kenara yakın duran büyük sembol.
Kaynak. Kaynak 1254 piksel; ana ikon 1024 piksele ölçeklendi, icns içinde 512@2x (1024) var.
Küçük boyut. 16–32 pikselde kanat ayrımı korunuyor, parlaklık detayı kayboluyor. Favicon için düz SVG sürümü kullanılır.
Uygulamada. Dock ikonu build/icon.png, paket ikonu build/icon.icns, Windows build/icon.ico; kabuğun paleti bu beş renge bağlandı. Dock görünümü ekranda doğrulanmadı.
Her parça ayrı ve yüksek çözünürlükte üretildi. Kuyruk düz sarmal; logo kuyruğa basılmaz.









Gövde cam göbeği #43C9D5, çizgiler turuncu #F58A45, zemin gece mavisi #081B36. Üstteki palet birebir aynı.
Mor, yeşil ve turuncu bukalemunlar ajan, mod ve tema içindir. Ana marka rengi yalnız turkuaz kalır.
Ayrı render’lar, 1254–1536 piksel, raster. Vektör değil, 3B model de değil. Kelime logosu yazı tipi henüz özel çizilmedi.
İşaretin her kenarı bir çember yayı. Serbest eğri yok; beş daire ve kesişimleriyle yeniden çizilebilir.
Dış çemberin iç çembere oranı φ ≈ 1,618. R = 96 ise r = 59,33. Dikiş aralığı R/φ⁶ ≈ 5,35; compact sürümde R/φ⁵ ≈ 8,66. Merkez boşluğu R/φ³ ≈ 22,66.
Tek bir sayı bütün ölçüleri birbirine bağlıyor: her ölçü, R bölü φ sayısının bir kuvveti. R içinden r çıkınca kalan parça yine aynı orandadır (R − r = r/φ). Hiçbir ölçü keyfi değil.
Altın oran bir formu kendiliğinden güzel yapmaz. Buradaki işi, ölçüleri tek kurala bağlamak. Teğetlik ve 120° simetri φ sayısından bağımsızdır.
Logonun imzası cam göbeği. Diğer renkler aynı logonun içine değil, kimliğin farklı görevlerine dağılıyor.
Ana zemin ve kurumsal metin
RGB 8 · 27 · 54Bağlantılar ve birincil eylemler
RGB 37 · 99 · 235İmza rengi, logo ve aktif odak
RGB 67 · 201 · 213Ölçülü vurgu, yardımcı eylem
RGB 245 · 138 · 69Açık destek yüzeyi
RGB 231 · 248 · 250Turuncu az, etkisi yüksek. Yardımcı eylemlerde ve küçük vurgularda kullanılır. Cam göbeği ile turuncu üzerinde lacivert; mavi üzerinde beyaz metin kullanılır. Açık zeminde cam göbeği gövde metni kullanılmaz.
Renkli alanlarda öneri: 70 / 20 / 8 / 2.
Beyaz ve nötr yüzeyler bu dağılıma dahil değil.
Compact, 16–32 px için ayrımları açar. Boyutlar CSS pikselidir; %100 yakınlaştırmayla karşılaştır.
Beyaz sürümü koyu zeminde, lacivert sürümü açık zeminde kullan.
Görsel yüklenemedi. Sayfayı yeniden açmayı deneyebilirsin.
Arayüz renk örneği ve isimle yan yana kullanım. Çalışan ürün ekranı değil; renk rolleri için taslak.
Gece mavisi sakin zemini kurar. Mavi ana eylemi; turuncu yardımcı vurguyu taşır.
İsim gösterimi: sistem sans-serif, yarı kalın.
Bu bir tipografi yerleşimi; özel çizilmiş kelime logosu değil.
Beş çember: dış çember R, birbirine teğet üç iç çember R/φ ve merkez boşluğu R/φ³. Bütün kenarlar çember yayı; serbest eğri yok.
16–32 px compact; 48 px ve üzeri standart. Çevresinde en az toplam simge genişliğinin ⅛’i kadar boşluk bırak.
Renk kaybolduğunda da üç parça seçilir. Esnetme, parçaları ayrı renklere bölme veya merkez açıklığını kapatma.
12 SVG · ikon seti (png, icns, ico) · renk değerleri · CSS tokenları · kullanım notları · bu sunum