Tasarım Sistemleri
Agency Grid Layout Minimal
Aşırı büyük başlıklar ve minik büyük harf etiketlerle editoryal çok sütunlu ızgara.
Nedir
Ajans siteleri için bir düzen yönü: geniş ızgara kabukları, aşırı büyük başlıklar, komşu sütunlarda küçük büyük harf meta veri ve mimari görsel blokları.
Create a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and subtle structural detail.
Tasarım için neden önemli
- Katı sütun yerleşimi, her öğe konumunun bilinçli okunmasını sağlar.
- Büyük başlıklar ile minik meta veri arasındaki ölçek kontrastı hiyerarşiyi taşır.
- Negatif alan doldurulmak yerine korunur; sayfayı editoryal tutar.
Neleri kapsıyor
- Scope
- Visual target
- Implementation guidance
- Recommended patterns
- Tuning knobs
- Avoid
Nasıl kurulur
Agency Grid Layout Minimal
-
Depoyu klonlayın.
git clone https://github.com/MengTo/Skills -
Codex’i skill dosyasına yönlendirin.
agent-skills/web-design/agency-grid-layout-minimal/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Önce görünür sütun bölmeleri olan geniş bir max-width kabuğu kurun.
-
Bir hero başlığını çoğu sütuna sabitleyin, destek metnini bir yan sütuna koyun.
-
Hizmet satırlarını minik meta veri etiketleriyle çok sütunlu listeler olarak kurun.
Buradaki her eklenti ücretsiz, açık kaynak ve gerçek üst kaynağına bağlantı veriyor.
codex-design listesinde dahası ↗Diğer Codex tasarım eklentileri
Frontend & Arayüz Ne yapar gpt-taste GSAP scroll hareketi ve boşluksuz bento ızgaralarıyla ödüllük tarzda landing page’ler kurar. 
Tasarım Sistemleri Ne yapar Stitch Design Taste Google Stitch’i sıradan olmayan ekranlara yönlendiren bir DESIGN.md yazar. 
Frontend & Arayüz Ne yapar image-to-code Önce tasarım görselleri üretir, onları analiz eder, sonra eşleşen frontend kodunu kurar. 
Frontend & Arayüz Ne yapar imagegen-frontend-mobile Premium mobil uygulama ekran akışlarını kod değil, görsel olarak üretir. Sonraki adım
Kurulum derdi olmadan Open Design ile tasarlayın
Bu eklentiyi kendiniz kurun ya da Open Design ile Codex’in etrafına baştan sona küratörlü bir tasarım katmanı geçirin. Kendi anahtarınızı getirin, çıktınızın sahibi olun.