Marka kılavuzu
hugepump.com, sunumlar, fuar ekranları ve motion işleri için tek kaynak. Dil fikri: mühendislik paftası. Ürün gerçek CAD verisinden gelir, sayfa bir teknik çizim antedi gibi düzenlenir, sarı yalnızca ölçünün ve kararın olduğu yerde yanar.
İlkeler
- Önce ölçü.Her ürün sunumu bir sayıyla açılır: debi, basınç, bağlantı ölçüsü. Sıfat değil, değer. Büyük, kalın, genişletilmiş rakamlar sistemin imzasıdır.
- Gerçek parça, gerçek veri.Ürün görselleri STEP modellerinden render edilir: patlatılmış görünüm, kesit, montajlı. Stok fotoğraf ve yapay sahne kullanılmaz.
- Sade düzen.12 sütunlu ızgara, az çizgi, büyük görsel. Gölge, gradyan ve yuvarlak kart yok. Teknik çizim dili yalnız ürün anlatımında, süs olarak değil.
- Sarı bir karardır.Sayfa başına en fazla bir birincil eylem ve bir vurgu alanı. Geniş sarı yüzey yalnız sunum kapaklarında ve kampanya bantlarında.
- Sahne koyu, içerik açık.Ürünün sahnelendiği bölümler (hero, patlatılmış görünüm, film) koyu sahnededir. Bilgi okunan bölümler (filtre, tablo, form) açık zemindedir.
Logo
SVG'ler kullanılır, yeniden çizilmez
- Alt markalar aynı yapıyı paylaşır: sarı HUGE, gri alt marka adı, iki sarı çubuk. Ürün ailesi sayfalarında ilgili alt marka logosu kullanılır.
- Koruma alanı: HUGE kelimesindeki H harfinin genişliği kadar boşluk. Dijitalde en küçük genişlik 120 px.
- Günalsan, "Bir Günalsan Pompa markasıdır" imzası olarak footer'da ve Kurumsal sayfasında yer alır; HUGEPUMP logosunun yanında eşit büyüklükte kullanılmaz.
- Distribütörü olunan markalar kendi logolarıyla, Partner markalar sayfasında gri tonlamalı bir şeritte gösterilir ve "Distribütörlük" etiketiyle ayrışır.
Renk
Sarı logodan birebir alınır ve açık zeminde metin rengi olarak kullanılmaz; gerekiyorsa koyulaştırılmış hardal kullanılır. Katmanlar gölgeyle değil çizgiyle ayrılır. Kontrast oranları seçili temanın sayfa zeminine göredir.
Marka
#FBBF161,5:1 zemineHUGE sarısı, logodan birebir. Birincil CTA dolgusu, ölçü çizgisi vurgusu, seçili durum. Üzerindeki metin daima ink-on-yellow. Açık zeminde METİN rengi olarak kullanılmaz (1.6:1).
#D9A1002,1:1 zemineSarı butonun hover/pressed durumu, sarı alanın gölge kenarı.
#8A64004,9:1 zemineSarıyı metin/çizgi olarak kullanmak gerektiğinde: açık zeminde koyulaştırılmış hardal (4.9:1), koyu zeminde logo sarısı.
#FFF4D11,0:1 zemineSeçili satır, teklif listesine eklenmiş ürün, sakin vurgu alanı.
#7B76784,1:1 zemineLogodaki 'PUMP / Blower / Vacuum / Acid' grisi. Yalnızca logoda ve 24px üzeri dekoratif metinde.
#14151816,6:1 zemineSarı dolgu üzerindeki metin ve ikon (10.9:1).
Zemin ve sahne
#F4F4F11,0:1 zemineSayfa zemini. Açıkta beton grisi, koyuda grafit.
#FFFFFF1,1:1 zemineKart, tablo, form paneli. Gölge yerine line ile ayrılır.
#E9E9E51,1:1 zemineFiltre rayı, kod/teknik çizim alanı, tablo başlığı.
#14151816,6:1 zemineÜrün sahnesi: hero, render ve sunum bölümleri her iki temada da koyu kalır.
#F1F1EE1,0:1 zeminestage üzerindeki birincil metin (16:1).
#A3A1A22,3:1 zeminestage üzerindeki ikincil metin ve ölçü etiketleri (7.1:1).
#3A3D429,9:1 zeminestage üzerindeki pafta ızgarası ve ölçü çizgileri.
Metin ve çizgi
#14151816,6:1 zemineAna metin, başlıklar, model kodları.
#57534F6,9:1 zemineİkincil metin, birimler, açıklamalar (açıkta 7.0:1, koyuda 7.6:1).
#D3D3CE1,4:1 zemineHairline ayraçlar, tablo çizgileri, kart kenarı. Dekoratif; anlam taşımaz.
#86837E3,4:1 zemineForm kontrol kenarı, ölçü çizgisi, aktif olmayan sekme alt çizgisi (açıkta 3.4:1, koyuda 3.7:1).
#14151816,6:1 zemineKlavye odak halkası, 2px + 2px boşluk.
Çatı marka ve durum
#13324E12,0:1 zemineGünalsan çatı markası lacivert. Yalnız kurumsal/şirket bölümlerinde ve Günalsan logosu yanında.
#F03C1F3,5:1 zemineGünalsan logosu kırmızısı. Logo dışında yalnız uyarı grafiği (ATEX, tehlike). Metin olarak signal-red-text.
#B8290F5,7:1 zemineHata mesajı ve uyarı metni (açıkta 5.6:1, koyuda 6.9:1).
#1F6B455,9:1 zemineForm onayı, 'stokta' durumu.
Veri serileri
#B07F003,2:1 zeminePerformans eğrisi 1. seri (seçili model).
#2F66905,6:1 zeminePerformans eğrisi 2. seri / karşılaştırma.
#57534F6,9:1 zeminePerformans eğrisi 3. seri / referans.
Tipografi
Archivo · değişken · wght 400–800, wdth 62–125Tek aile kullanılır, ikinci bir mono veya teknik font yoktur. Başlıklar ve teknik değerler genişletilmiş (wdth 112) kalın kesimde, rakamlar tabular dizilir. Etiketler cümle düzenindedir. Model kodları boşluksuz ve büyük harf yazılır; inç ölçüsü double prime ile: 3″.
Çok dillilik: başlık kutuları %35 metin uzamasına göre tasarlanır (DE, RU). Arapçada ayna düzen; model kodları ve değerler soldan sağa kalır.
Izgara ve düzen
12 sütun · 24 px oluk · 40 px kenar · en fazla 1360 pxTablette 8, telefonda 4 sütun ve 16 px kenar boşluğu.
Boşluk ölçeği
space-14pxİkon–metin arası, etiket iç boşluğu.space-28pxDeğer–birim, sıkı listeler.space-316pxKontrol iç boşluğu, kart içi satırlar.space-424pxKart padding, grid gutter.space-540pxSayfa kenar boşluğu (desktop), blok arası.space-664pxBölüm içi büyük ayrım.space-7104pxBölümler arası dikey ritim (desktop).space-8168pxHero ve sahne bölümleri üst/alt nefes.Köşe ve çizgi
Teknik çizim öğeleri
Bileşenler
Sitedeki gerçek bileşenler- Maks. debi
- 890l/dk
- Bağlantı
- 3inç
- Basma
- 70m
- Katı geçişi
- 8mm
HP30
890 l/dk · 3″ · Alüminyum
Akışkan adı, sıcaklık ve debiyi yazın; uygulama mühendisimiz gövde ve elastomer önerisiyle dönsün.
Mühendise sorHer sayfada altta sabit; satın almacı için teklif listesi bir tık uzakta.
Görsel ve hareket
Render ve fotoğraf
Render STEP verisinden: alüminyum döküm saten metal, elastomerler mat siyah, bağlantı elemanları paslanmaz. Kamera 3/4 açı, ufuk hafif yukarıdan. Fotoğraf yalnız kendi tesis, montaj, test ve sahadan. İkonlar 24 px ızgara, 1,5 px kontur; emoji ve dolgu ikon yok.
- Animasyon açıklarPatlatma filmi, kaydırmayla açılan 3D model, çalışma prensibi döngüsü, eğrinin çizilerek gelmesi.
- Parçacık yalnız ayrılma anındaHareket yönünde ve kısa ömürlü; dekoratif ışıltı yok.
- 240–480 msEğri cubic-bezier(0.2, 0, 0, 1). Prensip döngüleri gerçek strok hızına yakın, yaklaşık 1 s/strok.
- Azaltılmış hareketprefers-reduced-motion açıkken döngüler durur, kaydırmalı sahneler son karede kalır.
Ses tonu
Kısa, ölçülü, mühendisten mühendise.
"Dünyanın en iyi pompası, size en uygun çözümler!"
"890 l/dk, 7 bar, 8 mm partikül."
"MAKS. DEBİ" gibi büyük harf, aralıklı mikro etiket
"Maks. debi" — cümle düzeninde etiket