İçeriğe atla
  • Reels kapağı: Bu tarz bir site mi istiyorsun? Önce örneklere bak.

Araç · Web

Beğendiğin tarz siteye nereden bakarsın? 6 örnek site ve 6 galeri

Bu tarz bir site istiyorsan önce örneklere bak; düzen, boşluk, renk ve yazı tipini örnek al, logosunu, fotoğrafını ve metnini değil.

Kısa cevap

Videodaki altı site (Bureau Nine, Operator-01, Ethan Clark, Campione, Porta, Avyronpro) Framer ile yapılmış ve Framer Marketplace'te ücretsiz şablon olarak duruyor (10 Ekim 2026). Kendi alan adınla yayınlamak için Framer'ın ücretli planı gerekir. Benzer örnekler framer.com/gallery, awwwards.com/websites, siteinspire.com, onepagelove.com ve minimal.gallery'de bulunur. Bir örnekten kendi sitene geçerken üç örnek seçilir (düzen, renk, yazı tipi), yapı çıkarılır ve önce kendi içeriğin hazırlanır. DijiKoçum'un PDF'i altı sitenin adresini, galerilerde arama kelimelerini, 3 hazır Claude istemini ve sektörüne göre öneriyi veriyor.

5 adım · 1 dk · · Turan Yasin Salcı

Adım adım · 5 adım

0/5 işaretli · yalnızca bu tarayıcıda saklanır

  1. Örneklere bak.

    Videodaki 6 site:

    • Bureau Nine: bureaunine.framer.website
    • Operator-01: operator-template.framer.website
    • Ethan Clark: ethanclark.framer.ai
    • Campione: ovo-campione.framer.website
    • Porta: porta.framer.ai
    • Avyronpro: avyron-pro.framer.website

    Benzerleri için framer.com/gallery, awwwards.com/websites ve minimal.gallery. Galeriler İngilizce; ör. "photographer portfolio", "hair salon", "boutique hotel" diye ara.

  2. Tek değil, 3 örnek seç.

    Biri düzen için, biri renk için, biri yazı tipi için. Sayfayı yukarıdan aşağı kaydır, her bölümü bir satırla yaz (giriş, işler, hakkımda, yorumlar, iletişim).

  3. Renk ve yazı tipini çıkar.

    Renk için Windows'ta PowerToys Renk Seçici (Win + Shift + C) ya da ekran görüntüsünü Claude'a verip HEX kodlarını sor. Yazı tipi için yazıya sağ tık → İncele → font-family satırı. Türkçe karakter (ş, ğ, ı) destekleyen bir font seç.

  4. Önce kendi içeriğini hazırla.

    Metinler, 8-12 fotoğraf, iletişim bilgisi. Tasarım en son.

  5. Kur.

    Framer şablonunu "Remix for Free" ile kendi hesabına al, metin ve fotoğrafları değiştir, Publish ile yayınla. Ya da ekran görüntülerini Claude'a verip yapıyı çıkarttır:

    Ekteki ekran görüntüleri [site adı] adlı sitenin ana sayfası.
Yukarıdan aşağı bölüm bölüm çıkar: her bölümün adı, amacı,
içindeki öğeler (başlık, görsel, buton) ve yaklaşık yüksekliği.
Sonra renk paletini HEX kodlarıyla, yazı tipi tarzını
(serifli/serifsiz, kalın/ince) yaz.
Emin olmadığın yeri 'tahmin' diye işaretle.

Nasıl ölçersin?

Yeni siteyi yayına aldıktan sonra ilk iki hafta iletişim butonuna ya da WhatsApp bağlantısına kaç kez tıklandığını say ve eski sitenle karşılaştır.

Ücretsiz · PDF

Örnekten kendi sitene: adımlar ve 3 istem (PDF) indir.

Bu sayfadaki adımların yazdırılabilir, işaretlenebilir sürümü. Giriş ya da üyelik istemez.

Kontrol listesini indir

Kaynaklar

  • D
    DijiKoçum örnek site galerileri rehberi (6 site, 6 galeri, 3 istem)Kendi verimiz · kontrol: 10 Ekim 2026

[A] birincil kaynak · [B] sektör araştırması · [C] pratisyen · [D] kendi verimiz

Sık sorulan sorular

Bu şablonlar gerçekten ücretsiz mi?

Altısı da 10 Ekim 2026'da Framer Marketplace'te ücretsizdi. Ücretsiz planda adres adin.framer.website olur; kendi alan adın için ücretli plan gerekir. Şablonlar ileride ücretliye dönebilir, almadan önce sayfada "Free" yazdığına bak.

Başka bir siteyi kopyalayabilir miyim?

İlham almak serbest; logo, fotoğraf, metin ve birebir tasarım kopyası değil. Şablondaki demo fotoğrafları da yayından önce kendi fotoğraflarınla değiştir.

Framer kullanmak zorunda mıyım?

Hayır. Yalnız fikir alıp siteni WordPress, Wix ya da başka bir araçla kurabilirsin; Claude'a yapıyı çıkarttırıp taslak yazdırmak da bir yol.

Sonraki adım

Sitene birlikte bakalım.

Ücretsiz dijital kontrol: sitenin, reklamlarının ve yapay zekâ görünürlüğünün sağlık skoru ve önce yapılacak işler. 3 dakika.

Ücretsiz dijital kontrol Web hizmetimiz

Sıradaki rehberler