Origo — Tek Bir Noktadan | Sinematik AI Ajansı ve Teknoloji WordPress Teması

AI stüdyoları, teknoloji şirketleri, yazılım ve platform ekipleri ile iddialı yaratıcı-teknoloji markaları için WebGL destekli, tek-kaynaklı bir WordPress teması. Yaşayan bir ışık alanı boyunca kesintisiz bir uçuş — tek bir noktadan, her boyuta doğru, kaynağa geri dönüş.

Origo Neden Farklı

Çoğu teknoloji teması, stok bir kahramanla kartlardan oluşan bir griddir. Origo bir deneyimdir. Tüm site tek bir fikir üzerine inşa edilmiştir — her şey tek bir ışık noktasında başlar — ve bu fikir canlı olarak sunulur: kalıcı, hacimsel bir derinlik alanı her sayfanın arkasında WebGL ile çalışır, site sinematik bir İlk Nokta açılışıyla başlar ve her bölüm karanlıktan özel, tersine çevrilebilir kaydırma hareketiyle ortaya çıkar. Bu bir şablonun yeniden temalanması değil; ziyaretçinize, anında ve kelimeler olmadan, stüdyonuzun geleceği ilk prensiplerden inşa ettiğini söyleyen tutarlı, ödül seviyesinde bir dünyadır.

Bir broşür yerine bir ürün lansman filmi gibi hissettiren bir web sitesi istiyorsanız, Origo sizin için inşa edilmiştir.

Öne Çıkan Özellikler

  • 🌌 Canlı WebGL derinlik alanı — gerçek bir Three.js parçacık evreni, alan-derinliği bokeh, parlama, renk sapması ve film greni ile tüm sitenin arkasında oluşturulur (video değil, arka plan resmi değil).
  • ✨ İlk Nokta sinematik açılışı — boşlukta tek bir nokta parlar, alan dışa doğru büyür, marka belirir ve kamera kesintisiz olarak kahramana akar.
  • 🎛️ Tek-geçişli dinamik motor — Tema Ayarları’nda tek bir rengi değiştirin ve anında her CSS kuralını ve her WebGL gölgelendiriciyi yeniden temalar, çünkü 3D sahne stillerinizin kullandığı aynı CSS değişkenlerini okur.
  • 🟠 İlk Işık paleti — imza niteliğinde sıcak-kehribar-kaynak → soğuk-çivit-boşluk kimliği, tamamen düzenlenebilir.
  • 🧩 Elementor + ACF Pro — özel, içerik odaklı widget’lar; sınırsız, tamamen düzenlenebilir içerik.
  • 🔎 Yerleşik SEO — otomatik JSON-LD yapılandırılmış veri, meta etiketler, Open Graph ve Twitter Kartları. SEO eklentisi gerekmez.
  • ⚡ Performans odaklı ve erişilebilir — tek bir paylaşımlı animasyon döngüsü, ekran dışı duraklatma ve tam (prefers-reduced-motion) desteği.
  • 📱 Tamamen duyarlı — sinematik deneyim ultrawide’den mobil’e temizce uyum sağlar.
  • 🖼️ Akıllı logo sistemi — varsayılan olarak yerleşik animasyonlu marka işareti; site genelinde değiştirmek için kendi SVG veya PNG’nizi yükleyin (SVG yüklemeleri etkin ve temizlenmiş).

Konsept (senaryo)

Origo, ziyaretçinizi bir gezgin olarak görür. Yolculuk kesintisiz bir uçuştur:

  1. İlk Nokta — site tek bir parlak kaynaktan ateşlenir.
  2. Varış — dikey bir ışık meridyenine asılmış asimetrik bir davet.
  3. Her Şey Nasıl Başlar — hikayeniz ortaya çıkış olarak anlatılır: tek bir kaynaktan yatay bir ışık kafesi boyunca oluşan düzen.
  4. Boyutlar — yetenekleriniz, her biri kendi dalga boyunda, kaynaktan kırılarak çıkar.
  5. Mimarlar — ekibiniz, ışıktan beliren portreler.
  6. Işığın Dokunduğu Şeyler — ışık kayıtları olarak referanslar.
  7. Kaynağın Ölçtüğü Şeyler — metrikleriniz, temiz sayım rakamlarıyla.
  8. Kanallı Aç — bir ışın uzanır; başlama daveti.
  9. Kaynağa Dönüş — sakin bir veda altbilgisi. Nokta kalır.

Her istasyon yapısal olarak özgündür ve kaydırma ile hareketlenir — ve geri kaydırdığınızda zarifçe tersine döner.

Yaşayan Derinlik Alanı (motor)

