logo

Tema Özelleştirme

Link in bio sayfanızın görünümünü markanıza veya kişiliğinize uygun şekilde özelleştirin. Renklerden font seçimine, düzen stilinden animasyonlara kadar birçok seçenek sunuyoruz.

Hazır Temalar

Hızlı başlangıç için hazır temalarımızdan birini seçebilirsiniz:

🌟 Minimalist

Sade ve temiz tasarım. Beyaz arka plan, minimal renkler.

🌙 Dark Mode

Koyu tema, göz yormayan renkler. Modern ve şık.

🎨 Renkli

Canlı renkler ve gradient arka planlar. Enerjik görünüm.

💼 Profesyonel

İş dünyası için uygun, ciddi ve güvenilir görünüm.

🎭 Yaratıcı

Sanatçılar ve yaratıcılar için benzersiz tasarım.

🌸 Soft

Pastel renkler, yumuşak geçişler. Feminen ve zarif.

Renk Özelleştirme

Sayfanızın renklerini istediğiniz gibi ayarlayın:

🎨 Ana Renk (Primary Color)

Butonlar ve vurgular için kullanılan ana renk. Markanızın ana rengini seçin.

🖼️ Arka Plan

Düz renk, gradient veya arka plan görseli seçenekleri.

  • Düz renk
  • Gradient (2-3 renk geçişi)
  • Özel görsel yükleme
  • Pattern/desen seçimi

📝 Metin Rengi

Başlık ve açıklama metinlerinin rengi. Arka planla kontrast oluşturmalı.

🔘 Link Buton Renkleri

Link butonlarınızın arka plan, metin ve border renklerini ayrı ayrı ayarlayın.

Tipografi

Sayfanızda kullanılacak fontları seçin:

Font Ailesi

Google Fonts kütüphanesinden 1000+ font seçeneği

Popüler seçenekler: Inter, Roboto, Poppins, Montserrat, Open Sans

Font Boyutu

Başlık, alt başlık ve normal metin boyutlarını ayrı ayrı ayarlayın.

Font Ağırlığı

İnce, normal, kalın gibi font kalınlıklarını seçin.

Link Buton Stilleri

Link butonlarınızın görünümünü özelleştirin:

Dolu

Link Metni

Çerçeveli

Link Metni

Gölgeli

Link Metni

Köşe Yuvarlama

Butonların köşe yuvarlaklığını ayarlayın (keskin köşe - tam yuvarlak arası)

Gölge Efekti

Butonlara gölge ekleyerek derinlik kazandırın.

Hover Efektleri

Fare üzerine gelindiğinde butonların nasıl görüneceğini ayarlayın.

Düzen Ayarları

Profil Fotoğrafı Şekli

Yuvarlak, kare veya köşeleri yuvarlatılmış kare seçenekleri.

İçerik Genişliği

Linklerin sayfa içinde ne kadar geniş görüneceğini ayarlayın.

Link Aralığı

Linkler arasındaki boşluk miktarını belirleyin.

Hizalama

İçeriği sola, ortaya veya sağa hizalayın.

Animasyonlar

Sayfanıza dinamizm katmak için animasyonlar ekleyin:

Giriş Animasyonları

Sayfa yüklendiğinde elementlerin nasıl belireceğini seçin (fade in, slide up, zoom vb.)

Hover Animasyonları

Linkler üzerine gelindiğinde animasyon efektleri (büyüme, titreşim, yükselme vb.)

Arka Plan Animasyonları

Arka planda hareket eden gradient, partiküller veya geometrik şekiller.

Özel CSS

İleri düzey kullanıcılar için özel CSS kodu ekleme imkanı:

Kendi CSS kodunuzu yazarak sayfanıza tamamen benzersiz bir görünüm kazandırabilirsiniz.

/* Örnek CSS */
.profile-name {
font-size: 2rem;
color: #ff6b6b;
}

Önizleme ve Kaydetme

  • Canlı Önizleme: Yaptığınız değişiklikleri anında önizlemede görebilirsiniz
  • Mobil/Desktop Görünüm: Sayfanızın farklı cihazlarda nasıl göründüğünü kontrol edin
  • Tema Kaydetme: Beğendiğiniz tema kombinasyonlarını kaydedip daha sonra kullanabilirsiniz
  • Yayınlama: Hazır olduğunuzda "Yayınla" butonuna tıklayın

✅ İpucu: Yayınlamadan önce mutlaka mobil görünümü kontrol edin. Ziyaretçilerinizin çoğu mobil cihazdan erişecektir.

Tema İpuçları

🎯 Marka Uyumu

Sayfanızın renklerini markanızın kurumsal renklerine uygun seçin.

📖 Okunabilirlik

Metin rengi ile arka plan arasında yeterli kontrast olduğundan emin olun.

⚡ Performans

Çok fazla animasyon performansı olumsuz etkileyebilir. Dengeli kullanın.

🌍 Evrensel Tasarım

Hedef kitlenizi düşünerek tasarım yapın. Minimalist genellikle daha etkilidir.