Frontend & Arayüz
design-skills · Brutalism
Ham betondan esinli düzenler, Darker Grotesque başlık, kırmızı ve okra.
Nedir
1950’lerin ham beton mimarisinden alınan brutalist arayüz için bir kılavuz skill’i: süssüz, işlevsel, bilinçli olarak rahatsız edici. Darker Grotesque başlık yazısı, beyaz üzerine #DD614C kırmızı ve #DAA144 okra.
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
Tasarım için neden önemli
- Kalın süssüz öğeler dekorasyonu bırakır; böylece ağırlığı yapı ve metin taşır.
- İki güçlü vurgu, kırmızı ve okra, degradelerin ve gölgelerin yerini tümüyle alır.
- Erişilebilirlik tabanı yine de geçerlidir; böylece rahatsız edici düzenler kontrastı ve görünür focus’u korur.
Neleri kapsıyor
- Brand
- Style foundations
- Accessibility
- Rules: do
- Quality gates
- Example constraint language
Nasıl kurulur
design-skills · Brutalism
-
Depoyu klonlayın.
git clone https://github.com/bergside/awesome-design-skills -
Codex’i skill dosyasına yönlendirin.
skills/brutalism/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Codex bileşenleri seçmeden önce ona tonun kalın ve süssüz olduğunu söyleyin.
-
Kalite kapılarının gerektirdiği gibi her kuralı bir token’a ya da eşiğe bağlayın.
-
Çıktıyı incelerken her yap kuralını somut bir yapma örneğiyle eşleştirin.
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.