Origo’nun kalbi, tüm sayfaların paylaştığı tek, kalıcı bir Three.js (r144) WebGL sahnesidir:

  • Gölgelendirici içi sonsuz tünel — GLSL (mod) z-döşemesi ile sonsuz, nesne-kalıcı yıldız/parçacık alanı.
  • Nokta başına bokeh alan-derinliği — odak dışı parçacıklar yumuşak disklere dönüşür; odak bandı kaydırmayla hareket eder, böylece alan bir ekran koruyucu değil, tasarlanmış katmanlar olarak okunur.
  • Özel son-işleme — parlama + renk sapması + film greni + vignet + ton, tümü premium, sinematik bir görünüm için ayarlanmıştır.
  • Kaydırmaya tepki veren kamera — sayfada aşağı indikçe alan içe doğru hareket eder.
  • CSS değişkenlerinden renk — paletinizi değiştirdiğiniz anda tüm sahne yeniden temalanır.
  • Önce performans — DPR sınırlı, sekme gizlendiğinde duraklatılmış, alan, diyafram imleci ve tüm bölüm sahneleri için tek bir paylaşımlı (requestAnimationFrame) tiklayıcı; tanılama için bir (?ogfps=1) kaplaması.
  • Zarif geri dönüş — WebGL kullanılamıyorsa veya azaltılmış hareket isteniyorsa, alan sabit, sakin bir arka plana dönüşür ve içerik mükemmel okunabilir kalır.

Özel bir diyafram/mercek imleci dünyayı tamamlar, hareket ettikçe tepki verir ve kırar (dokunmatikte ve azaltılmış hareket için otomatik olarak devre dışı bırakılır).

Ödül Seviyesinde Hareket

GSAP + ScrollTrigger üzerine inşa edilmiş ve Lenis yumuşak kaydırma ile işbirliği yapan Origo, tümü tersine çevrilebilir olan bölüm bazında imza animasyonlarıyla gelir (aşağı inerken oynar, yukarı çıkarken tersine döner):

  • Bulanıklık ve ışıktan çözülen kelime-kelime başlık açılımları
  • Kırpma-yolu dalga boyu silmeleri, derinlikten içeri uçan bloklar, hareket eden kıvılcımlarla çizilen ışık çizgileri
  • Halo parlaması ile bulanıklıktan netliğe çözülen portreler
  • Görüntüler görünüm alanına girdikçe odak-çekimi

Hiç meşgul hissettirmeden canlı hissettirir — sakin, geniş, kesin.

Altı Boyut (hizmetleriniz)

Origo, hizmetlerinizi tek kaynaktan açılan Boyutlar olarak çerçeveler ve özel, tamamen oluşturulmuş detay sayfalarıyla birlikte gelir:

Yapı · Zeka · Algı · Derinlik · Ölçek · Koruma

Her boyutun kendi sayfası vardır ( (/structure/) , (/intelligence/) gibi temiz, markalanabilir kısaltmalarla), kendi sinematik görüntüleri, profesyonel metinleri, vurgulanmış işaretleri ve eşleşen bir yan çubuğu — tümü düzenlenebilir. Özel bir Boyutlar Listesi grid’i ve numaralandırılmış bir Sıralama (süreç) widget’ı hizmet katmanını tamamlar.

İletimler (blog)

Günlük, İletimler olarak yeniden doğar — kaynaktan gelen sinyallerin bir akışı:

  • Çerçeveli küçük resimler ve odak halkaları ile premium kart akışı (arşiv, kategori, etiket, arama)
  • Sosyal aktarım ve yanıtlarla temiz tek-gönderi raporu okuma görünümü
  • Yeniden doğmuş 404 — Biçimsiz Nokta durum sahnesi
  • Tema Ayarları üzerinden başlıklar, tarihler, kategoriler, etiketler, özetler, görüntülenmeler, yorumlar ve yan çubuk üzerinde tam kontrol

Dinamik Motor — bir kez değiştir, her şeyi yeniden temala

Origo, tek bir doğruluk kaynağı tarafından yönetilir:

Tema Ayarları → CSS özel özellikleri (:root) → her CSS kuralı VE her WebGL gölgelendirici

Tek bir vurgu rengini değiştirin ve anında düğmeleri, gradyanları, kenarlıkları ve derinlik alanını, kaynak çekirdeğini, imleci ve sayfa başlığı ışığını günceller — çünkü hiçbir şey sabit kodlanmamıştır. Bu, Origo’yu sadece yapılandırılabilir değil, gerçekten özelleştirilebilir kılan şeydir.

İlk Işık paleti ve tipografi

  • Kaynak (kehribar vurgu), Sıcak Kaynak (daha koyu kehribar / CTA), Işık (sıcak off-beyaz), Boşluk / Yakın Katmanlar (derin arka planlar), Soğuk Derinlik (uzaklığın çiviti), Sıcak Metin.
  • Yazı tipleri: Fontshare üzerinden Clash Display (gösterim) + General Sans (gövde), teknik etiketler için Space Mono ile — tümü düzenlenebilir (aile, boyut, ağırlık).

