Yapım notu · 3 Eylül 2026
Bu site nasıl yapıldı
KERVANKIRAN gerçek bir işletme değil. VYRON site fabrikasının üretim hattından çıkan bir örnek site — ne yapabildiğimizi anlatmak yerine göstermek için var. Marka, bungalovlar ve fiyatlar kurgu; gökyüzü hesapları, fotoğraflar ve teknik ölçümler gerçek.
Hat nasıl işledi
Fabrika reçetesinde 3 Eylül 2026'da kalıcı bir adım açıldı: tasarım kaynağı turu. Sebep, 2 Eylül denetiminde 13 vitrin sitesinin teknik olarak temiz ama "yapay zekâ kopyası" gibi durmasıydı — hattın hiçbir yerinde dışarıdan tasarım girdisi yoktu. Bu site o adımın ilk çıktısı.
- Skill — Anthropic'in
frontend-designskill'i okundu ve iki paslı süreci uygulandı: önce renk/tipo/düzen/imza planı, sonra plan kendi kendine eleştirildi ("bunu herhangi bir benzer brief'e de üretir miydim?"), ancak ondan sonra kod. - İlham turu — Godly (bugün recent.design) ve Awwwards'tan 471 ödüllü site indekslendi; bu brief'e en yakın 6 tanesi ekran görüntüsüyle çözümlendi. Çözümlemeyi ücretsiz görsel model yaptı, Claude kotası kaba taramaya harcanmadı.
- Bileşenler — React Bits ve 21st.dev desenlerinden saf HTML/CSS/JS'e çevrilmiş kütüphaneden üç tanesi kullanıldı: bölünmüş başlık, açılma görseli, giriş orkestrasyonu. Yumuşak kaydırma (Lenis) bilinçli olarak yok — sayfayı ağırlaştırıyordu.
İmza: gece çizelgesi
Sayfanın hatırlanacak tek öğesi, üstteki gece şeridi. Hazır bir gökyüzü kütüphanesi kullanmadık;
hesap js/gokyuzu.js içinde, 250 satır. Karapınar koordinatları (37,716° K / 33,551° D)
için şunları hesaplıyor:
- güneş batışı, doğuşu ve üç alacakaranlık evresi (sivil −6°, denizci −12°, astronomik −18°);
- ayın doğuş-batışı ve o gecenin aydınlanma oranı;
- Samanyolu çekirdeğinin (Galaktik merkez) ufkun 15° üstünde kaldığı pencere;
- ve bunlardan türetilen gerçek karanlık: astronomik karanlık ∩ ay ufkun altında.
Şeridin arka planındaki renk geçişi süs değil: gece boyunca 64 noktada güneşin ufuk altı derinliği örnekleniyor ve her derinliğe gerçek gökyüzü rengi karşılık geliyor. Yani gradyanın kendisi veridir. Doğruluk: güneş olaylarında bir dakikanın altında, ay doğuş-batışında birkaç dakika. Bir gözlem planı için yeterli, teleskop hizalaması için değil — sayfada da böyle yazıyor.
Dürüstlük kuralları
2 Eylül denetiminin bulduğu beş sistemik hata bu sitede tekrarlanmadı:
- Doldurulmamış hiçbir alan yayına çıkmadı: uydurma yorum, uydurma yıldız puanı ve dolgu metni sayfada bulunmuyor.
- Sahte telefon numarası yok — telefon hiç yayımlanmadı, e-posta gerçek.
- Rezervasyon formu gerçek bir uca gidiyor. Sunucu 2xx dönmezse "teşekkürler" yazmıyor; ne olduğunu söyleyip bilgileri hazır bir e-posta bağlantısına döküyor.
- Paylaşım görseli 1200×630 PNG (SVG değil) ve
twitter:cardvar. - Bütün fotoğraflar gerçek; CSS degradesi fotoğraf yerine geçmiyor. Telif kaydı depoda
gorseller-kaynak.mddosyasında, hepsi Pexels lisansı. - Harita gömülüsü ancak siz düğmeye basınca yükleniyor — açana kadar Google'a hiçbir istek gitmiyor.
Teknik
- Yapı
- Statik HTML/CSS/JS, framework yok, derleme adımı yok
- Animasyon
- GSAP (yerel kopya) + IntersectionObserver
- Tipografi
- Syne 800 · Newsreader 400 · sistem monospace
- Tema
- Gece varsayılan, gündüz seçeneği; seçim tarayıcıda saklanır
- Erişilebilirlik
- Klavye odağı görünür,
prefers-reduced-motionuygulanır, atlama bağlantısı var - Yayın
- GitHub Pages
Kaynak kodun tamamı ve üretim reçetesi VYRON site fabrikası deposunda.