Merkezî manifesto
Medyasız, tamamen tipografik açılış. Sayfa bir iddiayla başlar; açılışta hiçbir harici medya isteği oluşturmaz.
nav ortalanmış, iki yana dağılmış
hero tipografik, medyasız
kaydırma kesit kesit belirme
düzen simetrik iki kolon
← Tüm ürünler
Geliştirmede
Websitem.ai · narch.tech web üretim hattı
Bir sitenin kaderi kaportasında değil, şasisinde belirlenir.
Websitem.ai bir sayfayı görüntüden değil iskeletten kurar. Hangi navigasyon, hangi kaydırma grameri, hangi hero, hangi düzen — her karar önce şasi olarak görünür hâle gelir, sonra koda dönüşür. Vaadimiz hız değil; kontrol ve isabet.
tek dosya · sayfa-içi stil üçüncü taraf isteği yok fontlar aynı kökende JS kapalı → içerik tam
Şasi eskizi · dört karar ekseni
7 nav7 kaydırma6 hero6 düzen
Yapımcı
narch.tech tarafından geliştiriliyor
Websitem.ai bağımsız bir girişim değil; yapay zekâ mühendisliği ve mimarisi üzerine çalışan bir stüdyonun kendi web üretim tesisidir. Bugün stüdyo içi üretimde çalışıyor, ürünleşme yolunda. Aşağıdaki dört rakamın dördü de tek komutla yeniden ölçülebilir — sayfa kaynağında her birinin ölçüm kaydı duruyor.
108
Çözümlenmiş site
Makineyle sökülmüş yapısal atlasın kapsamı
106/108
Ayrıştırma başarısı
Makine-okunur şemaya dönüşen site sayısı
26
Tasarım bloğu
7 nav · 7 kaydırma · 6 hero · 6 düzen
9
Canlı 3D demo
Tarayıcıdan açılan, ölçülmüş sahneler
Kategorinin yarası
Neden tüm AI siteleri birbirine benziyor?
Çünkü değişken yanlış yerde. Üretken araçlar tek bir estetik önyargıyla çalışır: mor-indigo gradyan, parlayan küre, aynı köşe yarıçapı, aynı kart ızgarası. Renk paleti, başlık metni, ikon seti değişir — iskelet aynı kalır. Ziyaretçi "hepsi aynı görünüyor" derken aslında "hepsi aynı kurgu" demektedir.
v0, Lovable, Wix ADI gibi araçlar "kendin yap" zihniyetiyle kurulmuştur: kullanıcıya bir üretim hattı değil bir düzenleyici verirler, yapı kararını da düzenleyicinin varsayılanına bırakırlar. Websitem.ai bir kendin-yap aracı değil, bir ajans hızlandırıcısıdır; yapı kararını varsayılana bırakmaz, önce görünür kılar.
Bu, tasarımcı hatası değil yöntem hatasıdır. Yapı bir seçim olarak masaya konmadığında, geriye yalnız boya kalır.
Üç kutuda değişen tek şey boya. Dördüncüde değişen şey yapı: navigasyon dikeye alındı, hero oranı kırıldı, ızgara asimetrik oldu.
Şablon seçmek bir tercihtir. Yapıyı söküp yeniden kurmak bir yöntemdir. Aradaki fark, ikincisinin yazıya dökülebilmesidir.
Nasıl çalışır
Zincirin dört halkası, dördü de görünür
Üretim hattı bir kara kutu değil. Her adımın bir ara ürünü var; ara ürün görünür olduğu için tartışılabilir, düzeltilebilir ve reddedilebilir. Sihri mühendisliğe çeviren şey budur.
Zincirin her halkası bir ara ürün bırakır: brief metni, sayfa ağacı, blok profili, ölçüm dökümü.
-
Brief
İşe insan cümlesiyle başlanır: kim için, ne için, hangi kısıtla. Marka tonuna, zorunlu içeriklere ve teknik sınırlara burada karar verilir. Bu adımın çıktısı bir metindir ve okunabilir.
-
Site haritası
Brief, sayfa akışına ve bölüm hiyerarşisine çevrilir. Hangi sayfa var, hangi bölüm hangi sırayla, hangi bölüm kanıt taşıyor. Tasarım tartışması buradan başlar — renk konuşulmadan önce.
-
Blok kompozisyonu
Haritanın her düğümü, blok kütüphanesinden seçilen bir navigasyon deseni, kaydırma grameri, hero tipi ve düzen şablonuyla kurulur. Seçim serbest değil: çeşitlilik sözleşmesi önceki çıktılarla çakışmayı engeller.
-
Kalite kapısı
Teslim, gerçek bir tarayıcıda çalıştırılıp ölçülür: kırık bağ, konsol hatası, üçüncü taraf isteği, 3D soketin gerçekten çizip çizmediği ve sayfanın ağ kapalıyken açılıp açılmadığı.
Atlasın ilk kez çıkarılması — 108 sitenin tam yapısal ayrıştırması — 4,4 saniye sürdü. Bu, bir teslim süresi değil; hattın önündeki veri katmanının hazırlanma ölçümüdür.
Girdi → çıktı
Bir cümle girer, bir yapı kararı çıkar
Hattın nedenselliği en iyi tek bir örnekte görünür: solda gerçek bir brief cümlesi, sağda o cümlenin çevrildiği kompozisyon dökümü.
Girdi · insan cümlesi
"Butik bir mimarlık ofisi için tek sayfa: koyu tema, projeleri kat kat gezilebilen bir maket, iletişim tek eylem olsun, sayfa telefonda da hızlı açılsın."
Brief bir isteğin kendisidir; sistemin işi bu cümleyi yapı kararlarına çevirmek. Sağdaki döküm o çevirinin çıktısı: hangi eksende hangi bloğun seçildiği, seçim gerekçesiyle birlikte okunabilir.
Çıktı · kompozisyon dökümü
// blok profili · dört eksen + soket + kapı [NAV] yapiskan ince cubuk · tek eylem [HERO] tipografik · medyasiz [KAYDIRMA] kesit kesit belirme [DUZEN] asimetrik iki kolon [3D] kat kat maket soketi [KAPI] bag · konsol · ag · cevrimdisi --- cesitlilik profili: onceki cikti profilleriyle cakismiyor -> kompozisyon kabul edildi
Arketip atlası
Kaporta değil şasi
Üst-segment sitelerin yapısı clean-room yöntemiyle okundu: tek piksel, tek satır kod taşınmadı; yalnız navigasyon deseni, kaydırma grameri, hero tipi, bölüm akışı, tipografik ölçek ve düzen şeması ayrıştırıldı. Kaynak arşiv telifli olduğu için hiçbir ekran görüntüsü yayımlanmaz — gösterebileceğimiz tek şey, gösterilmeye değer olan şeydir: iskelet.
Aşağıdaki altı şasi, blok kütüphanesinden kurulmuş kompozisyonlardır. Hiçbiri bir müşteri işi değildir; hiçbiri bir referans sitenin kopyası değildir. Tel kafes olmaları kasıtlıdır: satılan şey kaporta değil, altındaki karar dizisidir.
Vitrin ızgarası
İşin kendisinin konuştuğu şasi. Hero küçültülür, ızgara öne alınır; her karo eşit ağırlıkta bir giriştir.
nav sola dayalı logo, sağda menü
hero alçak, iki satır
kaydırma karo karo kademeli
düzen üçe iki eşit ızgara
Yatay ray
Dikey kaydırmanın yanına ikinci bir eksen ekler. Kadraj tam genişlikte açılır; içerik sağa doğru sürülerek gezilir.
nav saydam, üstte yüzen
hero tam genişlik medya kadrajı
kaydırma yatay ray + dikey akış
düzen taşan tek sıra
Editoryal kolon
Uzun metnin ve anlatının şasisi. Ana kolon dar tutulur, kenar notu kolonu bağlam taşır; okuma ritmi alıntılarla kırılır.
nav ince, etkin bağ altı çizili
hero iki satır büyük başlık
kaydırma sabit kenar kolonu
düzen asimetrik iki kolon
Sabit yan panel
Gezinme sayfayla birlikte kaymaz; sol panel sabit kalır. Çok bölümlü, uzun sayfalarda konum duygusunu koruyan şasi.
nav sabit dikey panel
hero panel yanında dar açılış
kaydırma yalnız içerik alanı kayar
düzen panel + esnek ızgara
Tam ekran 3D soketi
Açılışın kendisi bir sahne. Tuval sayfanın üstünü kaplar, etkileşim noktaları içeriğe açılır; metin sahnenin altına çekilir.
nav sahnenin üstünde saydam
hero tam ekran tuval + odak noktaları
kaydırma sahne sabit, içerik kayar
düzen sahne + ince içerik şeridi
7navigasyon deseni
7kaydırma / hareket grameri
6hero tipi
6düzen şablonu
Dört eksen, toplam 26 blok; yanına 8 bölüm modülü, 9 etkileşim mekaniği ve 3 karma reçetesi eklenir. Atlas 9 sektör ve tip kategorisinde toplanır. Bu eksenleri birbiriyle çarpıp büyük bir kombinasyon sayısı ilan etmiyoruz: ölçmediğimiz şeyi yazmıyoruz.
Çeşitlilik sözleşmesi
Aynı işi iki kez aynı yapmamak için yazılı bir kuralımız var
Blok kütüphanesi tek başına çeşitlilik üretmez; iyi niyet de üretmez. Kütüphaneyi çeşitliliğe zorlayan şey, kompozisyon kuralının yazılı olmasıdır. Kural şudur:
"Her yeni kompozisyonun çeşitlilik profili — navigasyon, kaydırma, hero, düzen — önceki çıktılardan farklı olmalı; yeniden boyama sayılmaz."
PATTERN-KIT.md · kompozisyon kuralı
Bu cümle bir slogan olarak yazılmadı. Sistemin kendi başarısızlık kaydından çıktı:
Üretim kaydı · birinci tur
"TUR-1'de 4/5 re-skin çıktı çünkü worker'lara somut yapısal referans atanmamıştı."
Sonrasında ne değişti: kural, kütüphanenin kendi dosyasına gömüldü. Kompozisyon artık serbest seçim değil; önceki çıktıların profiliyle karşılaştırılan kısıtlı bir seçimdir. Yapısal referans atanmadan iş dağıtılmaz.
Hata saklanmıyor, kaydediliyor
Kategoride en sık duyulan şikâyet "hepsi aynı görünüyor". Bizim buna karşı elimizde bir slogan değil, bir arıza kaydı ve ondan doğmuş bir kural var.
Kural, üretimin içinde
Çeşitlilik teslimden sonra göz kararı denetlenmez; kompozisyon adımının kısıtı olarak hattın içinde durur. Sözleşmenin otomasyona bağlanması yol haritasında geliştiriliyor durumundadır.
Asıl fark
Sayfanın içine gerçekten 3D koyabiliyoruz
Kendin-yap araçları bir siteye kart, form ve ızgara koyar; içine gezilebilir bir sahne koymaz. Bizde 9 ayrı 3D soketi çalışır hâlde duruyor. Hepsi bizim üretimimiz, hiçbiri müşteri işi değil — bu yüzden anlatmak yerine bağ verebiliyoruz. Açın, gezin, kendiniz görün.
canlı · 200
360° tur
Panoramik bir mekânın içinde bakış açısını sürükleyerek dönme. Tek karede tüm çevre.
canlı · 200
Artırılmış gerçeklik
Modeli tarayıcıdan doğrudan bulunduğunuz mekâna yerleştirme; ek uygulama yok.
canlı · 200
Gaussian splatting
Fotoğraflardan çıkarılmış nokta bulutunun tarayıcıda gerçekçi biçimde çizilmesi.
canlı · 200
İlk şahıs gezinti
Klavye ve dokunmatik kontrolle mekânın içinde göz hizasında serbest yürüyüş.
canlı · 200
Konfigüratör
Malzeme, renk ve parça seçeneklerinin canlı değiştiği ürün vitrini.
canlı · 200
Kat kat maket
Bir yapının katlarına ayrılıp tek tek incelenebildiği dijital maket.
canlı · 200
Sinematik kaydırma
Sayfa kaydıkça kameranın sahnede ilerlediği, anlatıya bağlı 3D akış.
canlı · 200
Tıkla-git
Sahnedeki odak noktalarına tıklayarak konumdan konuma geçiş ve detay açma.
canlı · 200
VR görünümü
Sanal gerçeklik gözlüğüyle uyumlu, doğrudan tarayıcıdan açılan sahne.
Dokuz adresin dokuzu da ölçüldü ve 200 döndü. Bağlar yeni sekmede açılır.
Kalite kapısı
Teslim, iddia edilmez; ölçülür
Teslimler gerçek bir tarayıcıda açılıp denetlenir. Sonuç bir görüş değil, bir dökümdür. Bugün bu denetim elle işletiliyor; her teslime zorunlu koşan otomatik kapı yol haritasında “geliştiriliyor” olarak duruyor — kapıyı tamamlanmış göstermiyoruz.
- Bağ ve varlık bütünlüğü. Kırık bağ ve eksik görsel sayısı sıfır olmak zorunda.
- Konsol sessizliği. Tarayıcı konsolunda hata bırakılmaz.
- 3D soket gerçekten çiziyor mu. Tuvalin ayağa kalktığı ayrıca doğrulanır.
- Dışa bağımlılık yok. Derleme adımı ve CDN yok; kütüphaneler yerelde durur, sayfa ağ kapalıyken de açılır.
kalite-kapisi · teslim denetimi
$ kapi denetle --hedef <çıktı> --gercek-tarayici [1/5] bag butunlugu ......... kirik bag ....... 0 [2/5] varlik yollari ....... eksik varlik ... 0 [3/5] konsol dokumu ........ hata ........... 0 [4/5] ag dokumu ............ dis istek ...... 0 [5/5] 3B soket ............. canvas ....... true --- cevrimdisi tekrar --- ag kapali -> sayfa acildi ag kapali -> 3B soket cizdi SONUC: gecti 0 / 0 / 0
Dökümdeki 0 / 0 / 0 üçlüsü — kırık bağ, konsol hatası, dış istek — teslim kaydından alınmıştır. Döküm, kapının okuduğu alanların birebir karşılığıdır; süslenmiş bir ekran görüntüsü değildir.
Sınırlar
Ne yapmıyoruz
Bir üretim hattını tarif etmenin en dürüst yolu, neyi kapsam dışında bıraktığını söylemektir.
Mor gradyan, parlayan küre
Kategorinin görsel imzasını üretmiyoruz. Koyu tema, "siyah artı neon" demek değildir; derin nötr yüzey, dar renk aralığı ve geniş boşluk demektir.
Şablonu boyayıp yeniden satmak
Bir yapıyı renk değiştirip başka bir işe devretmiyoruz. Çeşitlilik sözleşmesi bunu kompozisyon adımında engelliyor.
Editör kilidi
Sizi bizim arayüzümüzde tutan bir kurgu yok. Çıktı standart HTML, CSS ve JavaScript'tir; başka bir araçla da sürdürülebilir.
Kodu rehin tutmak
Teslim edilen kaynak kodu eksiksiz teslim edilir. Kilit, gizli bağımlılık ya da geri alınabilir erişim üzerine kurulu bir ilişki kurmuyoruz.
Ölçülmemiş rakam
Bu sayfadaki her ölçümsel iddianın kaynağı sayfa kaynağında yazılıdır. Ölçemediğimiz bir şeyi büyük punto yapmıyoruz — süre vaadi de bu yüzden yok.
Çalışmayan gösteri
Ürün henüz yayında olmadığı için sahte bir arayüz, tıklanmayan bir düğme ya da doldurulmamış bir çerçeve koymuyoruz. Çalışmayan öğe, çalışmayan vaattir.
Yol haritası
Tarih değil, sıra
Hero'daki Geliştirmede rozetinin karşılığı budur. Bir tarih vermek kanıtsız bir iddia olurdu; verebileceğimiz şey işlerin sırası ve bugünkü durumu.
Üretim temeli
Hattın bugün üstünde durduğu, ölçülmüş katman.
- Yapı atlası — referans sitelerin makineyle çözümlenmesi ve makine-okunur hâle getirilmesi
- Blok kütüphanesi — navigasyon, kaydırma, hero ve düzen eksenlerinin bloklara ayrılması
- 3D soket seti — sayfaya gömülebilir, tarayıcıda çalışan interaktif sahneler
- Kalite kayıtları — teslimlerin gerçek tarayıcıda ölçülüp kayda geçmesi
Ürün akışı
Stüdyo içi hattı, dışarıdan kullanılabilir bir akışa çeviren kısım.
- Giriş modeli — brief'i yapısal karara çeviren adımın netleşmesi
- Kompozisyon profilinin görünür kaydı — hangi blokların neden seçildiğinin yazıya dökülmesi
- Çeşitlilik sözleşmesinin otomasyona bağlanması — profilin önceki çıktılarla otomatik karşılaştırılması
- Kalite kapısının zorunlu koşulması — denetimden geçmeyen çıktının teslim listesine hiç girememesi
Saha doğrulaması
Hattın stüdyo dışında da tuttuğunu görmeden ürün demiyoruz.
- Kontrollü kullanım — gerçek brieflerle, sınırlı sayıda işte
- Karar isabetinin incelenmesi — seçilen yapının işe gerçekten yakışıp yakışmadığı
- Belgelendirmenin sadeleşmesi — üretim reçetesinin dışarıdan okunabilir hâle gelmesi
- Stüdyo dışına erken erişim — hattın davet usulüyle paylaşılması
Künye
Bu sayfa da aynı sistemin bir çıktısı
Çıktıyı gösteremiyoruz: müşteri işleri gizli, kaynak arşiv telifli, ürün henüz yayında değil. Ama çıktıyı üreten sistemi gösterebiliriz — ve bu sayfanın kendisi o sistemin bir ürünü. Aşağıdaki maddelerin hepsi, sayfa kaynağına bakılarak doğrulanabilir.
·tek dosya · sayfa-içi stil ve betik
·üçüncü taraf isteği yok · CDN yok
·fontlar aynı kökende, self-host
·semantik HTML · tek h1 · atlamasız başlık
·atlama bağı · klavye odağı görünür
·prefers-reduced-motion her animasyonda
·JS kapalıyken içeriğin tamamı görünür
·her ölçümsel iddiada ölçüm kaydı
Sayfa kaynağını açıp data-olcum geçen yerleri arayın: her ölçümsel iddianın hangi belgeden ve hangi tarihte okunduğu orada yazılı. Bölüm numarası, sıra sayısı ve tarih gibi arayüz değerleri ölçüm değildir; onlarda kayıt aranmaz.
Web sitesi yapmayı bildiğini söyleyen bir ürünün vitrini, iddiasının ilk kanıtı olmak zorundadır.
Sorular
Sık sorulanlar
Bu bir self-servis SaaS mı? Bugün kaydolup site yapabilir miyim?
Hayır. Websitem.ai bugün açık bir self-servis ürün değil; stüdyonun kendi web üretim tesisidir ve ürünleşme yolundadır. Rozetin "Geliştirmede" demesinin sebebi bu. Yapılabilecek şey erken erişim için yazmak; sıra yol haritasında görünüyor.
Referans sitelerden kod ya da tasarım mı kopyalıyorsunuz?
Hayır. Çözümleme clean-room yöntemiyle yapıldı: sitelerden yalnız yapısal bilgi okundu — navigasyon deseni, kaydırma grameri, hero tipi, bölüm akışı, tipografik ölçek, düzen şeması. Kaynak arşiv telifli olduğu için yayımlanmaz, ekran görüntüsü paylaşılmaz; kütüphaneye giren şey bu okumadan damıtılmış soyut yapıdır.
Blok kütüphanesi kullanıyorsanız çıktılar birbirine benzemez mi?
Bu riskin gerçek olduğunu deneyerek gördük ve kaydettik: ilk turda çıktıların çoğu birbirinin yeniden boyanmış hâliydi. Sebebi, işi yapan ajanlara somut yapısal referans verilmemiş olmasıydı. Bugün kompozisyon adımı, çeşitlilik profilini önceki çıktılarla karşılaştıran yazılı bir kurala bağlı.
Teslim ne içerir, sonrasında kime bağlı kalırım?
Teslim standart HTML, CSS ve JavaScript'tir. Derleme adımı ve dış CDN yoktur; kütüphaneler yereldedir. Bu yüzden çıktı başka bir ekip tarafından da sürdürülebilir. Barındırma bu ürünün kapsamında değildir; ayrı konuşulur.
3D soketler ek yazılım gerektiriyor mu?
Hayır, tarayıcıdan çalışırlar. Dokuz demonun tamamı bu sayfadan doğrudan açılabilir; bağlar 3D bölümünde. Bir cihazda sahne çizilemezse sayfanın geri kalanı yine çalışır — soket sayfanın koşulu değil, parçasıdır.
Neden sayfada süre ya da fiyat vaadi yok?
Elimizde ölçülmüş bir teslim süresi yok; olmayan bir ölçümü rakama çevirmek bu sayfanın ilkesine aykırı. Fiyat da ürün açılmadan konuşulmaz. Yazdığımız her sayının bir ölçüm kaydı var; olmayanı yazmıyoruz.
Erken erişim
Hattı birlikte çalıştıralım
Websitem.ai geliştirme aşamasında ve stüdyo içi üretimde çalışıyor. Yapısını, kütüphanesini ve kalite kapısını yakından görmek ya da erken erişim sırasına girmek isterseniz tek bir adres var.