Yayınlandı：2026-10-05
Anahtar kelimeler：Nano Banana Pro, Nano Banana, Nano Banana resmi web sitesi, GitHub social preview, README Hero, nanobanana prompts
Açık kaynak repoları, SDK’ları veya iç platform dokümanlarını sürdüren ekipler bunu zaten bilir: bir geliştirici star basmadan veya ilk İngilizce paragrafı okumadan önce “tıklamalı mıyım” kararını aslında GitHub social preview’ın profesyonel görünüp görünmediği ve README başlığının aynı proje gibi durup durmadığı verir. GitHub bağlantı kartı, README Hero ve kuruluş banner’ı her biri kendi renk sıcaklığını ve Logo ölçeğini uydurursa ziyaretçiler üç ilgisiz depo varsayar. Birçok ekip OG görselini dışarı verir, README başlığını ekran görüntüsü alır, ardından org sayfası için bir landing banner kırpar — üç varlık zincirini hizalamak çoğu zaman birkaç gün yakar ve mobil akış hâlâ “Logo’nun yarısını” keser.
Bu rehber geçmiş “SaaS landing-page Hero”, “App Store ASO ekran görüntüsü”, “Pitch Deck yatırımcı slaytları” ve “sosyal medya marka partisi” konularından farklıdır. Tek bir işi çözer: Nano Banana resmi web sitesi üzerinden Nano Banana oluşturma uygulaması ile oluşturma uygulamasına nasıl girilir, ardından Nano Banana / Nano Banana Pro ile yarım günde depoya hazır bir GitHub social-preview ve README görsel kiti nasıl teslim edilir.
Elde edeceğiniz: 8 varlık kit planlama tablosu, tam varlık kontrol listesi, dört adımlı iş akışı, üç tam İngilizce prompt şablonu (değiştirilebilir yer tutucular), platform en-boy rehberi, üç vaka çözümlemesi, tuzak tablosu ve Nano Banana ile Nano Banana Pro seçim önerisi. Prompt gövdeleri kısaltılmaz — seed tam İngilizce şablonları enjekte eder; GitHub social preview, README Hero ve org banner’ını yapıştırıp teslim edebilirsiniz.
1. GitHub görselleri için neden Nano Banana / Nano Banana Pro?
Geleneksel dış kaynak OG kartlarını, README başlıklarını ve org banner’larını tedarikçilere böler; ekran görüntüsü stilleri dosyadan dosyaya zıplar. Nano Banana resmi web sitesi iş akışında Nano Banana kompozisyon hacmini hızlı keşfetmek için idealdir, Nano Banana Pro ise finaller için marka rengini, Logo/UI kimliğini ve başlık güvenli bölgelerini kilitler. Repo lansmanına kredi harcamadan önce aşağıdaki yetenek matrisini karşılaştırın:
| Yetenek | Geleneksel dış kaynak karışımı | Nano Banana / Nano Banana Pro |
|---|---|---|
| Social-preview kompozisyonu | Repo adı değişince tasarımcıyı yeniden rezerve etmek gerekir | Doğal dille 5 yönü hızlı dene; Pro marka rengini ve Logo silüetini daha kararlı kilitler |
| README başlığı negatif alanı | Ekran görüntüleri çok yoğundur ve ölçeklenince bulanır | Temiz geniş eskizler; Pro doküman bindirmeleri için kısa başlık güvenli bölgelerini netleştirir |
| Seri birliği | OG, README ve org banner her biri kendi yoluna gider | Tek bir prompt iskeletini yeniden kullan; aynı hesap iş akışı kit boyunca tutarlı kalır |
| Akış kırpma güvenliği | Logo’nun kesildiğini ancak dışa aktardıktan sonra fark edersiniz | Sabit güvenli bölgeler ve kompozisyon çapaları; Pro finalleri küçük kartlara uygun kontrastı korur |
| Giriş ve öğrenme eğrisi | Dağınık araçlar | Nano Banana resmi web sitesi rehberleri ve vakaları; Pro sütun sayfaları seçimi açıklar |
Tek cümle: kompozisyon ve hacmi keşfetmek için Nano Banana kullanın; finaller için marka rengi, Logo/UI kimliği ve başlık güvenli bölgelerini kilitlemek için Nano Banana Pro. Kararlar ve giriş noktaları için resmi sitedeki Nano Banana ve Nano Banana Pro ürün sayfalarından başlayın; krediler ve planlar fiyatlandırma sayfasındadır. GitHub görselleri “güzel bir OG artı rastgele ekran görüntüsü” değildir — yeniden kullanılabilir bir depo görsel sistemidir.
2. GitHub görsel kit planı (önerilen 8 varlık)
README’ye rastgele ekran görüntüleri dökmeden önce tabloda “her görselin görsel işini” tanımlayın — kredi tasarrufu sağlar ve GitHub social preview, README Hero ile org banner’ını tek repo gibi hissettirir:
| # | Görsel türü | Amaç | Önerilen model |
|---|---|---|---|
| 1 | GitHub social preview | Bağlantı kartı / Open Graph | Nano Banana Pro |
| 2 | README Hero | Repo ana sayfasında ilk izlenim | Nano Banana Pro |
| 3 | Özellik metaforu küçük A | Doküman “features” sütunu | Nano Banana / Pro |
| 4 | Özellik metaforu küçük B | Install / integrate metaforu | Nano Banana / Pro |
| 5 | Mimari / iş akışı plakası | Gerçek diyagram bindirmesi için zemin | Nano Banana Pro |
| 6 | Org / Profile banner | Kuruluş veya kullanıcı sayfası başlığı | Nano Banana Pro |
| 7 | Release kapağı | Release / Changelog sanatı | Nano Banana Pro |
| 8 | Katkıda bulunan teşekkür şeridi | CONTRIBUTING / topluluk atmosferi | Nano Banana |
Resmi site ipucu: Nano Banana resmi web sitesi üzerinde önce Showcase ve prompt rehberini açın — “temiz ticari illüstrasyon / ürün silüeti” vakalarını yer imlerine ekleyin, sonra Nano Banana oluşturma uygulaması’e girin. Sıfırdan bir GitHub görünümü icat etmekten daha hızlıdır. Bu kit GitHub social preview, README Hero ve org banner’ları içindir; SaaS landing Hero, e-posta Newsletter başlıkları veya Pitch Deck slaytları için değil.
3. Varlık hazırlık kontrol listesi (tüm deponun “tek proje gibi” hissedilip hissedilmediğini belirler)
Oluşturma uygulamasını açmadan önce şunları hazırlayın. Bu adımı atlamak, OG kartı, README Hero ve org banner’ının üç ajansın yapıştırılması gibi görünmesinin 1 numaralı nedenidir:
- Marka referansı (zorunlu): Net proje Logo silüeti; birincil ve ikincil renkler İngilizce renk adları veya hex olarak yazılmış
- Ürün veya UI referansı (önerilir): CLI, SDK veya konsol ekran görüntüsü Image 1 olarak — “do not redesign interface text into garbled labels” talep edin
- Repo tonu: Developer tools / open-source library / internal platform — yalnızca birini seçin ve stil açıklamasına yazın
- Kullanım envanteri: GitHub social preview, README Hero, org banner, Release kapağı — üretmeden önce sayıyı kilitleyin
- En-boy oranı ve güvenli bölge: GitHub social preview yaklaşık 2:1 (ör. 1280×640); README Hero 16:9; başlıklar için yaklaşık %35–%40 temiz negatif alan ayırın
- Negatif kısıtlar: no watermark, no fake star counts, no melted UI text, no random stock faces, no official GitHub mascot copies
Repo adını önce bir tasarım dosyasına pişirmeniz gerekmez. Nano Banana Pro yalnızca açıklamadan başlık güvenli bölgesi bırakabilir; arka plan ne kadar temizse sonraki gerçek repo adı ve slogan bindirmeleri o kadar kararlı olur. Bu kontrol listesini tüm GitHub kitinin “tek proje brief’i” olarak ele alın.
4. Dört adımlı iş akışı (resmi siteden teslim edilebilir repoya)
Adım 1: Nano Banana resmi web sitesinden oluşturmaya girin
- Nano Banana resmi web sitesi üzerinden Nano Banana oluşturma uygulaması’i açın
- GitHub social preview, README Hero ve org banner için Nano Banana Pro önceliklendirin; saf metafor keşfi için Nano Banana kullanın
- Marka veya ürün/UI görselini Image 1 olarak yükleyin
Adım 2: Kit sırasına göre şablon seçin
Seed aşağıya üç kopyalanabilir İngilizce prompt iskeleti enjekte eder (kısaltılmış taslak uydurmayın — GitHub social preview, README Hero ve org banner tam bloklarını yapıştırın):
- Şablon A: GitHub social preview (yaklaşık 2:1, büyük başlık güvenli bölgesi)
- Şablon B: README Hero (16:9, belgeleme başlığı)
- Şablon C: Org / Profile banner (geniş plaka, kimlik kilidi)
Adım 3: Üretimden sonra “repo-hazır kontrol” çalıştırın
- Mobil akış küçük resmi kırpıldıktan sonra Logo ve marka rengi hâlâ tanınıyor mu?
- Başlık güvenli bölgesi repo adı artı bir slogan satırı için yeterince büyük mü?
- UI / ürün kenarları sağlam, etiketler erimemiş mi?
- OG kartı, README ve org banner aynı renk sıcaklığını ve kompozisyon dilini paylaşıyor mu?
- Sahte star counts, sahte rozetler veya filigran var mı?
Adım 4: Kısa follow-up’larla yineleyin + platforma göre dışa aktarın
Kısa konuşma tweaks ile yineleyin, ardından GitHub social preview’ı yaklaşık 1280×640, README’yi 16:9 dışa aktarın ve gerçek metni repo ayarları ile Markdown’a bindirin. Sık follow-up’lar:
- “enlarge headline safe zone”
- “keep brand purple”
- “remove decorative icons”
- “simpler background, larger headline zone”
- “preserve UI label legibility”
Finallerden sonra GitHub social preview’ı yaklaşık 1280×640 ve README’yi 16:9 dışa aktarın, ardından gerçek metni repo ayarları ve Markdown’da kompozit edin — asla sahte stars’ı plağa pişirmeyin. Başarısızlık kalıpları ve düzeltmeler için Nano Banana resmi web sitesi üzerindeki Failures sayfası ve yaygın başarısızlık blogunu kullanın; aynı GitHub hatalarını yeniden öğrenmek için kredi yakmayın.
5. Prompt Şablonu A: GitHub social preview
Subject: GitHub social preview / Open Graph card, about 2:1. Preserve brand identity from Image 1 100% — logo silhouette, primary colors, and product/UI shape if present. Do not invent a different brand or copy any official GitHub mascot.
Composition: Logo or product motif on the 【left third / right third】. Leave a large clean headline-safe zone on the opposite side (about 40% width) for repo name + one-line slogan overlay later — no baked-in garbled text, no fake star counts, no melted badges.
Style: 【developer tools / open-source library / internal platform】; premium GitHub card look; high contrast when shown as a small link preview on mobile.
Lighting: Soft studio key, gentle rim, subtle screen glow if UI is shown; avoid muddy midtones and neon overload.
Negative constraints: no watermark, no fake stars/forks, no unreadable micro-UI text, no random stock faces, no cluttered terminal spam.
Output: 1280x640 or 2:1, 4K, Nano Banana Pro GitHub social preview.
Nasıl kullanılır
- Logo veya ürün/UI referansını Image 1 olarak yükleyin
- Tam İngilizce bloğu yapıştırın, repo tonunu ve güvenli bölge tarafını doldurun
- Arka plan çok meşgulse follow-up “simpler background, larger headline zone”
- Kilitlemeden önce mobil sohbet küçük resmi boyutunda bir kez önizleyin
6. Prompt Şablonu B: README Hero
Layout: README hero banner, 16:9. Preserve brand accent from Image 1 as a quiet motif only. Communicate ONE project idea — 【CLI toolkit / SDK / dashboard / workflow engine】 — without baking the full feature list.
Composition: One clear visual metaphor plus a wide calm band for a short project title overlay later. Keep 40–50% negative space. Motif stays simple, not a full comic scene.
Style: Minimal open-source documentation header, Nano Banana Pro clean commercial plate, readable above the README fold.
Lighting: Even, low-drama; high contrast for GitHub’s light and dark themes.
Negative constraints: no fake badges with readable numbers, no melted labels, no watermark, no stock photo collage, no unofficial GitHub octocat copies.
Output: 16:9, 4K, Nano Banana or Nano Banana Pro README hero.
Öğrenme noktası: README başlığı tek bir proje metaforu taşır, tüm özellik listesini görsele pişirmez. Kurulum komutlarını ve rozetleri Markdown metin katmanına koyun. Yalnızca hızlı yön testi istiyorsanız Nano Banana ile başlayın, ardından final plaka için Nano Banana Pro’ya geçin. Bilgilendirici düzenlerde daha fazla negatif alan zanaatı Nano Banana resmi web sitesi poster/infografik rehberinde.
7. Prompt Şablonu C: Organization / Profile banner
Organization or profile banner for GitHub, wide landscape.
Identity: If a logo is uploaded as Image 1, preserve brand colors and silhouette 100%. Do not invent extra product logos. If a product shot is uploaded, preserve the SKU/UI 100%.
Composition: Soft brand-color gradient or quiet abstract geometry with a wide calm center or side band for future org name overlay. Keep edges quiet so the banner still works when GitHub crops it.
Style: Consistent with the social-preview palette 【brand primary + charcoal】 so OG cards, README, and org banner feel like one repo family.
Lighting: Soft even wash, no harsh vignette that hides overlay text later.
Negative constraints: no fake contributor avatars, no watermark, no dense isometric city, no garbled org name baked in.
Output: wide banner, 4K, Nano Banana Pro GitHub org/profile banner.
Öğrenme noktası: org banner, GitHub social preview ile aynı paleti paylaşmalıdır ki bağlantı kartından kuruluş sayfasına tıklayan ziyaretçi farklı bir şirkete girdiğini hissetmesin. Daha fazla prompt iskeleti Nano Banana resmi web sitesi prompt-pack koleksiyonunda. Banner finallerde OG kartıyla eşleşmek zorundaysa Nano Banana Pro tercih edin.
8. En-boy oranı, platform ve dışa aktarma önerileri
| Kullanım durumu | Önerilen oran | Notlar |
|---|---|---|
| GitHub social preview / OG | Yaklaşık 2:1 (ör. 1280×640) | Başlık bölgesini repo adına bırakın |
| README Hero | 16:9 | Açık ve koyu temalarda işe yarayan kontrast |
| Özellik sütunu küçük sanat | 1:1 | Aynı ışık yönü ve palet |
| Org / Profile banner | Geniş yatay | GitHub kırpmasını izleyin |
| Release kapağı | 16:9 veya 2:1 | Sürüm numarasını pişirmeyin; Release başlığına koyun |
Dışa aktardıktan sonra bile hedef sohbet uygulamasında ve GitHub web sayfasında önizleyin. Birçok “büyük görselde premium durur, kartta renk bloğuna çöker” sorunu güvenli bölge paketlemesi ve kontrastan gelir — 4K’nın kendisinden değil. Başlık bölgesini temiz tutun ki repo adı ve slogan küçük kartta hâlâ okunsun.
9. Üç vaka çözümlemesi (yapıyı kopyalayın)
Vaka 1: Açık kaynak CLI aracı deposu
- Hedef: GitHub social preview marka morunu hatırlar; README başlığı yalnızca “tek komut” ifade eder; org banner aynı paleti paylaşır
- Yaklaşım: Şablon A (sol Logo, sağ başlık bölgesi) → B (CLI penceresi metaforu, büyük negatif alan) → C (kömür gradyanlı geniş bant)
- Sonuç: Twitter/sohbet kartları ve README aynı proje gibi durur
- Öğren: OG görsele asla sahte star counts pişirmeyin; sayıları GitHub’ın kendi rozetlerine koyun
Vaka 2: SDK doküman eşlik deposu
- Hedef: UI / kod çerçeveleri okunur kalır, bozulmaz; ton “güvenilir mühendislik” olarak durur
- Yaklaşım: Ürün yakın çekiminde Nano Banana Pro ile arayüzü kilitleyin; README’yi az süs, daha çok negatif alanla tutun
- Sonuç: Katkıda bulunanlar “şablon site açık kaynak sayfası gibi durmuyor” dedi
- Öğren: Geliştirici repoları abartılı neon ve bilimkurgu ışımasını atlamalıdır
Vaka 3: Şirket içi platformun kamuya açık dilimi
- Hedef: Dış OG ve iç README görsel olarak sürekli kalır, yayımlanmamış UI ayrıntısı sızdırmaz
- Yaklaşım: Birincil rengi ve güvenli bölge oranlarını sabitleyin; arayüzü yalnızca silüet ve soyut pencere çerçeveleri olarak tutun
- Sonuç: İşe alım ve teknoloji blogu paylaşımları kartta markayı hâlâ tanır
- Öğren: Seriyi kararlı tutmak için bir seferde yalnızca bir değişken sınıfını değiştirin
10. Yaygın hatalar ve nasıl kaçınılır
| Hata | Sonuç | Düzeltme |
|---|---|---|
| OG görsele sahte star / fork sayıları tıkıştırmak | İnanılır değil ve bakımı zor | Preview = yalnızca ana görsel + başlık bölgesi |
| Başlık güvenli bölgesi dokuyla dolu | Repo adı bindirmesi çiçeklenir ve dağınık durur | “larger clean headline-safe zone” |
| README ve OG renk sıcaklığı zıplar | Tek depo gibi hissettirmez | Palet açıklamasını ve aynı ışık yönünü kilitleyin |
| UI metni erir | Proje sahte hisseder | “preserve UI label legibility” + Nano Banana Pro |
| Resmi maskot / rozet kopyalamak | Marka ve uyum riski | Yalnızca kendi Logo’nuzu kullanın; no unofficial mascots yazın |
| OG’yi yalnızca standard ile finalize etmek | Logo kenarları yumuşar | GitHub social preview’ları Nano Banana Pro’ya geçirin |
Sistematik kaçınma için Nano Banana resmi web sitesi üzerindeki Failures ve Lab parametre deneylerini çapraz kontrol edin. Sahte stars, erimiş UI etiketleri veya resmi olmayan GitHub maskotları göründüğünde repo güveni en hızlı ölür — push’tan önce bunları sert duraklar olarak ele alın.
11. Nano Banana vs Nano Banana Pro: GitHub görselleri için nasıl seçilir?
| Görev | Daha iyi tercih |
|---|---|
| 5 GitHub social-preview kompozisyonunu hızlı dene | Nano Banana |
| OG / README Hero final + marka rengi kilidi | Nano Banana Pro |
| Özellik metaforu küçük sanat keşfi | Nano Banana / Pro |
| Sakin org banner plakası | Nano Banana Pro |
| Öğrenme girişi ve ürün açıklayıcıları | Nano Banana resmi web sitesi sütun sayfaları ve blog |
Seçim ayrıntısı ayrıca {{SITE_LINK}} üzerindeki Nano Banana vs Pro farklar yazısında ve resmi site incelemesinde yaşar. GitHub kitleri için başparmak kuralı: standard’da hacmi keşfedin, Pro’da Logo/UI kimliğini ve başlık güvenli bölgelerini kilitleyin, ardından gerçek kopyayı çevrimdışı kompozit edin — üretmeye hazır olduğunuzda {{APP_LINK}}’i açın.
12. Üç adımda hızlı başlangıç (bugün bir repo kartı taslağı teslim edin)
- Nano Banana resmi web sitesi’i açın → Nano Banana oluşturma uygulaması’e girin → marka veya ürün/UI görselini yükleyin → Nano Banana Pro seçin
- Şablon A (GitHub social preview) → B (README Hero) → C (org banner) sırasıyla çalıştırın; varlık başına bir repo-hazır kontrol
- Yaklaşık 2:1 ve 16:9 dışa aktarın, repo ayarları ve README taslağına koyun, ardından gerçek kopyayı bindirin; krediler için resmi sitede ücretsiz deneme rehberi ve fiyatlandırmaya bakın
Kapanış
Bir GitHub projesi “tek sihirli görsel” ile kazanılmaz — yeniden kullanılabilir bir depo görsel sistemidir. GitHub social preview, README Hero ve org banner’ını ayırın; Nano Banana ile keşfedin, Nano Banana Pro ile finalize edin ve Nano Banana resmi web sitesi üzerindeki rehberlere, vakalara ve fiyat açıklayıcılarına yaslanın. Başka bir dış kaynak hattı eklemeden açık kaynak repolar, SDK’lar ve iç platformların kamuya açık dilimleri için ilk izlenimleri sabitleyebilirsiniz.
Sonraki adım: Showcase’de doğrulanmış önce/sonra çiftlerini inceleyin, prompt iskeletlerini yer imine almak için Resources şablon paketlerini indirin, ardından bugün bu GitHub görsel iş akışıyla başlayın — Nano Banana oluşturma uygulaması’i açın ve GitHub social preview, README Hero ile org banner’ını teslim edin.