Akıllı Logo Sistemi (SVG ve Resim)

Müşterilerinizin anında anlayacağı temiz, satılabilir bir logo modeli:

  • Varsayılan olarak boş → site, işlenmiş, animasyonlu Origo marka işaretini gösterir, böylece site ve Tema Ayarları her zaman uyumlu olur.
  • Değiştirmek için yükle → kendi logonuzu ekleyin ve site genelinde doğal boyutta tam bir kilit olarak oluşturulur.
  • SVG destekli → yöneticiler için SVG yüklemeleri etkinleştirilmiştir (ve temizlenmiştir); PNG/JPG de çalışır. Dosya yolu yok, kod yok.
  • Favicon → hazır olarak gelir ve kolayca değiştirilebilir.

Yerleşik SEO (eklenti gerekmez)

Origo, Tema Ayarlarınızdan temiz, otomatik SEO çıktısı verir:

  • JSON-LD yapılandırılmış veri — Organization / ProfessionalService, WebSite ve BlogPosting şeması
  • Meta başlık, açıklama ve anahtar kelimeler SEO paneline göre
  • Open Graph ve Twitter Card etiketleri varsayılan paylaşım resmiyle
  • Doğru başlıklar ve tembel yüklenen görüntülerle anlamsal, hızlı, erişilebilir işaretleme

İsterseniz favori SEO eklentinizle eşleştirin — veya yerleşik çıktıyla hafif çalışın.

Sayfa Oluşturma — Elementor + ACF Pro

  • Elementor: özel, içerik odaklı Origo widget’ları (Varış kahramanı, Her Şey Nasıl Başlar, Boyutlar, İlkeler, Hizmet Detayı, Sıralama, Mimarlar, Metrikler, Referanslar, SSS, Kanallı Aç, Proje Alımı, Galeri, Markalar ve daha fazlası).
  • ACF Pro: her sayfa, sınırsız, tekrarlanabilir içerikle düzenlenebilir, sekmeli bir düzendir — geliştirici gerekmez.
  • Özel Origo simge seti: vurgu renginizle çizilen yerleşik bir SVG çizgi-simge kitaplığı (Yapı, Zeka, Algı, Derinlik, Ölçek, Koruma, Ağ, Diyafram, Katmanlar, Telefon, Posta, Destek, Konum, Takvim, Ok, Kaynak kıvılcımı) her simge seçicinin en üstünde bulunur.
  • Contact Form 7: tüm açılır, iletişim, kanal ve proje alımı (rezervasyon) formları — Origo paletine otomatik olarak stilize edilir.

Başlık, Menü, Altbilgi ve Durumlar

  • Ufuk başlığı — marka işaretini taşıyan bir ışık çizgisi, yapışkan bulanık bir bant ve TAM ALAN sürükleyici örtü menüsünü açan tek bir diyafram.
  • Çift menü — ayrı masaüstü (Üst) ve mobil menüler; sürükleyici örtü her boyutta temizce kayar.
  • Kaynağa Dönüş altbilgisi — sakin bir veda, küresel bir düğüm haritası, düzenlenebilir bağlantı dizini, iletişim sütunu ve canlı telemetri okumaları.
  • Yeniden doğmuş 404, arama ve liste durumları — her ekran markaya uygun.

Neler Dahildir

  • Eksiksiz Origo WordPress teması (origo.zip)
  • Tek tıklamalı demo içe aktarma + (options.json) tema-ayarları içe aktarma + widget dosyası
  • Bu tam dokümantasyon (kurulum, demo içe aktarma, Tema Ayarları, palet, logo sistemi, kahraman/açılış, SEO, blog, altbilgi, formlar, menüler)
  • Gerekli eklenti paketi yönlendirmeleri (Elementor, ACF Pro, Contact Form 7, One Click Demo Import)
  • Ömür boyu güncellemeler ve dostane destek

İdeal Olarak Uygun

AI ajansları ve AI girişimleri · makine-öğrenimi ve veri-bilimi stüdyoları · SaaS ve yazılım şirketleri · teknoloji ve IT hizmetleri · bulut, DevOps ve platform mühendisliği · siber güvenlik firmaları · web3 / fintech / derin-teknoloji · dijital ürün stüdyoları · inovasyon laboratuvarları · yaratıcı-teknoloji ve tasarım ajansları · yükselen veya lansman yapan girişimler · mühendisler, kurucular ve stüdyolar için portföyler.

Gereksinimler

  • WordPress 6.0+
  • PHP 8.0+ (8.1+ önerilir)
  • MySQL 5.7+ / MariaDB 10.3+
  • Minimum 256MB bellek (512MB önerilir)
  • Tam deneyim için WebGL destekli modern bir tarayıcı (aksi halde zarif geri dönüş)