DevAny.ai
Giriş yap
KeşfetKod FikirleriCreative LabModellerTopluluk
ÖğrenAkademiDokümanlarYardım & SSS
Vitrin
Fiyatlar
Giriş yap
Dil

Düzen sözlüğü

Sen ve AI bölümleri aynı adlarla anarsınız. Bir bölüm NEDİR (SSS, Ekip, Fiyatlar…) ve nasıl GÖSTERİLİR (Akordeon, Kartlar, Yapışkan yan başlık…) — iki ayrı liste. Builder'da bir bölümü seçip “Düzeni değiştir”e dokun ya da bu adları sohbette yaz.

İçerik bölümleri — bölüm NEDİR

Düzenler — bölüm nasıl GÖSTERİLİR

  • Hero banner

    Sayfanın en üstünde büyük başlık, kısa metin ve ana buton; arkada geniş bir görsel.

    Nerede kullanılır:
    Ana sayfa girişi, kampanya
    Diğer adları:
    Hero banner, hero, banner, giriş bandı, kapak, manşet
    Seçenekler:
    Hizalama (Sol / Orta)
    Örnek cümle:
    “Ana sayfanın girişini büyük bir hero banner yap.”

  • Yapışkan hero

    Hero görseli/videosu yerinde kalır, içerik üzerinden kayarak geçer.

    Nerede kullanılır:
    Etkileyici giriş, marka hikâyesi
    Diğer adları:
    Sticky hero, sticky hero, yapışkan hero, sabit hero, parallax hero, sabit arka plan
    Örnek cümle:
    “Hero görseli sabit kalsın, içerik üstünden kaysın.”

  • Metin bloğu

    Başlık ve okunaklı genişlikte paragraflar; görsel yok.

    Nerede kullanılır:
    Hakkımızda, yasal metin, duyuru
    Diğer adları:
    Text block, text block, metin bloğu, düz metin, paragraf, yazı alanı
    Örnek cümle:
    “Bu bölümü sade bir metin bloğuna çevir.”

  • Görsel + metin

    Bir yanda görsel, öbür yanda başlık ve metin; telefonda alt alta.

    Nerede kullanılır:
    Hakkımızda, hizmet tanıtımı
    Diğer adları:
    Image + text, image text, görsel metin, resim yazı, split, bölünmüş
    Seçenekler:
    Görsel tarafı (Sol / Sağ / Üstte)
    Örnek cümle:
    “Görsel solda, metin sağda olsun.”

  • Zigzag

    Görsel + metin satırları; görsel her satırda bir sağa bir sola geçer.

    Nerede kullanılır:
    Hizmetler, özellikler, proje özetleri
    Diğer adları:
    Zigzag, zigzag, zig zag, alternating, sırayla görsel metin, dönüşümlü
    Seçenekler:
    İlk görsel (Solda / Sağda)
    Örnek cümle:
    “Hizmetleri zigzag düzende göster.”

  • Kolonlar

    İçerik yan yana 2, 3 veya 4 eşit kolonda; telefonda tek kolon.

    Nerede kullanılır:
    Kısa açıklamalar, özellik listesi
    Diğer adları:
    Columns, columns, kolonlar, sütunlar, kolon, sütun
    Seçenekler:
    Kolon (3 / 2 / 4)
    Örnek cümle:
    “Bu bölümü 3 kolona böl.”

  • Kartlar

    Her öğe görsel, başlık ve kısa metin taşıyan ayrı bir kart.

    Nerede kullanılır:
    Hizmetler, blog, ürünler
    Diğer adları:
    Cards, cards, kartlar, kart, card, kutucuklar
    Seçenekler:
    Kolon (3 / 2 / 4)
    Örnek cümle:
    “Hizmetleri kartlar halinde göster.”

  • Grid / Izgara

    Aynı boyda öğelerden düzenli bir ızgara; çok öğe için.

    Nerede kullanılır:
    Ekip, ürünler, logolar
    Diğer adları:
    Grid, grid, ızgara, izgara, tablo düzeni, mozaik
    Seçenekler:
    Kolon (4 / 2 / 3)
    Örnek cümle:
    “Ekibi 4'lü bir ızgarada göster.”

  • Akordeon

    Başlıklar listesi; birine dokununca içeriği açılır.

    Nerede kullanılır:
    SSS, uzun listeler, yasal metin
    Diğer adları:
    Accordion, accordion, akordeon, açılır kapanır, aç kapa, katlanır
    Seçenekler:
    Açık kalan (Biri açık / Birden çok)
    Örnek cümle:
    “Bu bölümü akordeon yap.”

  • Sekmeler

    Üstte sekme başlıkları; her sekme kendi içeriğini gösterir.

    Nerede kullanılır:
    Kategoriye ayrılmış SSS, ürün detayları
    Diğer adları:
    Tabs, tabs, sekmeler, sekme, tab, sekmeli
    Örnek cümle:
    “Soruları kategorilere göre sekmelere ayır.”

  • Lightbox

    Küçük görsele dokununca tam ekran büyük hali açılır.

    Nerede kullanılır:
    Galeri, ürün fotoğrafları
    Diğer adları:
    Lightbox, lightbox, büyüt, tam ekran görsel, zoom, görsele tıklayınca büyüsün
    Örnek cümle:
    “Galeriye tıklayınca görsel büyüsün.”

  • Video bloğu

    Başlık ve geniş bir video oynatıcı.

    Nerede kullanılır:
    Tanıtım, nasıl yapılır
    Diğer adları:
    Video block, video, video bloğu, film, tanıtım videosu
    Örnek cümle:
    “Buraya tanıtım videosu için bir video bloğu koy.”

  • İkon + metin

    Her öğede küçük bir ikon, kısa başlık ve bir cümle.

    Nerede kullanılır:
    Avantajlar, hizmet özeti
    Diğer adları:
    Icon + text, icon text, ikon metin, ikonlu liste, simgeli, features with icons
    Seçenekler:
    Kolon (3 / 2 / 4)
    Örnek cümle:
    “Avantajları ikon + metin olarak göster.”

  • Sayılar / İstatistik bandı

    Bir bant boyunca büyük sayılar ve altlarında kısa etiketler.

    Nerede kullanılır:
    Rakamlarla biz, başarılar
    Diğer adları:
    Stats band, stats, istatistik, sayılar, rakamlar, numbers
    Örnek cümle:
    “Rakamları bir istatistik bandında göster.”

  • Karşılaştırma tablosu

    Seçenekler kolonlarda, özellikler satırlarda; tik ve çarpılarla.

    Nerede kullanılır:
    Paket karşılaştırma, ürün farkları
    Diğer adları:
    Comparison table, comparison table, karşılaştırma tablosu, karşılaştırma, tablo, compare
    Örnek cümle:
    “Paketleri bir karşılaştırma tablosunda göster.”

  • Fiyat / Paket kartları

    Her paket bir kart: ad, fiyat, içerik listesi ve buton.

    Nerede kullanılır:
    Fiyatlar, üyelik paketleri
    Diğer adları:
    Pricing cards, pricing cards, fiyat kartları, paket kartları, fiyat, paketler
    Seçenekler:
    Kolon (3 / 2 / 4)
    Örnek cümle:
    “Fiyatları paket kartlarıyla göster.”

  • Timeline / Zaman çizelgesi

    Bir çizgi boyunca tarih sırasıyla olaylar.

    Nerede kullanılır:
    Tarihçe, süreç, etkinlik programı
    Diğer adları:
    Timeline, timeline, zaman çizelgesi, zaman tüneli, tarihçe, kronoloji
    Seçenekler:
    Yön (Dikey / Yatay)
    Örnek cümle:
    “Şirket tarihçesini bir zaman çizelgesi yap.”

  • Adımlar

    Numaralı adımlar: 1, 2, 3… her biri kısa başlık ve açıklama.

    Nerede kullanılır:
    Süreç, nasıl çalışırız, başvuru
    Diğer adları:
    Steps, steps, adımlar, adım adım, numaralı adımlar, nasıl çalışır
    Örnek cümle:
    “Süreci numaralı adımlar halinde anlat.”

  • Alıntı / Öne çıkan cümle

    Tek bir cümle büyük yazılır, yanında vurgu çizgisi ve kaynağı.

    Nerede kullanılır:
    Müşteri sözü, kurucunun sözü
    Diğer adları:
    Pull quote, pull quote, alıntı, öne çıkan cümle, quote, blockquote
    Örnek cümle:
    “Bu cümleyi büyük bir alıntı olarak öne çıkar.”

  • Logo bandı

    Müşteri veya iş ortağı logoları tek sıra halinde, sakin tonda.

    Nerede kullanılır:
    Referanslar, iş ortakları
    Diğer adları:
    Logo band, logo band, logo bandı, logolar, referans logoları, logo strip
    Örnek cümle:
    “Referansları bir logo bandında göster.”

  • CTA bandı

    Renkli bir bant: tek cümle ve tek belirgin buton.

    Nerede kullanılır:
    Sayfa sonu, iletişime çağrı
    Diğer adları:
    Call-to-action band, cta, cta bandı, çağrı bandı, harekete geçirici, call to action
    Örnek cümle:
    “Sayfanın sonuna bir CTA bandı ekle.”

  • Form

    Alanları ve gönder butonuyla bir form; yanında kısa açıklama olabilir.

    Nerede kullanılır:
    İletişim, teklif, başvuru
    Diğer adları:
    Form, form, iletişim formu, başvuru formu, contact form, talep formu
    Örnek cümle:
    “Buraya bir iletişim formu koy.”

  • Arama + filtreler

    Üstte arama kutusu ve filtre çipleri, altta sonuç listesi.

    Nerede kullanılır:
    Ürünler, ilanlar, blog
    Diğer adları:
    Search + filters, search filter, arama filtre, filtreler, filtre, arama
    Örnek cümle:
    “Ürünlerin üstüne arama ve filtreler ekle.”

  • Harita

    Adres, çalışma saatleri ve haritada konum bağlantısı.

    Nerede kullanılır:
    İletişim, mağaza konumu
    Diğer adları:
    Map, map, harita, konum, location, yol tarifi
    Örnek cümle:
    “İletişim bölümüne adres ve harita ekle.”

  • Modal / Pop-up

    Bir butona basınca sayfanın üstünde açılan pencere.

    Nerede kullanılır:
    Detay, form, bilgi
    Diğer adları:
    Modal / Pop-up, modal, popup, pop-up, açılır pencere, dialog
    Örnek cümle:
    “Detayları bir pop-up pencerede aç.”

  • Anchor menü

    Sayfanın bölümlerine atlayan kısa bağlantılar.

    Nerede kullanılır:
    Uzun sayfa, yasal metin, tek sayfalık site
    Diğer adları:
    In-page menu, anchor menu, anchor menü, sayfa içi menü, içindekiler, table of contents
    Örnek cümle:
    “Sayfanın başına bölümlere atlayan bir menü koy.”

  • Yapışkan yan başlık

    Başlık bir yanda sabit durur; öbür yanda içerik ve maddeli kartlar kayar.

    Nerede kullanılır:
    Ne yapıyoruz, hizmetler, süreç
    Diğer adları:
    Sticky side heading, sticky side heading, yapışkan yan başlık, sabit yan başlık, sticky heading, yan başlık sabit
    Seçenekler:
    Başlık tarafı (Sol / Sağ)
    Örnek cümle:
    “Yapışkan yan başlık olsun, başlık sağda.”

  • Sticky alan

    Kaydırırken ekranda sabit kalan menü veya buton.

    Nerede kullanılır:
    Rezervasyon butonu, üst menü
    Diğer adları:
    Sticky bar, sticky, yapışkan, sabit, sticky bar, sabit buton
    Seçenekler:
    Konum (Alt / Üst)
    Örnek cümle:
    “Rezervasyon butonu ekranın altında sabit dursun.”