Tanex

Browser kimliği / Tasarım önerisi

Üç parça.
Tek odak.

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.

Tanex uygulama ikonu: üç kanatlı, ortası yuvarlak delikli hacimli turkuaz sembol

Bir işaret, altı kullanım.

Ü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.

Hacimli SVG

Hacimli SVG

SVG

Ana dijital işaret. Raster doku yerine üç sade vektör geçişi.

Minimal

Minimal

SVG

Tek renk. Belge, başlık ve kurumsal kullanım.

Compact

Compact

SVG

16–32 px için daha açık aralıklar ve merkez.

Dolgulu

Dolgulu

SVG

Gradyansız, üç yakın cam göbeği tonu.

Uygulama

Uygulama

SVG

Gece mavisi zemin üzerinde hacimli sembol.

Ters / beyaz

Ters / beyaz

SVG

Koyu yüzeyler için tek renk alternatif.

Uygulama ikonu.

Hacimli, ortası yuvarlak delikli üç kanat. Koyu lacivert karo üzerinde, kenara yakın duran büyük sembol.

Tanex uygulama ikonu
Tanex ikonTanex ikonTanex ikonTanex ikonTanex ikon

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ı.

Maskot: Tanex bukalemunu.

Her parça ayrı ve yüksek çözünürlükte üretildi. Kuyruk düz sarmal; logo kuyruğa basılmaz.

Tanex
Tanex bukalemunu, 3/4 ön görünüm, çömelmiş ve gülümsiyor
Ana görsel, 3/4 ön.
Bukalemun ön görünüm
Ön
Bukalemun 3/4 ön görünüm
3/4 ön
Bukalemun yan görünüm
Yan
Bukalemun 3/4 arka görünüm
3/4 arka
Bukalemun kuyruğu yakın çekim, sarmal ve turuncu çizgiler
Kuyruk detayı: düz, zarif sarmal; logo yok.
Bukalemun gözü yakın çekim
Göz ve doku.
Bukalemun yüz ifadeleri: gülüyor, şaşkın ve güneş gözlüklü
Yüz ifadeleri: gülüyor, şaşkın, havalı.
Mor, yeşil ve turuncu bukalemun varyasyonları
Renk varyasyonları: ajan, mod ve tema için mor, yeşil, turuncu.

Renk

Gövde cam göbeği #43C9D5, çizgiler turuncu #F58A45, zemin gece mavisi #081B36. Üstteki palet birebir aynı.

Varyasyon

Mor, yeşil ve turuncu bukalemunlar ajan, mod ve tema içindir. Ana marka rengi yalnız turkuaz kalır.

Kaynak

Ayrı render’lar, 1254–1536 piksel, raster. Vektör değil, 3B model de değil. Kelime logosu yazı tipi henüz özel çizilmedi.

Beş çember, tek kural.

İşaretin her kenarı bir çember yayı. Serbest eğri yok; beş daire ve kesişimleriyle yeniden çizilebilir.

Tanex işaretinin kuruluşu: dış çember, birbirine teğet üç iç çember
  1. Dış çember. Yarıçap R (96 birim).
  2. Merkezler. Üç iç çemberin merkezi, kenarı 2r olan eşkenar üçgenin köşeleridir (merkezden 2r/√3).
  3. Üç iç çember. Yarıçap r = R/φ: dış çemberle altın oran. Birbirine tam teğettirler; ortadaki üçgen bu üç çemberin arasında kalan boşluktur.
  4. Dikişler. Her iç çember, teğet noktasından dış çembere kadar bir dikiş verir. Dikişler dış çembere tam 0°, 120° ve 240° noktalarında değer.
  5. Aralık. Dikiş genişliği R/φ⁶; compact sürümde R/φ⁵. Komşu çemberin yarıçapı o kadar büyütülerek açılır.
  6. Merkez boşluğu. Merkezde yarıçapı R/φ³ (22,66 birim) bir daire. Üç kanadın sivri köşesini keser; kesik yay olur, merkez yuvarlak açılır. Her kanatta aynı noktalardan kestiği için 120° simetri bozulmaz.

Altın oran nerede?

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.

Neden altın oran?

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.

Dürüst not

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.

Renklerin bir işi var.

Logonun imzası cam göbeği. Diğer renkler aynı logonun içine değil, kimliğin farklı görevlerine dağılıyor.

Gece mavisi

Ana zemin ve kurumsal metin

RGB 8 · 27 · 54
Mavi

Bağlantılar ve birincil eylemler

RGB 37 · 99 · 235
Cam göbeği

İmza rengi, logo ve aktif odak

RGB 67 · 201 · 213
Turuncu

Ölçülü vurgu, yardımcı eylem

RGB 245 · 138 · 69
Buz beyazı

Açık destek yüzeyi

RGB 231 · 248 · 250

Turuncu 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.

Küçülünce de Tanex.

Compact, 16–32 px için ayrımları açar. Boyutlar CSS pikselidir; %100 yakınlaştırmayla karşılaştır.

Hacimli

Hacimli 64 piksel
64
Hacimli 48 piksel
48
Hacimli 32 piksel
32
Hacimli 24 piksel
24
Hacimli 16 piksel
16

Minimal

Minimal 64 piksel
64
Minimal 48 piksel
48
Minimal 32 piksel
32
Minimal 24 piksel
24
Minimal 16 piksel
16

Compact

Compact 64 piksel
64
Compact 48 piksel
48
Compact 32 piksel
32
Compact 24 piksel
24
Compact 16 piksel
16
Seçili ikon önizlemesi
64 px

Beyaz sürümü koyu zeminde, lacivert sürümü açık zeminde kullan.

Kimlik, kullanımda.

Arayüz renk örneği ve isimle yan yana kullanım. Çalışan ürün ekranı değil; renk rolleri için taslak.

tanex / yeni sekme

Keşfetmek için bir alan.

Gece mavisi sakin zemini kurar. Mavi ana eylemi; turuncu yardımcı vurguyu taşır.

Birincil eylemYardımcı vurgu
Tanex

İsim gösterimi: sistem sans-serif, yarı kalın.
Bu bir tipografi yerleşimi; özel çizilmiş kelime logosu değil.

Geometri

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.

Boyut ve boşluk

16–32 px compact; 48 px ve üzeri standart. Çevresinde en az toplam simge genişliğinin ⅛’i kadar boşluk bırak.

Tek renk yeterli

Renk kaybolduğunda da üç parça seçilir. Esnetme, parçaları ayrı renklere bölme veya merkez açıklığını kapatma.

Dosyalar hazır.

12 SVG · ikon seti (png, icns, ico) · renk değerleri · CSS tokenları · kullanım notları · bu sunum

Çalışmayı indir