---
title: Genel Bakış
description: İçerik ve Tasarım modlarına genel bakış.
icon: PanelsTopLeft
---

İçerik ve Tasarım modları ortak özelliklere sahiptir; her ikisi de aynı sayfa yapısı, katmanlar ve bölüm/bileşen mantığını kullanır. Aralarındaki temel fark, sundukları deneyim ve odak noktasıdır.

- <span className="inline-flex shrink-0 align-middle"><SquareMousePointerIcon className="size-5" /></span> **İçerik modu**, daha sadeleştirilmiş bir arayüz sunar. Sayfalarınızın son halini gerçek bir web sitesi gibi görüntüleyerek farklı ekran çözünürlüklerinde nasıl göründüğünü kontrol edebilirsiniz. Tasarım detayları yerine içeriğe odaklanarak bölüm ve bileşenlerinizi hızlıca düzenlemenize olanak tanır.

- <span className="inline-flex shrink-0 align-middle"><LayersIcon className="size-5" /></span> **Tasarım modu** ise gelişmiş stil seçenekleri ve detaylı kontrol araçlarıyla bir canvas üzerinden temanızın tüm görsel tasarımını oluşturmanızı sağlar. Katman düzeni, element özellikleri ve stil ayarları gibi detaylı yapılandırmalara bu moddan erişirsiniz.

---

<Cards className="grid-cols-3">
  <CardInline icon={<FileIcon />} title="Sayfalar" href="/tr/docs/ikas-studio/content-and-design/pages">
    Sayfa oluşturma, düzenleme ve yönetimi.
  </CardInline>
  <CardInline icon={<Layers2Icon />} title="Katmanlar" href="/tr/docs/ikas-studio/content-and-design/layers">
    Katman yapısı ve element hiyerarşisi yönetimi.
  </CardInline>
  <CardInline icon={<SquarePlusIcon />} title="Elementler" href="/tr/docs/ikas-studio/content-and-design/elements">
    Elementlerin ve şablonların kullanım alanları.
  </CardInline>
  <CardInline icon={<SwatchBookIcon />} title="Global Değerler" href="/tr/docs/ikas-studio/content-and-design/global-values">
    Tema genelinde geçerli olan ortak değerler.
  </CardInline>
  <CardInline icon={<BoxIcon />} title="Bölümler" href="/tr/docs/ikas-studio/content-and-design/sections">
    Bölüm yapısı ve yönetimi.
  </CardInline>
  <CardInline icon={<ComponentIcon />} title="Bileşenler" href="/tr/docs/ikas-studio/content-and-design/components">
    Bileşen yapısı ve tekrar kullanım.
  </CardInline>
  <CardInline icon={<DatabaseIcon />} title="Veri" href="/tr/docs/ikas-studio/content-and-design/data">
    Bölüm ve bileşenlere veri bağlama.
  </CardInline>
  <CardInline icon={<LayoutGridIcon />} title="Kaydedilmiş Şablonlar" href="/tr/docs/ikas-studio/content-and-design/saved-templates">
    Hazır şablonlarla hızlı sayfa ve bölüm oluşturma.
  </CardInline>
  <CardInline icon={<BookOpenIcon />} title="Kütüphaneler" href="/tr/docs/ikas-studio/content-and-design/libraries">
    Harici bileşen kütüphanelerini içe aktarma ve kullanma.
  </CardInline>
  <CardInline icon={<LanguagesIcon />} title="Yerelleştirme" href="/tr/docs/ikas-studio/content-and-design/localization">
    Çoklu dil desteği ve içerik yerelleştirme ayarları.
  </CardInline>
</Cards>