Startup kurucuları
Hemen bir landing page yayınla, fikri test et, konumlandırman değiştikçe sayfayı güncelle.
Sayfayı okuSection'lar hazır, kafa yorman gereken şey azalıyor
Her section'ı istediğin an değiştir
Her sayfa ayrı section'lardan oluşur, birini değiştirince gerisi yerinde kalır. Tek bir şablona bağlı değilsin.
Yan panelde düzenle
Bir section'a tıkla, tüm ayarlarıyla bir panel açılsın. Sayfa yanında durur ve her değişikliği anında gösterir.
Ortak bir tasarım sistemi
Her section shadcn/ui üzerine kurulu, renklerini ve fontlarını temandan alır. Bu yüzden aynı sayfadaki section'lar birbirine uyar.
Siteni nasıl kurarsın
Üç yolu aynı projede birlikte kullanabilirsin. Brief'le başla, bir cümleyi elle değiştir, gerisini yapay zekana bırak. Hepsi aynı taslak üzerinde çalışır.
hero181Hero
Başlık
Porto'dan el yapımı seramikler
Section'ları seç, metni düzenle
Kütüphaneden section'ları seç ve yandaki panelde düzenle. Sayfa gözünün önünde kalır, her değişikliği canlı gösterir ve hiçbir şey yerinden kaymaz.
Porto'da hafta sonu atölyeleri düzenleyen ve küçük bir koleksiyon satan bir seramik stüdyosu. Sıcak, sakin, fotoğraf ağırlıklı.
İşini anlat, taslağını al
Ne yaptığını ve kime hizmet verdiğini birkaç cümleyle yaz. Beste brief'ine uyan section'ları seçer, işin hakkında metin yazar ve düzenlemen için taslağına koyar.
$npx beste-agent@latest
Yapay zekanı bağla, değişikliği iste
npx beste-agent@latest komutunu çalıştır, Claude Code ya da Codex hesabına bağlansın. Yapay zeka 70'ten fazla araç kullanır, her değişikliği kaydetmeden önce kontrol eder, değişiklikleri çoğunlukla geri alınabilen gruplar halinde toplar ve yalnızca sen istediğinde yayınlar.
Hero ve navigasyon
Bölünmüş, ortalanmış ve tam genişlikte düzenler, mega menüler ve sabit navigasyon çubukları.
Özellikler ve kullanım senaryoları
Bir ürünün ne yaptığını anlatan grid'ler, dönüşümlü satırlar, listeler, numaralı adımlar ve kayan fotoğraflı section'lar.
Referanslar ve logolar
Ürününü kimlerin kullandığını gösteren alıntılar, dönen referanslar, sütunlar ve kayan logo şeritleri.
Fiyatlandırma ve karşılaştırma
Her planın neyi kapsadığını gösteren fiyat kartları, karşılaştırma tabloları, plan anahtarları ve yan yana sütunlar.
Ürünler ve blog
Kendi içeriğinden beslenen filtrelenebilir ürün grid'leri, ürün detay düzenleri, yazı listeleri ve makale sayfaları.
İletişim, SSS ve CTA
Ziyaretçiyi iletişime davet eden formlar, açılır SSS listeleri, cevap grid'leri ve kapanış section'ları.
Siteye çabuk ihtiyacı olanlar için
Ajanslar ve freelancer'lar
Müşteri sitesini hızla kur, yayındaki işte Beste markası görünmesin. Team 2 kullanıcıyla 10 projeyi, Business kullanıcı sınırı olmadan 50 projeyi kapsar.
Sayfayı okuKüçük işletmeler
Yazılımcı tutmadan ya da karmaşık bir araç öğrenmeden profesyonel bir siten olsun. Fiyat değiştirmek, hizmet eklemek ya da duyuru paylaşmak birkaç dakikanı alır, telefondan bile.
Sayfayı okuEğitmenler ve içerik üreticileri
Kurs sayfaları, koçluk siteleri, özel ders profilleri ve kişisel markalar. Öğrencilerinin konuştuğu her dilde, dil başına ücret ödemeden.
Sayfayı okuSection bazında stil
İç boşluk, kapsayıcı genişliği, arka plan rengi, ters renk varyantı ve kendi katmanıyla arka plan fotoğrafı. Hepsi her section için kod yazmadan ayarlanır.
Genel tema ve fontlar
Renkler ve fontlar temada tanımlı. Temayı değiştir, bütün sayfalar aynı anda güncellensin.
Animasyon ve hareket ayarları
Türüne ve hızına göre giriş animasyonları, ayrıca ölçek, parallax, solma ve bulanıklık gibi görsel hareketler. Bir section, bir sayfa ya da tüm site için ayarla.
Esnek linkler
İç, dış ve çapa linkleri, dosya indirmeleri ve görsel, video, YouTube videosu ya da form gösterebilen açılır pencereler.
Canlı önizleme
Yaptığın her değişiklik anında sayfada görünür. Sen yayınlayana kadar hiçbir şey yayına girmez.
Beste'nin farkı ne?
Webflow ve Framer boş bir tuval ve neredeyse sınırsız tasarım özgürlüğü verir. Beste ise hazır section'lar ve hız sunar. Her sütun, o yaklaşımın ne kazandırdığını ve senden ne beklediğini gösteriyor.
Beste
- Kısa sürede çalışan bir ilk taslak
- Birbiriyle uyumlu yüzlerce section
- Her planda özel alan adı ve 50'den fazla dil
- Her planda sınırsız sayfa, ekipler için sabit fiyat
- Müşteriye teslim edebileceğin bir editör
- Sıfırdan, piksel piksel çizilen düzenler
- Zaman çizelgesiyle animasyon ve özel etkileşimler
Serbest tasarım araçları
- Çizebildiğin her düzen, piksel hassasiyetinde
- Zaman çizelgesiyle animasyon ve kaydırma etkileşimleri
- Class bazında CSS ve ekran boyutuna göre stil
- Geniş bir şablon ve eklenti ekosistemi
- Birkaç haftalık öğrenme süreci
- Tasarım becerisi ya da bu beceriye sahip biri
- Ek diller ve kullanıcılar için ayrı ücret
- Section'larla site kurmanın farkı ne?
Düzenleri sıfırdan tasarlamazsın, hazır section'larla kurarsın. Daha hızlı ilerlersin, sonuç tutarlı olur ve tasarım bilgisi gerekmez.
- Şablonlardan farkı ne?
Şablon sabit bir başlangıçtır, sonradan değiştirmek çoğu zaman baştan kurmak demektir. Section'larla ihtiyacın olanları istediğin sırayla seçer, birini diğerlerine dokunmadan değiştirirsin.
- Özel tasarım yapabilir miyim?
Her section'da renkleri, fontları, boşlukları, görselleri, arka planları, hareketi ve içeriği değiştirebilirsin. Öğeleri serbestçe sürükleyemez ya da sıfırdan düzen çizemezsin.
- İhtiyacım olan section yoksa ne olacak?
Bize yaz. Her hafta yeni section ekliyoruz, çoğu kullanıcı taleplerinden çıkıyor. Başkalarının da işine yarayacaksa onu yapıyoruz.
- Beste SEO için iyi mi?
Evet. Site haritaları, meta etiketleri, yapılandırılmış veri, OG görselleri, temiz URL'ler ve hızlı yükleme senin yerine halledilir. Yayınlanan her site ayrıca bir llms.txt dizini ve yapılandırılmış bir kimlik tanımı içerir, böylece yapay zeka arama araçları da siteni okuyabilir.
- Mevcut sitemi Beste'ye taşıyabilir miyim?
Evet. Her sayfayı section'larla yeniden kurarsın, sayfa başına birkaç dakika sürer. WordPress'teki blog yazılarını Posts panelinden içe aktarabilirsin.