01 / 04
Madde
Her şey madde olarak başlar.
Obsidyen, toz ve basınç: bir markanın sesi olmadan önce ağırlığı vardır.
Dijital mimari stüdyosu — 2026’dan beri
Karanlıkta inşa edilir.Sıvı gibi akar.
Adı işin kendisi olan yöneticiler için kurumsal ölçekte dijital mimari ve güvenli iş akışı otomasyonu. Dar toleranslarla işlenir, sessizlikle bitirilir; söz verilmez, ölçülür.
- Lighthouse performans, masaüstü
- 100
- Yerleşim kayması (CLS), masaüstü
- 0,00
- En büyük içerik boyaması (LCP), masaüstü
- 0,4 s
Ölçüm 17 Eki 2026 · Lighthouse · desktop preset, live production (syncflow.agency), median of 5 runs
02 / 04
Biçim
Biçim bir karardır.
Her eğri tek bir soruyla kalır ya da kesilir: bir anlam taşıyor mu?
03 / 04
Işık
Işık tek süstür.
Önemli olanı aydınlatır, gerisini karanlığa bırakırız.
04 / 04
Hareket
Hareket, görünür olmuş zamandır.
Bir site, iyi kurgulanmış bir film gibi hareket etmeli: niyetle, gösteriş için değil.
01 — Mimari
Süs değil, mühendislik.
Her piksel bir tolerans, her kare bir taahhüt. Yüksek getirili dijital ekosistemler burada iki katmanda kurulur: yalnızca hızlı değil, ayarlı hissettiren bir ön yüz ve arızada güvenli kalacak biçimde tasarlanmış kurumsal otomasyon.
I
Video, kod değil. Sinema, tarayıcıda.
Ağır render motorlarını ve kasan animasyon katmanlarını bıraktık. Hero ve vitrin akışlarınız, cihazın kendi video donanımının çözdüğü yerel MP4/WebM video olarak servis edilir; akış işlemciye çok az yük bindirir.
H.264 · VP9 · İstenince yüklenir · Yeri ayrılmış, yerleşim kayması yok
Yerel videoII
Önemli olan yerde akıcı.
Kaydırma ve geçişler ekranın kendi kare ritmini izler. Fare ya da izleme dörtgenli masaüstlerinde Lenis kaydırmayı yumuşatır; dokunmatik cihazlar yerel, anında kaydırmasını korur. Sayfa elinizin altında değil, elinizin bir uzantısı gibi akar.
Lenis yumuşak kaydırma · requestAnimationFrame · GPU ile birleştirilen dönüşümler
Kare süresi
- medyan
- 16,7 ms
- 99. yüzdelik
- 16,9 ms
60 Hz ekranda kaydırırken ölçüldü. 1280x800, headless Chrome, 60 Hz, no CPU throttling. 8 Eki 2026.
III
Güzellik, ölçülebilir olduğunda lüks olur.
Performans, erişilebilirlik, en iyi uygulamalar, SEO: bu sayfanın kendisinde ölçülmüş dört halka. Siteyi üç saniyede terk eden bir ziyaretçiyi hiçbir manifesto geri getirmez; bu yüzden önce ölçer, sonra söyleriz.
CLS · LCP · TBT · ölçülmüş, tarihli ve kaynaklı
100
Performans
100
Erişilebilirlik
100
En iyi uygulamalar
100
SEO
Masaüstü: CLS 0,00, LCP 0,4 s, TBT 0 ms. Mobil (simüle yavaş 4G, 4× CPU yavaşlatma): performans 100.
Lighthouse, desktop preset, live production (syncflow.agency), median of 5 runs; mobile preset (412×823), simulated slow 4G, 4x CPU slowdown, live production (syncflow.agency), median of 14 runs in two sessions on a quiet machine (99-100), 17 Eki 2026.
IV — Arızaya Dayanıklı Kurumsal Otomasyon
Bir şeyin bozulacağı güne göre kuruldu.
Kurumsal ölçekte bir şey mutlaka bozulur. Otomasyon bu gerçeğin etrafında kurulur: yedekli kuyruk mimarileri bir yol sessizleştiğinde olayları akıtmayı sürdürür, webhook’lar ise kendilerine güvenilmeden önce imzalanır ve doğrulanır.
Yedekli kuyruklar · İmzalı webhook’lar · Idempotent teslim · Sınırlı yeniden deneme
Etkileşimli simülasyon
Arızaya dayanıklı kuyruk simülatörü
Birincil kanalı tıkayın ve olayların kaybolmak yerine bekleme kuyruğunda güvenle beklemesini izleyin. Sonra kanalı geri açın.
- Kabul edilen
- 0
- Teslim edilen
- 0
- Bekleyen
- 0
- Kayıp
- 0
- Atılan kopya
- 0
Tüm kanallar sağlıklı. Başlamak için olay gönderin.
Bir desenin modelidir, gerçek bir sistemin ölçümü değildir. Burada hiçbir şey düşmez, çünkü bekleme kuyruğu kalıcıdır; gerçek bir kurulumun kendi başına sınanması gerekir.
V — Derin Kurumsal Entegrasyonlar
Zaten kullandığınız sistemlere bağlı.
Salesforce, SAP, HubSpot ve Oracle ilk taslaktan itibaren mimarinin parçasıdır; böylece potansiyel müşteriler, siparişler ve kayıtlar site ile işinizin zaten üzerinde çalıştığı sistemler arasında akabilir.
Salesforce · SAP · HubSpot · Oracle
Etkileşimli simülasyon
Tek olay, dört sistem
Bir sistem seçin. Aynı olay, o sistemin beklediği biçime eşlenir; her çizgi hangi alanın hangisini beslediğini gösterir.
Gönderilen yük
{
"fields": {
"SyncflowEventId__c": "3f2a9c1e-7b4d-4e0a-9d51-6c8b2a7e1f40",
"FirstName": "Alex",
"LastName": "Morgan",
"Company": "Example Holdings",
"Email": "alex.morgan@example.com",
"Title": "principal",
"Description": "Group-wide order portal, integrated with our ERP.",
"SyncflowMarket__c": "us",
"LeadSource": "Web",
"Status": "Open - Not Contacted"
}
}Eşlenen alan sayısı: 10. Kayıt: Potansiyel müşteri. Olay kimliği fields.SyncflowEventId__c alanında taşınır; bu yüzden yeniden deneme ikinci bir kayıt oluşturamaz.
Açıklayıcı biçimlerdir; her üreticinin herkese açık adlandırmasından esinlenilmiştir. Bir üretici sisteminden üretilmemiş ve onunla doğrulanmamıştır; gerçek her bağlayıcı müşterinin kendi sistemine karşı kurulur ve sınanır. Ürün adları sahiplerine aittir; ortaklık, sertifika ya da uyumluluk ima edilmez.
VI — Sıfır Güven Güvenlik Akışı
Doğrulanana kadar hiçbir şeye güvenilmez.
Bir sınırı aşan her ileti imzalanır, alıcı tarafından doğrulanır ve yoluna devam etmeden önce mühürlenir. Aşağıdaki adımlar tarayıcınızda canlı çalışır: birini bozabilir ve iletinin tam olarak nerede durduğunu görebilirsiniz.
HMAC-SHA256 · Sıfır güven doğrulaması · AES-256-GCM · Idempotency anahtarları
Etkileşimli simülasyon
Kurumsal güvenlik akışı
İş sistemine giderken imzalanan, doğrulanan ve mühürlenen bir ileti. Her adım tarayıcınızda, Web Crypto ve tek kullanımlık anahtarlarla canlı hesaplanır.
Hazır. Bir ileti gönderin ve beş adımdaki yolculuğunu izleyin.
- Yük
- —
- İmza
- —
- Kontrol
- —
- Şifreli metin
- —
Hazır. Bir ileti gönderin ve beş adımdaki yolculuğunu izleyin.
Tarayıcınızda, tek kullanımlık anahtarlarla çalışır; hiçbir veri bu sayfadan çıkmaz. Bir deseni gösterir; hiçbir üretim sistemini anlatmaz, ölçmez ya da belgelemez ve adı geçen ürünlerle bir ortaklık ima edilmez. İmzalama adımı, bu sitenin kendi briefing’lerini teslim etmek için kullandığı desenin aynısıdır.
02 — Vitrin
Dört sektör.
Tek bir sessizlik standardı.
Ölçülülük, son işlemdir. Her sektör kendi tonunda konuşur; standart asla değişmez.
Mimari NumuneBir mülk değil, bir yaşam sahnesi.
Boğaz üstünde bir konut ekrandan satın alınmaz; hissedilir. Yavaş, sinematik bir karşılama, planda incelenmiş gün ışığı ve doğrudan yöneticilerinize ulaşan bir talep.
Lüks gayrimenkul
Mimari NumuneGüven, ilk saniyede kurulur.
Estetik, diş ve longevity klinikleri için: satış reyonu değil, sakin bir dijital karşılama. Hekim profilleri ve ürkütmeden yönlendiren, hastanın başlattığı bir randevu.
Özel klinikler
Mimari NumuneMüvekkilin ilk okuduğu şey ketumluktur.
Hukuk büroları, danışmanlık yapıları ve özel sermaye (private equity) kuruluşları için: ölçülü, kesin bir varlık. Çalışma alanı ve ortak sayfaları, gizli bir talep ve her kelimesini sizin onayladığınız bir yapı; çünkü mesleğinizi düzenleyen reklam ve iletişim kurallarını uygulamak sizin sorumluluğunuzdadır.
Kurumsal hukuk ve danışmanlık
Mimari NumuneHiçbir şey beklemez. Hiçbir şey kaybolmaz.
Lojistik operatörleri ve B2B tedarik zincirleri için: bir şerit sustuğunda veriyi akıtmayı sürdüren yedekli kuyruk mimarileri, siparişten rampaya ve faturaya kesintisiz bir veri akışı ve rutin kararları üstlenerek ekibinize istisnai olanları bırakan otomasyon.
Küresel lojistik ve B2B tedarik zinciri mimarisi
Üretim prototipleri: stüdyonun kendi numuneleridir, müşteri işi değildir.
03 — Stüdyo
Alışkanlıkla titiz.
Varsayılan olarak sessiz.
Adı iş olan sahipler, ortaklar ve yöneticiler için çalışan bir dijital mimari stüdyosuyuz. İyi bir mimar gibi çalışırız: çizime, toleransa ve gizliliğe göre.
I
Yöntem olarak sıfır hata.
Hata, özür dilenecek değil, tasarımdan çıkarılacak bir şeydir. Her değişiklik biz “bitti” demeden önce denetlenir, duman testinden geçer ve canlı sitede kontrol edilir; performans hakkında yayınladığımız her şey ölçülmüş, tarihli ve kaynaklıdır. Sıfır hata, çalıştığımız ölçüdür; sizin adınıza imzalayabileceğimiz bir söz değildir.
Ölçümleri görünII
Varsayılan olarak gizli.
İlk çalışma oturumumuzdan önce karşılıklı bir NDA imzalanabilir. Müşteri işi yazılı onay olmadan gösterilmez; vitrinde yalnızca stüdyonun kendi numunelerinin bulunmasının nedeni budur. Bu site çerez bırakmaz, analitik çalıştırmaz ve her briefing’i bir insan okur.
Gizlilik bildirimini okuyunIII
Donanım seviyesine kadar mühendislik.
Video cihazın kendi video donanımıyla çözülür, hareket GPU’da birleştirilir, kaydırma ekranın kare ritmini izler ve kare bütçesi ölçülür. Süs olan hiçbir şeyin ziyaretçiye tek bir kareye mal olmasına izin verilmez.
Nasıl yaptık?Manifesto
Üzerine kurduğumuz beş satır.
Slogan değil: her satır bu sayfanın yaptığı bir şeydir ve kendiniz kontrol edebilirsiniz.
Kurmadan önce çiz.
Veri, hata biçimleri ve toleranslar, tek satır kod yazılmadan önce yazılır ve üzerinde anlaşılır. Çizilemeyen bir yapı başlatılmaz.
Sıfat değil, tolerans söyle.
Sayıları tarih, profil ve kaynakla yayınlarız; ölçemediğimiz hiçbir şeyi söylemeyiz.
Arızada kapalı kal. Rol yapma.
Bir parça eksikse sistem reddeder ve bunu söyler. Kimsenin almadığı bir mesaja asla “alındı” demez.
Varsayılan olarak sessizlik.
Çerez yok, analitik yok; üçüncü taraf yalnızca bot denetiminin gerektiği yerde. Bir müşterinin bize söylediğini bir insan okur, bir izleyici değil.
Sayfayı değil, iddiayı sına.
Güvenlik ve entegrasyon iddialarının arkasında her sürümden önce koşturduğumuz testler var: imzalı mesajlar, mühürlü zarflar ve denenen her arızada hiçbir şey kaybetmeyen, hiçbir şeyi iki kez uygulamayan bir referans kuyruk.
Bu sayfada denetlenebilir
HMAC-SHA256 · AES-256-GCM
Bu sayfadaki kurumsal güvenlik akışı, tarayıcınızın kendi Web Crypto’su ile bir mesajı imzalar ve mühürler: referans mimarimizle aynı ilkeller, aynı testler.
Çerez yok · analitik yok
Ağ sekmesini açın: cihazınızda hiçbir şey saklanmaz ve briefing formundaki Cloudflare bot denetimi dışında hiçbir şey üçüncü taraftan yüklenmez.
Engelleyen Content-Security-Policy
Her betik tek kullanımlık bir nonce taşır, gerisini tarayıcı engeller. İhlal taraması sürüm denetimlerimizin parçasıdır.
Nasıl yaptık?
Mühendislik, sade bir dille.
Bu sitenin hissini üç karar belirler ve her birinin toleransları vardır. Aşağıdakiler, bu sayfadaki kodun gerçekten ne yaptığını anlatır.
IDonanımla çözülen video ve GPU sinema katmanıBu sitedeki hareket, cihazın donanımla çözdüğü video ile bir kareye mal olduğu anda geri çekilen tek bir WebGL katmanından oluşur.
Bir kez, önceden işlenir.
Her sahne, 1920 × 1080 çözünürlükte ve saniyede 30 karede bir kez işlenen kesintisiz sekiz saniyelik bir döngüdür; ardından H.264 (MP4) olarak, yedek olarak da VP9 (WebM) ile kodlanır. Tarayıcıya hiçbir animasyon motoru gönderilmez.
Cihaz tarafından çözülür.
Tarayıcı akışı cihazın kendi video çözücüsüne verir; çoğu telefonda ve dizüstünde bu, ayrılmış bir donanımdır ve işlemci sayfaya ayrılmış kalır.
Yalnızca görüldüğünde yüklenir ve oynar.
Bir klip, oynamak üzere olana kadar indirilmez. Ekrandayken ya da imlecin altındayken oynar; ekrandan çıkınca ya da sekme gizlenince durur; azaltılmış hareket ya da veri tasarrufu isteyen ziyaretçide hareketsiz kalır ve her zaman bir durdurma düğmesi vardır.
Bütçeli tek bir WebGL katmanı.
Sayfanın ardındaki ışık, sahne ve ardından bitiriş olmak üzere iki geçişte çalışan ham WebGL2’dir ve yüksek performanslı GPU’yu ister. Piksel oranı 1,25 ile sınırlıdır, ortam durumunu saniyede 30 karede çalıştırır ve 90 karelik ortalama kare 24 ms’yi aşarsa çözünürlüğünü adım adım düşürür, ardından kendini çekip CSS yedeğini bırakır.
ToleranslarPiksel oranı ≤ 1,25 · sahne geçişi %50’den %30’a · 24 ms üzerinde geri çekilme (90 karelik ortalama) · saniyede 30 karede 8 sn’lik döngüler
IIrequestAnimationFrame ile kare disipliniSayfa işini kare başına bir kez ve yalnızca görünen şey için yapar.
Kare başına bir okuma, bir yazma.
Kaydırma işleyicileri yalnızca bir şeyin değiştiğini kaydeder. Tek bir requestAnimationFrame çağrısı en fazla bir yerleşim ölçümü alır ve sonucu CSS özel özelliklerine yazar; bunu da yalnızca bölüm ekrandayken yapar.
Yalnızca birleştirici hareket ettirir.
Animasyon transform, opacity ve clip-path ile sınırlıdır. Genişlik, yükseklik, top ve left hiç animasyonlanmaz; bu yüzden bir kare yeni bir yerleşim değil, katmanların birleşimidir.
Görünmeyen hiçbir şey çalışmaz.
Işık demeti, kaydırma ipucu ya da video gibi döngüye giren her şey ekrandan çıkar çıkmaz durur; sekme gizliyken her şey durur.
Varsayılmaz, ölçülür.
Sayfanın tamamında yapılan bir kaydırma, 16,7 ms medyan kare süresi ve 16,9 ms 99. yüzdelik değerinde kaldı (1280x800, headless Chrome, 60 Hz, no CPU throttling, 8 Eki 2026).
ToleranslarKare başına bir yerleşim okuması · animasyonlanan özellikler: transform, opacity, clip-path · 60 Hz’de 16,7 ms kare bütçesi
IIILenis yumuşak kaydırma, toleranslar içindeYumuşak kaydırma masaüstü imleci için bir nezakettir ve zarar verebileceği her yerde kapatılır.
Yalnızca hiçbir şeye mal olmadığı yerde.
Yalnızca fare benzeri bir imleçte başlar ve ziyaretçi azaltılmış hareket istediğinde asla çalışmaz. İki koşul da canlı izlenir; böylece hibrit bir dizüstü ya da değişen bir ayar, yeniden yükleme olmadan onu açar veya kapatır. Dokunmatik cihazlar kendi kaydırmalarını korur ve kütüphaneyi hiç indirmez.
Ayarlanmış bir eğri.
cubic-bezier(0.16, 1, 0.3, 1) eğrisinde 1,2 saniyelik süre; kütüphanenin kendi kare döngüsüyle sürülür. Sayfa içi bağlantılar aynı eğride kayar ve sabit üst bar için yer bırakır.
Asla yolda değil.
Giriş kapısı açıkken durur; briefing ve her diyalog kendi yerel kaydırmasıyla kayar. Bir atlamadan sonra odak ve adres, yerel bir çapanın bırakacağı yerde kalır.
Geç yüklenir, küçük tutulur.
Kütüphane ayrı bir parçadır; sayfa boyandıktan sonra ve yalnızca iki koşul da sağlandığında dinamik import ile istenir. İlk yüklemenin parçası değildir.
ToleranslarSüre 1,2 sn · eğri cubic-bezier(0.16, 1, 0.3, 1) · üst bar payı 88 px · yalnızca ince işaretçi · azaltılmış harekette kapalı
04 — Stratejik briefing
Bir form değil.
Niyet taşıyan bir konuşma.
Dört adım, yatırımla başlar. Karşılığında 24 saat içinde kurucu ekibimizden kişisel bir geri dönüş.
- Çerez yok · analitik yok
- İlk oturumdan önce karşılıklı NDA
- Bir insan okur, 24 saat içinde yanıtlanır
Adı işin kendisi olan birine, mimari gibi kurulmuş bir ev yakışır: sessiz, kesin ve kolay unutulmayan.Gerisi gürültüdür.