Kodsuz animasyonlarla sitenizi harekete geçirin.
Hazır animasyonlardan seçin, süresini ve gecikmesini ayarlayın. Kaydırma, döngü, tıklama ve üzerine gelme için ayrı ayrı.
Kaydırma animasyonu
Animasyonu ayarla
altyapı Studio
YakındaStudio, altyapı.io'nun görsel editörü. Bölümleri ızgaraya dizin, her ekran için ayrı ayarlayın, animasyon ve özel CSS ekleyin. Kod yazmanız gerekmez; isterseniz yazabilirsiniz.
Studio yakında açılıyor. Ekranlar tasarım önizlemesidir; cihaz düğmeleriyle tuvali tablet ve telefon genişliğine alabilirsiniz.
Panel panel
Kaydırın: aşağıdaki editör her adımda gerçekten değişiyor.
Sayfada bir bölüme tıklayın.
Bölüm mavi çerçeveyle seçilir; adı üstte, ayarları sağ panelde açılır.
Sayfa › KapakSağ panelden boşluğu ve rengi değiştirin.
İç boşluk 48'den 96 piksele, zemin marka tonuna. Değişiklik anında tuvalde, kod yok.
Tasarım · İç boşlukIzgara, liste ya da kolaj.
Kartları tek tıkla kolaja dizin; öne çıkan ürün büyür, diğerleri yanına yerleşir.
Yerleşim · KolajTelefona geçin, ayrıca ayarlayın.
Masaüstündeki ayar telefona iner; isterseniz yalnız telefon için değiştirirsiniz.
Cihaz · 390 pxAnimasyonu seçin, Yayınla'ya basın.
Kartlar kaydırınca kayarak gelir. Her yayın geri alınabilir.
Etkileşim · KayKurslar ve sınırlı sayıda parça.
Koleksiyonu gör
Kapak
Sayfa › Kapak
İç boşluk
48 px96 pxZemin
Yerleşim
IzgaraKolajDuyarlı davranış
MasaüstüYalnız telefonGiriş animasyonu
YokKayÖrnekteki seramik fotoğrafı: Missvain, CC BY 4.0 (kırpıldı), Wikimedia Commons.
Hazır temalardan
Studio'yu boş sayfadan ya da 61 hazır temadan biriyle açın. Her tema sonuna kadar değiştirilebilir.
SokakModa ve tekstil mağazası (önizleme yeni sekmede açılır)
Mavi MasaRestoran ve meyhane (önizleme yeni sekmede açılır)
ParkurSpor ve ayakkabı mağazası (önizleme yeni sekmede açılır)
Eksen HukukHukuk bürosu (önizleme yeni sekmede açılır)
DevreElektronik mağazası (önizleme yeni sekmede açılır)
AynaKuaför ve güzellik salonu (önizleme yeni sekmede açılır)
BereketOnline market (önizleme yeni sekmede açılır)
DengeMali müşavirlik (önizleme yeni sekmede açılır)
Haftanın teması
Koyu zemin, iştah açan fotoğraflar, sekmeli menü ve iki adımda rezervasyon. Kaydırdıkça yavaşça beliren bölümler; hepsi Studio'nun kendi ayarlarıyla, tek satır kod yazmadan.

Hazır animasyonlardan seçin, süresini ve gecikmesini ayarlayın. Kaydırma, döngü, tıklama ve üzerine gelme için ayrı ayrı.
Kaydırma animasyonu
Animasyonu ayarla
Kendi stillerinizi ekleyin, değişikliği bütün siteye tek yerden uygulayın. Kurallar ve güvenlik sınırları korunur; betik çalıştırılmaz.
CSS
global.cssBiçimlendir
/* Sitenin genel stili */ .cam-kart > div { backdrop-filter: blur(10px); border-radius: 20px; background: #fff2;} .urun-kart:hover img { transform: scale(1.04); transition: .4s;}
SEO ve GEO
Studio ile yakındaHer tema yapılandırılmış veri, görünür SSS, işletme kimliği ve llms.txt bağlantısıyla gelir. Studio'daki panel sayfanızı 14 maddelik listemize göre her yayından önce denetler; eksik varsa nerede olduğunu söyler. Aşağıdaki sonuçlar temaların gerçek denetimidir.
14 / 14 kontrol geçti
Liste altyapı.io'nun kontrol listesidir; sıralama garantisi değildir.
Deri ceket, çanta, triko ve ayakkabıda yeni sezon. 1.000 TL üzeri ücretsiz kargo ve 30 gün mağazadan kolay değişim.
Yanıt bağlıysa ChatGPT, Claude ve Gemini cevaplarındaki görünürlüğünüz de burada ölçülür (yakında).
Studio'da neler var
Studio açıldığında bu özelliklerin hepsiyle gelecek. Mesleğinizin kuralları (künye, çerez izni, reklam sınırları) Studio'da da geçerli; tasarım onları değiştiremez.
Hazır temalardan birini seçin ya da istediğiniz siteyi anlatın. Satışlarınızdan komisyon alınmaz, fiyatlara KDV dahildir.