Yapım notu · 3 Eylül 2026

Bu site nasıl yapıldı

SAHAN gerçek bir işletme değil. VYRON site fabrikasının üretim hattından çıkan üçüncü örnek site — astro-kamp'ın karanlığına ve bir önceki butik sitenin açıklığına zıt, sıcak/ kırmızı-bakır bir üçüncü ton denemek için var. Marka, menü ve fiyatlar kurgu; fotoğraflar ve teknik ölçümler gerçek.

Hat nasıl işledi

Fabrika reçetesindeki tasarım kaynağı turu üç adımda fiilen koştu:

• Skill — frontend-design skill'i okundu, iki paslı süreç uygulandı: önce renk/tipo/düzen/imza planı, sonra "bunu herhangi bir benzer brief'e de üretir miydim?" testiyle plan eleştirildi, ancak ondan sonra kod yazıldı. Skill'in ölçtüğü üç AI varsayılanından (krem+terrakota, koyu+tek asit vurgu, broadsheet) hiçbiri kullanılmadı — zemin ağırlıklı açık (kasap kağıdı tonu), hero ve tadım şeridi bilinçli olarak tam genişlik koyu kontrast kuruyor, iki vurgu ailesi var (sıcak kor/bakır + soğuk defne yeşili).
• İlham turu — hazır indeksten (471 ödüllü site) fine-dining/hotel- restaurant/editorial temalı 6 site seçildi (Postevand, Caffè Gilli, Moncalisse, Palazzo Sogni, De Groene Afslag, Schemas of Uncertainty) — astro-kamp'ın kullandığı 6 siteyle hiç çakışmıyor. Çözümlemeyi ücretsiz görsel model (Gemini 2.5 Flash) yaptı, Claude kotası kaba taramaya harcanmadı; gerçek fontlar DOM'dan doğrulandı.
• Bileşenler — kütüphaneden gsap-giris-sablonu (hero orkestrasyonu) ve acilma-gorseli'nin IntersectionObserver mantığı (şef/ mekân fotoğrafları) kullanıldı. Yumuşak kaydırma (Lenis) yok. Tadım şeridi kütüphanede karşılığı olmayan, bu site için sıfırdan yazılmış bir bileşen.

İmza: tadım şeridi

Sayfanın hatırlanacak tek öğesi, altı kursu tavanın kendi ritmiyle sırayla açan yatay şerit — js/tadim-seridi.js. Varsayılan durum HER ZAMAN güvenli: kurslar dikey bir liste olarak, normal akışta, tam okunabilir gelir. Yalnız üç koşul birden sağlanınca (GSAP+ScrollTrigger yüklendi, masaüstü genişliği, prefers-reduced-motion kapalı) script şeridi yatay pinlenmiş hâle yükseltir; altındaki bakır çizgi scroll ilerlemesiyle doğru orantılı dolan gerçek bir göstergedir, süs değil.

İkincil imza: üstteki "açık/kapalı" göstergesi. Saat, tarayıcıda Intl.DateTimeFormat ile açıkça Europe/Istanbul dilimine çevrilerek hesaplanıyor — ziyaretçinin kendi saat dilimi ayarından bağımsız. Varsayım sayfada da yazıyor.

Dürüstlük kuralları

• 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:card var.
• Bütün fotoğraflar gerçek, Pexels lisanslı; telif kaydı gorseller-kaynak.md'de. Video KULLANILMADI — bu filoda hazır bir Pexels Videos indirme aracı yoktu, uydurma/ uygun olmayan kaynak koymaktansa hiç koymamak tercih edildi.
• Harita gömülüsü ancak 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 + ScrollTrigger (yerel kopya) + IntersectionObserver

Tipografi

Gambetta 500/600 · Switzer 400/500 (self-hosted, Fontshare ITF Free) · sistem monospace

Erişilebilirlik

Klavye odağı görünür, prefers-reduced-motion uygulanır, atlama bağlantısı var

Yayın

GitHub Pages

Kaynak kodun tamamı ve üretim reçetesi VYRON site fabrikası deposunda.

Siteye dön