{
  "name": "Tasarım Standartları Kataloğu",
  "description": "85 tasarım yaklaşımının AI kod üretiminde kullanılabilir prompt, palet ve kural seti. Kaynak: *.dc.html sayfalarının prompt blokları + data/catalog-meta.json.",
  "sections": [
    {
      "id": 1,
      "title": "Küratörsel ve bireysel ekoller",
      "description": "Tasarımcı ve stüdyo imzası taşıyan, kişisel bir bakışla kurulmuş tarzlar.",
      "title_en": "Curatorial schools"
    },
    {
      "id": 2,
      "title": "Çağdaş dijital ürün ve SaaS akımları",
      "description": "Bugünün yazılım ürünlerinde en sık karşılaşılan dört yerleşik düzen.",
      "title_en": "Contemporary SaaS currents"
    },
    {
      "id": 3,
      "title": "Tarihsel ve sanatsal akımlar",
      "description": "Web'den önce doğmuş, ekrana taşındığında karakterini koruyan akımlar.",
      "title_en": "Historical art movements"
    },
    {
      "id": 4,
      "title": "Mikro-görsel ve dokusal trendler",
      "description": "Düzeni değiştirmeyen, yüzey ve malzeme hissini değiştiren üç yaklaşım.",
      "title_en": "Micro-visual texture trends"
    },
    {
      "id": 5,
      "title": "Sanat akımlarının web karşılıkları",
      "description": "Yüz yıl önce afişte ve mobilyada tanımlanmış, ekranda hâlâ tanınan görsel diller.",
      "title_en": "Art movements on the web"
    },
    {
      "id": 6,
      "title": "Kültürel ve retro-fütürist diller",
      "description": "Bir coğrafyadan ya da bir dönemin gelecek hayalinden doğan görsel gelenekler.",
      "title_en": "Cultural & retro-futurist languages"
    },
    {
      "id": 7,
      "title": "Arayüz dönemleri ve yüzey dilleri",
      "description": "Dijital arayüzün son yirmi yılda geçtiği üç ana yüzey anlayışı.",
      "title_en": "Interface eras & surface languages"
    },
    {
      "id": 8,
      "title": "İlke temelli standartlar",
      "description": "Görünüşten çok kurala dayanan yaklaşımlar: erişilebilirlik, sade dil ve içerik önceliği.",
      "title_en": "Principle-based standards"
    },
    {
      "id": 9,
      "title": "Mobil arayüz yapıları",
      "description": "Telefonun fiziksel gerçekliğinden doğan yapısal desenler — her biri ekran örneği ve psikolojik gerekçesiyle.",
      "title_en": "Mobile interface structures"
    },
    {
      "id": 10,
      "title": "Davranış tasarımı ve psikoloji",
      "description": "Kararı yönlendiren mekanizmalar — nasıl çalıştıkları, nerede işe yaradıkları ve nerede sömürüye dönüştükleri.",
      "title_en": "Behavioral design & psychology"
    },
    {
      "id": 11,
      "title": "Masaüstü uygulama dilleri",
      "description": "İşletim sistemi ve profesyonel araç estetiği: pencere, panel ve komut yüzeyleri.",
      "title_en": "Desktop application languages"
    },
    {
      "id": 12,
      "title": "Web uygulama standartları",
      "description": "Kendini kanıtlamış ürün tasarım sistemlerinin web uygulama düzenleri.",
      "title_en": "Web application standards"
    },
    {
      "id": 13,
      "title": "Mobil uygulama standartları",
      "description": "Platform kılavuzları ve çığır açan mobil deneyim dilleri.",
      "title_en": "Mobile application standards"
    },
    {
      "id": 14,
      "title": "Dashboard & yönetim panelleri",
      "description": "Veri yoğun ekranlar: analitik, operasyon, finans ve e-ticaret yönetimi.",
      "title_en": "Dashboards & admin panels"
    },
    {
      "id": 15,
      "title": "Ressamlar arayüz tasarlasaydı",
      "description": "Resim tarihinin büyük dilleri ekrana çevrildi: her usta bir uygulama tasarlasaydı nasıl görünürdü?",
      "title_en": "If painters designed interfaces"
    }
  ],
  "styles": [
    {
      "id": 1,
      "slug": "01-editorial-minimalizm",
      "file": "01-editorial-minimalizm.dc.html",
      "title": "Editoryal Minimalizm",
      "prompt_en": "Design a slow, magazine-like studio website in an editorial minimalist style. Warm off-white paper background (#faf8f5) with near-black ink. Asymmetric two-column hero: an oversized italic serif headline at 100px+ with tight leading on the left, a tall 4:5 portrait image on the right. Hairline rules separate every section. Uppercase monospace eyebrows and captions at 11px with wide letter-spacing. Enormous margins, generous vertical rhythm, no shadows, no rounded corners, no gradients. One pull-quote set in large italic serif.",
      "brief_tr": "Dergi sayfası gibi kurulmuş, boşluğu malzeme olarak kullanan, iki fontlu ve gölgesiz bir stüdyo sitesi.",
      "palette": [
        "#faf8f5",
        "#100f0d",
        "#ece7df"
      ],
      "typography": "Instrument Serif (başlık) + Helvetica Neue (metin) + monospace etiketler",
      "layout": "12 kolon, asimetrik hiyerarşi, saç teli çizgiler",
      "motion": "Yok denecek kadar az; yalnızca opaklık geçişi",
      "avoid": "Gradyan, gölge, yuvarlak köşe, ikon kalabalığı",
      "reference": "van Schneider",
      "description": "Dergi estetiği, geniş boşluk, güçlü tipografi ve insan odaklı mikro metinler.",
      "keywords": [
        "editorial layout",
        "sophisticated typography",
        "bold black and white contrast",
        "organic spacing"
      ],
      "section": 1,
      "name": "Editoryal Minimalizm",
      "description_en": "Editorial minimalism: magazine-like calm, oversized serif type, hairline rules and generous whitespace.",
      "name_en": "Editorial Minimalism"
    },
    {
      "id": 2,
      "slug": "02-akiskan-surukleyici",
      "file": "02-akiskan-surukleyici.dc.html",
      "title": "Akışkan & Sürükleyici",
      "prompt_en": "Design an award-style creative agency landing page with a fluid, immersive feel. Near-black background (#0e0d12) with three huge blurred color orbs (electric blue, teal, violet) slowly drifting behind the content. Centered ultra-light display headline at 130px with one word in italic semibold. Frosted glass pill buttons with backdrop blur and thin light borders. A slow horizontal marquee strip of uppercase keywords. Full-bleed video placeholder with rounded 22px corners. Everything feels weighted, cinematic and continuously in motion.",
      "brief_tr": "Sıvı gradyan bulutları, buzlu cam butonlar ve sinematik derinlik taşıyan ajans açılış sayfası.",
      "palette": [
        "#0e0d12",
        "#3d5cff",
        "#00c2a8",
        "#c14bff"
      ],
      "typography": "Bricolage Grotesque 300/600, geniş harf aralıklı etiketler",
      "layout": "Ortalanmış kahraman bölüm + tam genişlik medya",
      "motion": "18—28 sn'lik yavaş orb sürüklenmesi, 24 sn marquee",
      "avoid": "Sert kenar, yüksek kontrastlı kutular, hızlı animasyon",
      "reference": "Locomotive",
      "description": "Sıvı geçişler, derinlik hissi ve harekete sanatsal tepki veren ajans estetiği.",
      "keywords": [
        "fluid WebGL elements",
        "liquid distortion",
        "cinematic depth",
        "avant-garde agency"
      ],
      "section": 1,
      "name": "Akışkan & Sürükleyici",
      "description_en": "Fluid immersive agency style: liquid transitions, cinematic depth and art-directed motion.",
      "name_en": "Fluid & Immersive"
    },
    {
      "id": 3,
      "slug": "03-cyber-webgl",
      "file": "03-cyber-webgl.dc.html",
      "title": "Gelecekçi Cyber",
      "prompt_en": "Design a real-time 3D experience landing page with a cybernetic aesthetic. Very dark blue-black background (#04060a) with a faint 64px technical grid masked by a radial fade, plus a slow scanline sweep. Cyan (#5ffbf1) and violet (#7a5cff) glow accents. Heavy 96px uppercase headline with cyan text-shadow. A circular WebGL scene placeholder framed by two counter-rotating orbit rings. Live telemetry strip at the bottom: FPS, particle count, latency, scene number in monospace. Sharp 4px radii, technical labels everywhere.",
      "brief_tr": "Karanlık zemin, neon parlama, dönen yörünge halkaları ve canlı telemetri şeridi olan 3D deneyim sayfası.",
      "palette": [
        "#04060a",
        "#5ffbf1",
        "#7a5cff",
        "#dff6f4"
      ],
      "typography": "Space Grotesk 700 başlık, monospace teknik etiketler",
      "layout": "Sol metin + sağ dairesel sahne, altta 4'lü metrik ızgara",
      "motion": "Sonsuz dönen halkalar, 2.4 sn nabız, 9 sn tarama çizgisi",
      "avoid": "Yumuşak pastel renk, yuvarlak dostane biçimler",
      "reference": "Active Theory",
      "description": "Karanlık zemin, parlayan etkileşimli parçacıklar ve oyunsu 3D atmosfer.",
      "keywords": [
        "dark mode",
        "glowing neon particles",
        "3D webgl atmosphere",
        "premium cybernetic UI"
      ],
      "section": 1,
      "name": "Gelecekçi Cyber",
      "description_en": "Futuristic cyber immersion: dark stage, glowing particles and playful 3D atmosphere.",
      "name_en": "Futuristic Cyber"
    },
    {
      "id": 4,
      "slug": "04-anti-design-provokatif",
      "file": "04-anti-design-provokatif.dc.html",
      "title": "Brütalist & Provokatif",
      "prompt_en": "Design a provocative anti-design poster page for a design studio. Warm paper background (#f2e8d5) with a visible halftone dot texture. Massive 130px Archivo Black uppercase headline where each line is rotated a few degrees, one word knocked out in a red block, one word set in outline-only text stroke. A yellow circular sticker rotated and wobbling that says the button does nothing. Struck-through nav items in italic. Hard 3px black borders, a black inverted column, deliberately mismatched baselines.",
      "brief_tr": "Kuralları kasten bozan, döndürülmüş tipografi ve ironik mikro metinlerle kurulmuş provokatif afiş sayfası.",
      "palette": [
        "#f2e8d5",
        "#141210",
        "#ff3b1f",
        "#ffd400"
      ],
      "typography": "Archivo Black + Archivo italic karışımı",
      "layout": "Izgarasız, döndürülmüş bloklar, 3px sert çerçeveler",
      "motion": "6 sn'lik hafif sallanma; jitter",
      "avoid": "Düzgün hizalama, nazik mikro metin, yumuşak gölge",
      "reference": "Sagmeister",
      "description": "Kuralları yıkan, ironiyi ve sanatsal kaosu öne çıkaran deneysel anti-tasarım.",
      "keywords": [
        "provocative UI",
        "raw emotions",
        "unconventional grid",
        "layered chaotic typography"
      ],
      "section": 1,
      "name": "Brütalist & Provokatif",
      "description_en": "Anti-design provocation: broken grids, layered chaos and rule-breaking typography.",
      "name_en": "Brutalist & Provocative"
    },
    {
      "id": 5,
      "slug": "05-fonksiyonel-endustriyel",
      "file": "05-fonksiyonel-endustriyel.dc.html",
      "title": "Fonksiyonel Endüstriyel",
      "prompt_en": "Design a product page for a desktop calculator in a rational industrial style. Cool light grey background (#e6e4df) with 1px cool grey rules and a technical toolbar header. A neutral product photo area with a faint 24px graph-paper grid. A physical keypad rendered as a 4-column grid of light keys with one orange (#e35205) and two dark function keys, plus a pale green LCD readout in monospace. A specification table with hairline dividers, and a five-cell strip of numbered design principles.",
      "brief_tr": "Süsü tamamen elenmiş, ölçü tablosu ve fiziksel tuş takımıyla kurulmuş rasyonel ürün sayfası.",
      "palette": [
        "#e6e4df",
        "#1c1c1a",
        "#e35205",
        "#b6bfb2"
      ],
      "typography": "Helvetica Neue 400/500, dar aralık, düşük kontrast",
      "layout": "Sabit ızgara, 1px ayırıcılar, tablo mantığı",
      "motion": "Yok; yalnızca durum değişimi",
      "avoid": "Dekoratif ikon, gradyan, gölge, marka jesti",
      "reference": "Dieter Rams",
      "description": "“Az ama daha iyi”: süssüz, rasyonel, matematiksel ve tamamen işlevsel düzen.",
      "keywords": [
        "Braun industrial aesthetic",
        "functional layout",
        "muted neutrals",
        "precise grid"
      ],
      "section": 1,
      "name": "Fonksiyonel Endüstriyel",
      "description_en": "Functional industrial rationalism: 'less but better', muted neutrals and precise grids.",
      "name_en": "Functional Industrial"
    },
    {
      "id": 6,
      "slug": "06-grunge-tipografi",
      "file": "06-grunge-tipografi.dc.html",
      "title": "Grunge Tipografi",
      "prompt_en": "Design a chaotic music zine cover page in deconstructed grunge typography. Aged paper background (#dcd8cd) with heavy multiply-blended scratch and streak textures. Overlapping type layers: a 190px black Archivo Black word, a 150px red italic serif word rotated -4°, and a vertically stretched outline word. A photocopied concert photo rotated 3°, a taped monospace note box with a jitter animation, and one vertical rotated label. Text columns collide, baselines never align, readability is deliberately strained.",
      "brief_tr": "Üst üste binen katmanlar, fotokopi dokusu ve okunabilirliği zorlayan yapıbozumcu dergi kapağı.",
      "palette": [
        "#dcd8cd",
        "#181613",
        "#b0281a"
      ],
      "typography": "Archivo Black + Times New Roman italic + monospace",
      "layout": "Izgara yok; mutlak konumlandırılmış çakışan katmanlar",
      "motion": "5 sn steps() jitter, mikro kaymalar",
      "avoid": "Temiz hizalama, düzgün kolon, net hiyerarşi",
      "reference": "David Carson",
      "description": "Üst üste binen metinler, yırtık dokular ve okunabilirliği zorlayan dijital anarşi.",
      "keywords": [
        "messy typography",
        "distorted textures",
        "overlapping layouts",
        "deconstructivist UI"
      ],
      "section": 1,
      "name": "Grunge Tipografi",
      "description_en": "Grunge typography: distressed textures, overlapping type and deliberate visual noise.",
      "name_en": "Grunge Typography"
    },
    {
      "id": 7,
      "slug": "07-karanlik-saas",
      "file": "07-karanlik-saas.dc.html",
      "title": "Karanlık SaaS",
      "prompt_en": "Design a developer-tool SaaS landing page in a sleek dark aesthetic. Near-black background (#08080b) with a wide violet radial glow behind the hero and faint 120px vertical guide lines. Gradient-clipped headline text fading from white to grey at 76px. Small pill announcement badge with a colored tag. A product screenshot mock: window chrome, a 180px sidebar and a dense issue list with colored status dots and small rounded status chips. Everything uses 1px rgba borders, 7—14px radii and 13px UI text.",
      "brief_tr": "1px sınırlar, mor parlama ve yoğun ürün ekranıyla kurulmuş elit karanlık mod SaaS sayfası.",
      "palette": [
        "#08080b",
        "#e8e8ee",
        "#7e78ff",
        "#4ad9c0"
      ],
      "typography": "Space Grotesk 400/500, 13px arayüz metni",
      "layout": "Ortalanmış kahraman + tam genişlik ürün penceresi",
      "motion": "İnce parlama, 150ms hover geçişleri",
      "avoid": "Yüksek doygunlukta renk, kalın çerçeve, büyük gölge",
      "reference": "Linear / Vercel",
      "description": "Keskin sans-serif, 1 piksel sınırlar ve hafif parlama efektleri; elit karanlık mod.",
      "keywords": [
        "sleek dark mode",
        "1px subtle borders",
        "elegant neon gradients",
        "crisp sans-serif"
      ],
      "section": 2,
      "name": "Karanlık SaaS",
      "description_en": "Dark SaaS elegance: crisp sans, 1px borders and subtle neon glows on near-black.",
      "name_en": "Dark SaaS"
    },
    {
      "id": 8,
      "slug": "08-bento-grid",
      "file": "08-bento-grid.dc.html",
      "title": "Bento Grid",
      "prompt_en": "Design a consumer hardware product page built entirely from a bento grid. Light grey background (#f1f1f3), white cards with 26px radii and a barely-there shadow. A 4-column grid with 186px rows: one 2x2 hero cell with a 52px headline, one wide black stat cell with a huge 2.8x number, one gradient color-engine cell, one battery cell with three progress bars, and small cells for privacy and price. Each cell holds exactly one idea, generous internal padding, no card is decorative.",
      "brief_tr": "Her hücrede tek bir fikir taşıyan, farklı boyutlu yuvarlak kartlardan kurulu modüler ürün sayfası.",
      "palette": [
        "#f1f1f3",
        "#111114",
        "#0a6cff"
      ],
      "typography": "Helvetica Neue 600 başlık, 13-16px metin",
      "layout": "4 kolon × 186px satır bento ızgarası, 14px boşluk",
      "motion": "Kart hover'da 1-2px yükselme",
      "avoid": "Kart içinde çok konu, dolgu amaçlı hücre",
      "reference": "Apple / Microsoft",
      "description": "Ekranın yuvarlak köşeli, farklı boyutlu hücrelere bölündüğü modüler bilgi mimarisi.",
      "keywords": [
        "modular rectangular cards",
        "rounded corners",
        "clean content chunks",
        "hierarchy"
      ],
      "section": 2,
      "name": "Bento Grid",
      "description_en": "Bento grid: modular rounded cells of mixed sizes organizing content at a glance.",
      "name_en": "Bento Grid"
    },
    {
      "id": 9,
      "slug": "09-neo-brutalizm",
      "file": "09-neo-brutalizm.dc.html",
      "title": "Neo-Brütalizm",
      "prompt_en": "Design a creator-payments landing page in neo-brutalist style. Cream background (#f5e9c9), 3px pure black borders on everything, and hard offset shadows (6—10px, no blur) in black and accent colors. A yellow hero block with a 70px uppercase bold headline, plus stacked side cards in sky blue, pink and white. Pill nav chips in pastel colors with black borders. Buttons are chunky with colored drop shadows. Type is Space Grotesk 700, tight and loud, and nothing is subtle.",
      "brief_tr": "Kalın siyah çerçeveler, sert ofset gölgeler ve pastel-neon bloklarla kurulmuş çiğ ve samimi ürün sayfası.",
      "palette": [
        "#f5e9c9",
        "#0b0b0b",
        "#ffe94d",
        "#a1d4ff",
        "#ffb1d8"
      ],
      "typography": "Space Grotesk 700, büyük harf, sıkı aralık",
      "layout": "Blok ızgara, 3px çerçeve, 5-10px sert gölge",
      "motion": "Hover'da gölge kayması (2-3px)",
      "avoid": "Bulanık gölge, düşük kontrast, ince tipografi",
      "reference": "Figma / Gumroad",
      "description": "Pastel ve neon renkler, kalın siyah çizgiler, sert gölgeler; retro-modern çiğlik.",
      "keywords": [
        "high contrast pastels",
        "thick black borders",
        "hard block shadows",
        "raw typography"
      ],
      "section": 2,
      "name": "Neo-Brütalizm",
      "description_en": "Neo-brutalism: loud pastels, thick black outlines and hard offset shadows.",
      "name_en": "Neo-Brutalism"
    },
    {
      "id": 10,
      "slug": "10-b2b-gradient-iskeletizm",
      "file": "10-b2b-gradient-iskeletizm.dc.html",
      "title": "B2B İskeletizm",
      "prompt_en": "Design a payments-infrastructure landing page in a clean corporate B2B style. A soft multi-stop pastel gradient band (blue to lilac to mint to cream) behind the hero, pure white below. 62px semibold headline with tight tracking, 18px grey body copy, pill buttons. On the right, a dark code panel with tabs and syntax-highlighted API sample plus a success comment. Below: four feature columns each with a small 30px gradient icon tile, then a logo strip of neutral placeholder bars.",
      "brief_tr": "Kusursuz pastel gradyan, kod paneli ve kurumsal güven veren beyaz alanla kurulmuş altyapı sayfası.",
      "palette": [
        "#eaf3ff",
        "#f4ecff",
        "#5a4bff",
        "#00c39a",
        "#0b1533"
      ],
      "typography": "Helvetica Neue 600 başlık + monospace kod",
      "layout": "Gradyan kahraman bant, altında 4 kolon özellik",
      "motion": "Yumuşak hover, 200ms",
      "avoid": "Ağır gölge, koyu zemin, agresif renk",
      "reference": "Stripe ekolü",
      "description": "Kusursuz renk geçişleri, kod dokümantasyonu ve kurumsal güven veren temiz beyaz.",
      "keywords": [
        "flawless clean gradients",
        "high-end white corporate layout",
        "financial app UI"
      ],
      "section": 2,
      "name": "B2B İskeletizm",
      "description_en": "B2B skeletal minimalism: flawless gradients and trustworthy clean white layouts.",
      "name_en": "B2B Skeletal"
    },
    {
      "id": 11,
      "slug": "11-bauhaus",
      "file": "11-bauhaus.dc.html",
      "title": "Bauhaus",
      "prompt_en": "Design a design-school landing page in strict Bauhaus style. Warm off-white background (#efe9dd) with 2px black rules dividing everything. An 88px uppercase heavy headline stacked as three words, one in red. On the right, a 2x2 block of primary-color panels containing a white circle, a black triangle, a white square and a text tile. A four-cell principle strip with oversized numbers in blue, yellow, red and inverted black. Pure geometry, no imagery, no ornament.",
      "brief_tr": "Daire-kare-üçgen, üç ana renk ve ağır grotesk tipografiyle kurulmuş form-işlev sayfası.",
      "palette": [
        "#efe9dd",
        "#161513",
        "#1c4fd8",
        "#f2c400",
        "#d8232a"
      ],
      "typography": "Archivo 700/800 büyük harf",
      "layout": "2px çerçeveli modüler bloklar, asimetrik denge",
      "motion": "Yok",
      "avoid": "Gradyan, gölge, fotoğraf dokusu, süsleme",
      "reference": "1919 →",
      "description": "Temel geometrik şekiller, ana renkler ve asimetrik ağır tipografi.",
      "keywords": [
        "geometric layout",
        "primary colors",
        "bold sans-serif",
        "asymmetrical functional grid"
      ],
      "section": 3,
      "name": "Bauhaus",
      "description_en": "Bauhaus: primary colors, elemental geometry and form-follows-function order.",
      "name_en": "Bauhaus"
    },
    {
      "id": 12,
      "slug": "12-isvicre-izgara",
      "file": "12-isvicre-izgara.dc.html",
      "title": "İsviçre Izgarası",
      "prompt_en": "Design an exhibition page for a typography biennial in Swiss International Style. Neutral light background (#f4f4f2), a strict visible 12-column grid with 20px gutters, and hairline rules. A 96px bold Helvetica headline spanning seven columns, body text in two narrow columns beneath. A red 3:4 poster block on the right with thin white grid lines and a large white title inside. A schedule list where every row aligns to the same four column positions. All labels 11px uppercase.",
      "brief_tr": "12 kolonluk katı ızgara, Helvetica hiyerarşisi ve tek kırmızı vurguyla kurulmuş sergi sayfası.",
      "palette": [
        "#f4f4f2",
        "#0f0f0f",
        "#e8321e"
      ],
      "typography": "Helvetica 700/400, 11px büyük harf etiketler",
      "layout": "12 kolon, 20px oluk, saç teli ayırıcılar",
      "motion": "Yok",
      "avoid": "Merkezi hizalama, dekoratif font, gölge",
      "reference": "Uluslararası",
      "description": "Rasyonel asimetri, Helvetica merkezli ve tipografik hiyerarşiyle yön bulma.",
      "keywords": [
        "rigorous grid layout",
        "heavy sans-serif",
        "functional asymmetric structure"
      ],
      "section": 3,
      "name": "İsviçre Izgarası",
      "description_en": "Swiss grid: objective typography, mathematical layout and disciplined hierarchy.",
      "name_en": "Swiss Grid"
    },
    {
      "id": 13,
      "slug": "13-y2k-saykodelik",
      "file": "13-y2k-saykodelik.dc.html",
      "title": "Y2K Saykodelik",
      "prompt_en": "Design a millennium-era social portal homepage in Y2K style. Deep purple-to-black radial background with scanlines and a huge blurred conic rainbow blob. A chrome-bevelled OS-style toolbar with outset buttons. An 88px bubbly headline filled with an animated rainbow gradient and a hard drop shadow. A fake desktop window titled avatarim.exe with title bar buttons and inset panels. A rotating gradient NEW! sticker. Visitor counter, online count and 14.4k modem status in tiny bold type.",
      "brief_tr": "Krom düğmeler, gökkuşağı gradyan yazı, sahte işletim sistemi penceresi ve ziyaretçi sayacıyla milenyum portalı.",
      "palette": [
        "#0a0620",
        "#ff7ae0",
        "#7ae8ff",
        "#c9ff6e",
        "#ffe27a"
      ],
      "typography": "Baloo 2 800 + Verdana; küçük kalın etiketler",
      "layout": "Pencere metaforu, outset/inset kenarlar",
      "motion": "7 sn gradyan kayması, 5 sn sallanan rozet",
      "avoid": "Sadelik, düz renk, modern tipografi",
      "reference": "Milenyum",
      "description": "Metalik dokular, şişkin yazılar, holografik renkler ve nostaljik pencereler.",
      "keywords": [
        "metallic and holographic textures",
        "cyber-maximalism",
        "iridescent gradient UI"
      ],
      "section": 3,
      "name": "Y2K Saykodelik",
      "description_en": "Y2K psychedelia: chrome gradients, bubble shapes and glossy retro-future excess.",
      "name_en": "Y2K Psychedelic"
    },
    {
      "id": 14,
      "slug": "14-retro-terminal",
      "file": "14-retro-terminal.dc.html",
      "title": "Retro Terminal",
      "prompt_en": "Design a developer deployment tool page as a monochrome terminal. Near-black green-tinted background (#050a06) with phosphor green text (#41ff7e), CRT scanlines and a soft radial glow. A large ASCII-art wordmark, a live command session with progress bars in amber, a bordered live log table of HTTP requests, an uptime panel and a bar chart made of solid blocks. Everything is IBM Plex Mono, all panels are 1px green rules, one blinking block cursor.",
      "brief_tr": "ASCII logo, canlı komut oturumu ve fosfor yeşili tek renk paletiyle kurulmuş terminal arayüzü.",
      "palette": [
        "#050a06",
        "#41ff7e",
        "#eaff6e"
      ],
      "typography": "IBM Plex Mono 400/600, 14px, 1.7 satır yüksekliği",
      "layout": "Tek sütun konsol + sağda dar panel kolonu",
      "motion": "1.1 sn imleç yanıp sönmesi",
      "avoid": "Renkli ikon, yuvarlak köşe, gölge, resim",
      "reference": "Monokrom",
      "description": "Komut satırı düzeni, tek renk paleti ve tamamen kod tabanlı geliştirici estetiği.",
      "keywords": [
        "monospace font",
        "command line layout",
        "black and neon green palette",
        "ASCII accents"
      ],
      "section": 3,
      "name": "Retro Terminal",
      "description_en": "Retro terminal: phosphor green on black, monospace everything and CRT flavor.",
      "name_en": "Retro Terminal"
    },
    {
      "id": 15,
      "slug": "15-glassmorphism",
      "file": "15-glassmorphism.dc.html",
      "title": "Glassmorphism",
      "prompt_en": "Design a personal finance dashboard in glassmorphism. A vivid dark purple base with four large blurred color blobs (pink, blue, teal, amber) drifting slowly behind everything. All UI is frosted glass: 14—26% white fills, 1px 30% white borders, 20—24px backdrop blur, 18—22px radii and soft deep shadows. A balance card with a big number and a bar chart of translucent bars, plus small glass tiles for card and monthly spend. Text is white with layered opacity levels.",
      "brief_tr": "Renkli bulanık zemin üzerinde buzlu cam panellerle katman derinliği kuran finans panosu.",
      "palette": [
        "#1b1035",
        "#ff5ea8",
        "#4b7bff",
        "#22d3b6"
      ],
      "typography": "Helvetica Neue 600 başlık, saydamlık kademeli metin",
      "layout": "Cam kartlar, 16-22px boşluk, katmanlı z-derinliği",
      "motion": "18—28 sn blob sürüklenmesi",
      "avoid": "Düz gri zemin, opak kart, sert çizgi",
      "reference": "Buzlu cam",
      "description": "Arkasını bulanık gösteren saydam katmanlar; derinlik gölgeden değil camdan gelir.",
      "keywords": [
        "frosted glass panels",
        "blurry background pass-through",
        "multi-layered dashboard"
      ],
      "section": 4,
      "name": "Glassmorphism",
      "description_en": "Glassmorphism: frosted translucent panels floating over vivid blurred color.",
      "name_en": "Glassmorphism"
    },
    {
      "id": 16,
      "slug": "16-neomorphism",
      "file": "16-neomorphism.dc.html",
      "title": "Neomorphism",
      "prompt_en": "Design a health tracking dashboard in soft neumorphism. Single background color (#e4e9f2) used for every surface. Elements are defined only by paired shadows: 8px 8px 18px #c5cbd8 and -8px -8px 18px #fbffff for raised, the same values inset for pressed. 18—28px radii everywhere. A circular progress ring built from an inset well plus a conic gradient, soft pill toggles, an inset track progress bar and a muted blue-grey accent (#8fa4d6). Type is dark slate blue, low contrast, calm.",
      "brief_tr": "Tek renkli zemin ve çift yönlü yumuşak gölgelerle kabartılmış sakin sağlık panosu.",
      "palette": [
        "#e4e9f2",
        "#c5cbd8",
        "#fbffff",
        "#8fa4d6"
      ],
      "typography": "Helvetica Neue 600/400, koyu arduvaz mavi",
      "layout": "Kabartma kartlar, 20px boşluk, tek ışık yönü (sol üst)",
      "motion": "Basılı hâle 120ms geçiş",
      "avoid": "Yüksek kontrast renk, keskin köşe, düz gölge",
      "reference": "Kabartma",
      "description": "Arka planla aynı renkte yüzeyler; ayrım yalnızca iç ve dış yumuşak gölgelerle.",
      "keywords": [
        "soft extruded plastic effect",
        "inner and outer soft shadows",
        "monochromatic"
      ],
      "section": 4,
      "name": "Neomorphism",
      "description_en": "Neumorphism: soft extruded surfaces with delicate inner and outer shadows.",
      "name_en": "Neumorphism"
    },
    {
      "id": 17,
      "slug": "17-claymorphism",
      "file": "17-claymorphism.dc.html",
      "title": "Claymorphism",
      "prompt_en": "Design a children's learning app landing page in claymorphism. Soft pastel gradient background (lilac to blue to pink). Every element looks like inflated clay: 26—34px radii, an outer soft colored shadow, an inset dark lip on the bottom edge and an inset white highlight on top. Rounded 800-weight display type, chunky pill buttons, bouncing rounded squares and circles in mint, pink, blue and amber. Copy is warm and playful, targets are huge, nothing has sharp corners.",
      "brief_tr": "Şişme kil gibi duran, çift iç gölgeli, pastel ve çocuk dostu öğrenme uygulaması sayfası.",
      "palette": [
        "#f6efff",
        "#7c4dff",
        "#8ee6c8",
        "#ffd166",
        "#ff8db7"
      ],
      "typography": "Baloo 2 700/800, yuvarlak ve kalın",
      "layout": "Büyük yarıçaplı kartlar, 20px boşluk",
      "motion": "4 sn zıplama, basınca 4px çökme",
      "avoid": "Keskin köşe, düşük doygunluk, ince tipografi",
      "reference": "3D kil",
      "description": "Şişme oyuncak gibi duran, yoğun iç gölgeli, cana yakın ve çocuksu yüzeyler.",
      "keywords": [
        "3D clay-like rounded cards",
        "soft pastel colors",
        "bubbly playful interface"
      ],
      "section": 4,
      "name": "Claymorphism",
      "description_en": "Claymorphism: chubby 3D clay shapes, cheerful colors and rounded softness.",
      "name_en": "Claymorphism"
    },
    {
      "id": 18,
      "slug": "18-art-nouveau",
      "file": "18-art-nouveau.dc.html",
      "title": "Art Nouveau",
      "prompt_en": "Design a museum exhibition page in Art Nouveau style. Warm parchment background (#f0e9d8) with faint amber and moss radial washes. A 92px light serif headline with one word in italic moss green. An arched image frame with a 180px top radius and a 2px sienna border, flanked by organic leaf-shaped outline ornaments made from asymmetric border-radius. Pill buttons with one squared corner, uppercase wide-tracked labels, a four-swatch organic palette row and hairline sienna rules.",
      "brief_tr": "Bitkisel kıvrımlar, kemerli çerçeve ve organik süslemeyle kurulmuş müze sergi sayfası.",
      "palette": [
        "#f0e9d8",
        "#8c5a2b",
        "#4a694a",
        "#c9a227",
        "#a8536b"
      ],
      "typography": "Cormorant Garamond 300/600, italik vurgular",
      "layout": "Asimetrik iki kolon, kemerli görsel çerçevesi",
      "motion": "Yok; yalnızca yumuşak opaklık",
      "avoid": "Sert dikdörtgen, teknik ızgara, neon renk",
      "reference": "1890—1910",
      "description": "Bitkisel kıvrımlar, kemerli çerçeveler ve süslemenin yapıya dönüştüğü organik hat.",
      "keywords": [
        "organic whiplash curves",
        "botanical ornament",
        "arched frames",
        "muted earthy palette"
      ],
      "section": 5,
      "name": "Art Nouveau",
      "description_en": "Art Nouveau: organic whiplash curves, botanical ornament and elegant flow.",
      "name_en": "Art Nouveau"
    },
    {
      "id": 19,
      "slug": "19-art-deco",
      "file": "19-art-deco.dc.html",
      "title": "Art Deco",
      "prompt_en": "Design a 1928 grand hotel page in Art Deco style. Deep teal-black background (#0d1a1c) with thin vertical gold pinstripes and a large rotated gold diamond outline behind the hero. Perfectly centered composition: a stepped gold fan motif, a 112px Poiret One display name with the second line in gold, and a 0.42em-tracked uppercase subtitle. Three bordered suite cards with diagonal-hatch image areas. A centered statistics row with Roman numerals separated by thin gold rules.",
      "brief_tr": "Simetrik kompozisyon, altın çizgiler ve basamaklı geometriyle kurulmuş lüks otel sayfası.",
      "palette": [
        "#0d1a1c",
        "#d4af5f",
        "#f2ead9"
      ],
      "typography": "Poiret One başlık + Josefin Sans 300 metin",
      "layout": "Tam simetrik, ince altın çerçeveler",
      "motion": "Yok",
      "avoid": "Asimetri, yuvarlak köşe, pastel renk",
      "reference": "1920—1939",
      "description": "Simetri, basamaklı geometri, altın çizgiler ve lüks bir sahne duygusu.",
      "keywords": [
        "symmetrical stepped geometry",
        "gold linework on deep teal",
        "luxury poster type"
      ],
      "section": 5,
      "name": "Art Deco",
      "description_en": "Art Deco: gilded geometry, fan motifs and glamorous vertical rhythm.",
      "name_en": "Art Deco"
    },
    {
      "id": 20,
      "slug": "20-de-stijl",
      "file": "20-de-stijl.dc.html",
      "title": "De Stijl",
      "prompt_en": "Design a design-magazine page in De Stijl / Neoplasticism. Off-white ground (#f7f5f0) divided by 8px pure black rules into an asymmetric grid of rectangles. Fill exactly three cells with primary red, blue and yellow, one with black, leave the rest white. A 74px uppercase bold headline sits in the largest cell. No diagonals, no curves, no gradients. A four-column colour-legend strip at the bottom, each with a 10px colour bar and a one-line rationale.",
      "brief_tr": "Kalın siyah çizgiler, üç ana renk ve yalnızca dik bölünmelerle kurulmuş neoplastik dergi sayfası.",
      "palette": [
        "#f7f5f0",
        "#111111",
        "#d42618",
        "#1449b8",
        "#f2c500"
      ],
      "typography": "Helvetica 700 büyük harf",
      "layout": "8px siyah çizgili asimetrik dikdörtgen ızgara",
      "motion": "Yok",
      "avoid": "Köşegen, eğri, gradyan, gölge, fotoğraf",
      "reference": "Mondrian",
      "description": "Kalın siyah çizgiler, üç ana renk ve yalnızca yatay-dikey bölünmeler.",
      "keywords": [
        "neoplasticism",
        "thick black grid lines",
        "primary color blocks",
        "no diagonals"
      ],
      "section": 5,
      "name": "De Stijl",
      "description_en": "De Stijl: primary color planes locked in an asymmetric black grid.",
      "name_en": "De Stijl"
    },
    {
      "id": 21,
      "slug": "21-konstruktivizm",
      "file": "21-konstruktivizm.dc.html",
      "title": "Konstrüktivizm",
      "prompt_en": "Design a theatre season poster page in Russian Constructivist style. Warm paper background (#e8e3d9) with two large red and black bands rotated -24° bleeding off the edges. A 104px uppercase condensed headline stacked in three lines, the middle word skewed and red. A photomontage placeholder with heavy diagonal hatching, a thick red outlined circle and a rotated black triangle. Imperative copy, a hard-edged two-tone button pair and a three-cell numbered principle strip with 6px black rules.",
      "brief_tr": "Köşegen kırmızı-siyah bantlar, emir kipi tipografi ve fotomontaj alanıyla kurulmuş tiyatro afişi.",
      "palette": [
        "#e8e3d9",
        "#141414",
        "#cc1f1a"
      ],
      "typography": "Oswald 500/700, sıkıştırılmış büyük harf",
      "layout": "Köşegen bantlar + 6px çerçeveli blok ızgara",
      "motion": "Yok",
      "avoid": "Yatay sakinlik, pastel renk, süsleme",
      "reference": "Rodçenko",
      "description": "Köşegen bantlar, kırmızı-siyah palet ve emir kipinde tipografi.",
      "keywords": [
        "russian avant-garde poster",
        "diagonal red and black bands",
        "photomontage",
        "condensed type"
      ],
      "section": 5,
      "name": "Konstrüktivizm",
      "description_en": "Constructivism: diagonal red-and-black agitation, bold propaganda energy.",
      "name_en": "Constructivism"
    },
    {
      "id": 22,
      "slug": "22-memphis-postmodern",
      "file": "22-memphis-postmodern.dc.html",
      "title": "Memphis",
      "prompt_en": "Design a furniture brand page in 1980s Memphis postmodern style. Cream background (#f7f2e8) with a black polka-dot pattern overlay and scattered geometric confetti: a thick teal ring, a rotated yellow triangle, a rotated red square. Cards use 4px black borders with mismatched corner radii (8px on one corner, 40px on the opposite). Clashing colours placed next to each other on purpose, a spinning four-colour conic disc, and a 86px 900-weight headline with a highlighted rotated word.",
      "brief_tr": "Çakışan renkler, benek dokusu ve asimetrik yarıçaplı kartlarla kurulmuş postmodern mobilya sayfası.",
      "palette": [
        "#f7f2e8",
        "#1a1a1a",
        "#e8354e",
        "#ffbf1f",
        "#2ec4b6"
      ],
      "typography": "Outfit 700/900",
      "layout": "Serbest yerleşim + 4px çerçeveli kartlar",
      "motion": "22 sn dönen disk, hafif eğimler",
      "avoid": "Uyumlu palet, tutarlı yarıçap, ciddi ton",
      "reference": "Sottsass",
      "description": "Çakışan renkler, benek ve zikzak desenler; ciddiyeti reddeden postmodern neşe.",
      "keywords": [
        "80s postmodern shapes",
        "squiggles and confetti patterns",
        "clashing bright colors"
      ],
      "section": 5,
      "name": "Memphis",
      "description_en": "Memphis postmodern: playful clashing patterns, squiggles and pastel confetti.",
      "name_en": "Memphis Postmodern"
    },
    {
      "id": 23,
      "slug": "23-mid-century-modern",
      "file": "23-mid-century-modern.dc.html",
      "title": "Mid-Century Modern",
      "prompt_en": "Design a furniture studio page in mid-century modern style. Warm cream background (#f2e8d5) with a large translucent mustard circle and a thick teal outline ring bleeding off the edges. An 80px DM Serif Display headline, warm body copy in Karla. The product image sits inside an organic kidney-shaped frame built from asymmetric border-radius with a thin dark border. A row of four fabric swatch dots, rounded 20px cards, and one solid teal card. Optimistic, warm, unhurried.",
      "brief_tr": "Organik elipsler, hardal-kiremit-avokado paleti ve ince ahşap hissiyle kurulmuş mobilya sayfası.",
      "palette": [
        "#f2e8d5",
        "#c2542a",
        "#e3b23c",
        "#4a7c6f",
        "#7a5c3e"
      ],
      "typography": "DM Serif Display + Karla",
      "layout": "Organik çerçeveler, geniş boşluk, yumuşak kartlar",
      "motion": "Yok",
      "avoid": "Neon renk, keskin köşe, teknik ızgara",
      "reference": "Eames",
      "description": "Organik elipsler, hardal-kiremit-avokado palet ve iyimser bir sadelik.",
      "keywords": [
        "atomic age shapes",
        "warm mustard teal terracotta",
        "organic kidney forms",
        "walnut"
      ],
      "section": 5,
      "name": "Mid-Century Modern",
      "description_en": "Mid-century modern: warm optimism, organic shapes and tasteful restraint.",
      "name_en": "Mid-Century Modern"
    },
    {
      "id": 24,
      "slug": "24-vaporwave-synthwave",
      "file": "24-vaporwave-synthwave.dc.html",
      "title": "Vaporwave / Synthwave",
      "prompt_en": "Design an album landing page in synthwave style. Purple-to-black vertical gradient sky with a striped gradient sun (amber to magenta to violet) cut by horizontal bands, and an animated perspective grid horizon in cyan at the bottom. A 96px Orbitron uppercase title with a pulsing magenta and cyan glow. Wide 0.5em-tracked subtitle. A bordered translucent tracklist panel, a cassette-loop status card, and a 'A E S T H E T I C' block with extreme letter spacing.",
      "brief_tr": "Izgara ufuk çizgisi, çizgili gradyan güneş ve neon parlamayla kurulmuş 80'ler albüm sayfası.",
      "palette": [
        "#0d0424",
        "#ff4fd8",
        "#4fd1ff",
        "#ffd76e"
      ],
      "typography": "Orbitron 500/800 + Space Mono",
      "layout": "Ortalanmış kompozisyon, perspektif zemin",
      "motion": "3.4 sn kayan ızgara, 4.5 sn parlama nabzı",
      "avoid": "Sıcak nötr palet, sade tipografi",
      "reference": "80'ler",
      "description": "Mor gökyüzü, ızgara ufuk çizgisi, neon parlaması ve kaset nostaljisi.",
      "keywords": [
        "retro 80s sunset grid horizon",
        "magenta and cyan neon glow",
        "chrome type",
        "VHS"
      ],
      "section": 6,
      "name": "Vaporwave / Synthwave",
      "description_en": "Vaporwave: neon sunset gradients, perspective grids and nostalgic haze.",
      "name_en": "Vaporwave / Synthwave"
    },
    {
      "id": 25,
      "slug": "25-japon-ma-wabi-sabi",
      "file": "25-japon-ma-wabi-sabi.dc.html",
      "title": "Ma & Wabi-Sabi",
      "prompt_en": "Design a Japanese ceramics shop page around ma (negative space) and wabi-sabi. Warm paper background (#f5f2ec), muted clay greys, and enormous empty space — content occupies less than half the page. A 52px light serif headline with 1.5 line-height, body text at 2.0 line-height. Single kanji characters as section markers. One hairline divider. Product images are plain 1:1 flat clay-toned blocks with tiny captions. No borders, no shadows, no accent colour, nothing centred loudly.",
      "brief_tr": "Boşluğu asıl konu yapan, tek nesne kompozisyonlu ve doğal dokulu seramik mağazası sayfası.",
      "palette": [
        "#f5f2ec",
        "#2c2a26",
        "#8a7f6d",
        "#eae5db"
      ],
      "typography": "Noto Serif JP 300/500, 2.0 satır yüksekliği",
      "layout": "Çok geniş kenar boşluğu, tek saç teli ayırıcı",
      "motion": "Yok",
      "avoid": "Vurgu rengi, kalabalık ızgara, gölge, rozet",
      "reference": "Japonya",
      "description": "Çok geniş boşluk, tek nesne, doğal doku ve kusuru saklamayan sükûnet.",
      "keywords": [
        "japanese negative space",
        "single object composition",
        "natural imperfect texture"
      ],
      "section": 6,
      "name": "Ma & Wabi-Sabi",
      "description_en": "Japanese Ma & wabi-sabi: emptiness as material, imperfection as beauty.",
      "name_en": "Japanese Ma & Wabi-Sabi"
    },
    {
      "id": 26,
      "slug": "26-cini-geometrik-motif",
      "file": "26-cini-geometrik-motif.dc.html",
      "title": "Geometrik Motif",
      "prompt_en": "Design a museum collection page built on traditional Iznik tile geometry. Ivory ground (#f4efe4) with a faint repeating conic star pattern overlay. An eight-point star motif rendered with conic gradients as the logo mark. An 82px light serif headline with one word in cobalt. A square tile panel filled with a tessellating eight-point star pattern that visibly continues past its frame. A four-column palette strip: cobalt, emerald, coral and ivory, each with a rationale.",
      "brief_tr": "Sekiz köşeli yıldız, sonsuz tekrar eden desen sistemi ve kobalt-zümrüt-mercan paletli koleksiyon sayfası.",
      "palette": [
        "#f4efe4",
        "#1d5b8f",
        "#2e8b74",
        "#b8402f",
        "#e8dfc8"
      ],
      "typography": "Cormorant 300/600 + Jost 300",
      "layout": "Simetrik kare paneller, kenardan taşan desen",
      "motion": "Yok",
      "avoid": "Rastgele desen, gradyan, gölge, eğik hat",
      "reference": "Çini",
      "description": "Sekiz köşeli yıldız, sonsuz tekrar ve kobalt-zümrüt-mercan sistemi.",
      "keywords": [
        "islamic geometric tessellation",
        "eight-point star",
        "cobalt emerald coral on ivory"
      ],
      "section": 6,
      "name": "Geometrik Motif",
      "description_en": "Iznik tile geometry: cobalt and turquoise interlaced Ottoman patterns.",
      "name_en": "Iznik Geometric Motif"
    },
    {
      "id": 27,
      "slug": "27-solarpunk-organik",
      "file": "27-solarpunk-organik.dc.html",
      "title": "Solarpunk",
      "prompt_en": "Design a neighbourhood solar cooperative page in solarpunk style. Soft green-to-cream gradient background with a warm sun-glow radial in the corner. A 72px Fraunces serif headline, optimistic invitation-style copy. Images sit in leaf-shaped frames (180px radius on two opposite corners, 24px on the others). A floating solar-yellow stat badge overlapping the image. Rounded 26px cards, one solid forest green, natural material textures, four large statistics on thin green rules.",
      "brief_tr": "Yaprak biçimli köşeler, güneş sarısı vurgular ve iyimser çevre anlatısıyla kurulmuş kooperatif sayfası.",
      "palette": [
        "#f6faf0",
        "#2f6b45",
        "#f7cb5a",
        "#8dc27b"
      ],
      "typography": "Fraunces 600 başlık + Jost 300 metin",
      "layout": "Organik yarıçaplar, yumuşak kartlar, geniş boşluk",
      "motion": "Yumuşak hover, yavaş geçiş",
      "avoid": "Kıyamet tonu, gri palet, keskin kutular",
      "reference": "Organik modernizm",
      "description": "Yaprak biçimli köşeler, güneş sarısı vurgular ve iyimser çevre anlatısı.",
      "keywords": [
        "solarpunk optimism",
        "leaf-shaped radii",
        "green and solar yellow",
        "natural materials"
      ],
      "section": 6,
      "name": "Solarpunk",
      "description_en": "Solarpunk: hopeful green futures, organic curves and sunlit warmth.",
      "name_en": "Solarpunk"
    },
    {
      "id": 28,
      "slug": "28-skeuomorfizm",
      "file": "28-skeuomorfizm.dc.html",
      "title": "Skeuomorfizm",
      "prompt_en": "Design a note-taking app page in 2010-era skeuomorphism. Dark brushed leather background made from repeating linear gradients. A stitched wooden toolbar with beveled gradient buttons that have inset white highlights and outer drop shadows. The note area is real lined paper (repeating 27px blue rules) with a red vertical margin line and two glossy binder rings. Everything has a single top-light source, 6—10px radii, warm browns and creams, and physical depth.",
      "brief_tr": "Deri, kâğıt ve pirinç taklidiyle kurulmuş, tek ışık yönlü fiziksel not defteri arayüzü.",
      "palette": [
        "#3a2f26",
        "#f6efdd",
        "#8a755a",
        "#b45a48"
      ],
      "typography": "Helvetica Neue 700 başlıklar, gerçekçi gölgeli metin",
      "layout": "Nesne metaforu, kabartılmış araç çubuğu",
      "motion": "Basınca içe çökme, 100ms",
      "avoid": "Düz renk, sıfır gölge, soyut ikon",
      "reference": "2007—2013",
      "description": "Deri, kâğıt ve fırçalanmış metal taklidi; arayüz gerçek nesneye benzer.",
      "keywords": [
        "realistic leather stitching",
        "paper texture",
        "glossy beveled buttons",
        "drop shadows"
      ],
      "section": 7,
      "name": "Skeuomorfizm",
      "description_en": "Skeuomorphism: tactile leather, stitches and real-world material metaphors.",
      "name_en": "Skeuomorphism"
    },
    {
      "id": 29,
      "slug": "29-duz-tasarim-flat",
      "file": "29-duz-tasarim-flat.dc.html",
      "title": "Düz Tasarım",
      "prompt_en": "Design a fleet-management dashboard in flat design 2.0. Near-white background (#fbfbfc), a solid blue app bar, and colour-block metric cards in blue, green, amber and light grey with white geometric icon shapes. Only 3—4px radii, 1px light borders and no gradients, no shadows, no texture. A data table with a light grey header row, hairline dividers and text-plus-colour status labels. Hierarchy comes entirely from colour, size and spacing.",
      "brief_tr": "Gölgesiz, dokusuz, tek düzlemde duran renk blokları ve tablo hiyerarşisiyle kurulmuş yönetim panosu.",
      "palette": [
        "#fbfbfc",
        "#2d7ff9",
        "#00b58a",
        "#ff9f1c",
        "#1f2733"
      ],
      "typography": "Helvetica Neue 600/400, 14-17px",
      "layout": "Renk bloklu kart ızgarası + veri tablosu",
      "motion": "150ms renk geçişi",
      "avoid": "Gradyan, gölge, doku, kabartma",
      "reference": "Flat 2.0",
      "description": "Tek düzlem, doygun renk blokları ve gölgesiz hiyerarşi; ölçeklenmesi kolay.",
      "keywords": [
        "flat design",
        "saturated color blocks",
        "no gradients or shadows",
        "simple geometric icons"
      ],
      "section": 7,
      "name": "Düz Tasarım",
      "description_en": "Flat design: pure color planes, zero depth and confident simplicity.",
      "name_en": "Flat Design"
    },
    {
      "id": 30,
      "slug": "30-maksimalizm",
      "file": "30-maksimalizm.dc.html",
      "title": "Maksimalizm",
      "prompt_en": "Design a boutique perfume shop page in maximalism. Deep aubergine background layered with four large radial colour glows and a fine diagonal line texture. Mixed typography: a 82px Playfair Display serif headline with an italic word and a magenta highlight block. Cards use 2—3px borders in different accent colours, 16—18px radii and translucent tinted fills. A conic-striped pattern panel. Everything is layered, jewel-toned and dense — but one area is deliberately left quiet.",
      "brief_tr": "Desen üstüne desen, karışık tipografi ve mücevher tonlarıyla kurulmuş yoğun ama kontrollü butik sayfası.",
      "palette": [
        "#1b0b2e",
        "#fdf6e3",
        "#e0245e",
        "#00b3a4",
        "#ffd166"
      ],
      "typography": "Playfair Display 700 + Jost 400/700",
      "layout": "Katmanlı bloklar, farklı renkli çerçeveler",
      "motion": "Yumuşak, yavaş; hareket az tutulur",
      "avoid": "Tek renk sadelik, tutarlı çerçeve, boş kompozisyon",
      "reference": "Anti-minimal",
      "description": "Desen üstüne desen, karışık tipografi ve kontrollü bir cömertlik.",
      "keywords": [
        "layered patterns",
        "jewel tones",
        "mixed serif and grotesk type",
        "opulent density"
      ],
      "section": 7,
      "name": "Maksimalizm",
      "description_en": "Maximalism: more is more — dense pattern, saturated color, joyful excess.",
      "name_en": "Maximalism"
    },
    {
      "id": 31,
      "slug": "31-erisilebilirlik-oncelikli",
      "file": "31-erisilebilirlik-oncelikli.dc.html",
      "title": "Erişilebilirlik Öncelikli",
      "prompt_en": "Design a public application form page that is accessibility-first. Pure white background, pure black text, 18px base font size and 1.65 line-height. A visible skip-to-content link as the first element. 3px black borders on every field and button, 44px+ hit areas, and a 4px amber focus outline offset from the field. Errors use a red border, a bold red message with an icon and explanatory text — never colour alone. A contrast sample panel showing ratios, and status indicators that pair a colour block with a text label.",
      "brief_tr": "Yüksek kontrast, 18px taban metin, kalın odak halkası ve renge bağlı olmayan durum bildirimleriyle kamu formu.",
      "palette": [
        "#ffffff",
        "#141414",
        "#0a4bd4",
        "#b3000f",
        "#ffd200"
      ],
      "typography": "Helvetica Neue, 18px taban, 17px etiket",
      "layout": "Tek ana sütun + dar yardım kolonu, 3px çerçeveler",
      "motion": "Yok; hareket azaltma tercihine saygı",
      "avoid": "İnce gri metin, düşük kontrast, yalnız renkle anlam",
      "reference": "WCAG 2.2",
      "description": "Yüksek kontrast, büyük hedefler, görünür odak ve renge bağlı olmayan durumlar.",
      "keywords": [
        "accessible-first UI",
        "4.5:1 contrast",
        "thick focus outlines",
        "large text",
        "clear errors"
      ],
      "section": 8,
      "name": "Erişilebilirlik Öncelikli",
      "description_en": "Accessibility-first: high contrast, big targets and clarity for everyone.",
      "name_en": "Accessibility First"
    },
    {
      "id": 32,
      "slug": "32-kamu-hizmeti-sade-dil",
      "file": "32-kamu-hizmeti-sade-dil.dc.html",
      "title": "Kamu Hizmeti",
      "prompt_en": "Design a government service page for renewing a driving licence, in plain-language public service style. White background, a solid navy header bar, a grey breadcrumb strip. A 42px task-focused headline, 19px lead paragraph, and a large green primary action button with a hard bottom shadow. Content is a single narrow column: what to prepare as a bulleted list, an amber left-bar warning callout, a bordered fee table, and a 'what happens next' section. A right rail holds an on-page contents list and a help box with a phone number and a last-updated date.",
      "brief_tr": "Görev odaklı tek sütun, sade dil, ücret tablosu ve sonraki adım açıklamasıyla kurulmuş kamu hizmeti sayfası.",
      "palette": [
        "#ffffff",
        "#0f4c81",
        "#00703c",
        "#ffbf47",
        "#f3f4f5"
      ],
      "typography": "Helvetica Neue, 19px giriş paragrafı, 17-18px metin",
      "layout": "Tek dar sütun + sağ yardım rayı",
      "motion": "Yok",
      "avoid": "Kahraman görsel, pazarlama dili, süsleme, ikon seti",
      "reference": "Sade dil",
      "description": "Tek sütun, görev odaklı akış, süslemesiz düzen ve anlaşılır resmî dil.",
      "keywords": [
        "government service page",
        "single column",
        "plain language",
        "task-first",
        "no decoration"
      ],
      "section": 8,
      "name": "Kamu Hizmeti Tasarımı",
      "description_en": "Plain-language public service: task-first single column, zero decoration.",
      "name_en": "Public Service Plain Language"
    },
    {
      "id": 33,
      "slug": "33-ham-html-brutalizmi",
      "file": "33-ham-html-brutalizmi.dc.html",
      "title": "Ham HTML Brütalizmi",
      "prompt_en": "Design a personal homepage using only default browser styling. White background, Times New Roman, 16px, a single 900px column. Blue underlined links, purple visited links. Horizontal rules as section dividers, an ordered list table of contents, a bordered HTML table of posts, a blockquote with a left border, and a monospace pre block listing page weight and request count. No custom fonts, no images, no JavaScript, no decoration of any kind.",
      "brief_tr": "Tarayıcı varsayılanlarıyla yazılmış, tek sütunlu, mavi bağlantılı ve tamamen içerik odaklı kişisel sayfa.",
      "palette": [
        "#ffffff",
        "#000000",
        "#0000ee",
        "#551a8b"
      ],
      "typography": "Times New Roman 16px + Courier New (pre)",
      "layout": "Tek sütun, max 900px, hr ayırıcılar",
      "motion": "Yok",
      "avoid": "Özel font, gradyan, ikon, animasyon, çerçeve",
      "reference": "İçerik önce",
      "description": "Tarayıcı varsayılanları, mavi bağlantılar, tek sütun ve sıfır süsleme.",
      "keywords": [
        "default browser styles",
        "times new roman",
        "blue underlined links",
        "unstyled tables"
      ],
      "section": 8,
      "name": "Ham HTML Brütalizmi",
      "description_en": "Raw HTML brutalism: default styles, blue links and honest structure.",
      "name_en": "Raw HTML Brutalism"
    },
    {
      "id": 34,
      "slug": "34-basparmak-bolgesi",
      "file": "34-basparmak-bolgesi.dc.html",
      "title": "Baş Parmak Bölgesi",
      "prompt_en": "Design a mobile UX case-study page about one-handed reach. Neutral study background (#efece5) with hairline rules and uppercase monospace annotation labels. Show two 300x640 phone mockups side by side: the first displays a thumb-reach heat map with three dashed zone cards (comfortable green at the bottom, stretch amber in the middle, hard red at the top); the second shows a real cart screen where the primary full-width action sits in the bottom safe zone above a blurred sticky bar. Add a left column explaining Fitts's law, Jakob's law and the 44px minimum target rule.",
      "brief_tr": "Tek elle erişim ısı haritası ve uygulanmış sepet ekranıyla Fitts yasasını gösteren mobil vaka sayfası.",
      "palette": [
        "#efece5",
        "#17160f",
        "#a8442c",
        "#4aa06e"
      ],
      "typography": "Helvetica Neue 600 + monospace etiketler",
      "layout": "Sol açıklama kolonu + sağda telefon sahnesi",
      "motion": "Yok; statik inceleme düzeni",
      "avoid": "Üst köşede birincil eylem, 44px altı hedef",
      "reference": "Fitts",
      "description": "Tek elle erişim haritası, alt navigasyon ve 44 px dokunma hedefi kuralı.",
      "keywords": [
        "one-handed thumb reach heat map",
        "bottom tab bar",
        "44px targets",
        "Fitts's law study"
      ],
      "section": 9,
      "name": "Baş Parmak Bölgesi",
      "description_en": "Thumb-zone mobile layout: primary actions where one hand can reach.",
      "name_en": "Thumb Zone"
    },
    {
      "id": 35,
      "slug": "35-kart-destesi-swipe",
      "file": "35-kart-destesi-swipe.dc.html",
      "title": "Kart Destesi & Swipe",
      "prompt_en": "Design a mobile pattern study page for swipe-deck decisions. Neutral light study background with a dark phone mockup showing a stacked card deck: three offset layers behind a rotated top card with a large cover area, a title, meta line, tag chips and a green 'İZLE' stamp rotated -12°. Below the deck, three circular action buttons with the accept button larger and filled. Beside the phone, a gesture dictionary table, a threshold panel with a 28% progress bar, and a note about when decks fail.",
      "brief_tr": "Tek kararlık kart destesi, jest sözlüğü ve %28 karar eşiğiyle Hick yasasını gösteren desen sayfası.",
      "palette": [
        "#efece5",
        "#14131a",
        "#4ade8a",
        "#a8442c"
      ],
      "typography": "Helvetica Neue 600 + monospace etiketler",
      "layout": "Sol açıklama + telefon + sağ jest tablosu",
      "motion": "Kart -4° eğim, sürükleme eşiği geri dönüşü",
      "avoid": "Karşılaştırmalı kararlarda deste kullanmak",
      "reference": "Hick",
      "description": "Tek karar, jest sözlüğü ve karar eşiği; hızın ne zaman zararlı olduğu.",
      "keywords": [
        "stacked swipe card deck",
        "rotated top card",
        "gesture dictionary",
        "28% decision threshold"
      ],
      "section": 9,
      "name": "Kart Destesi & Swipe",
      "description_en": "Swipeable card deck: one decision per card, tilt and commit.",
      "name_en": "Swipe Card Deck"
    },
    {
      "id": 36,
      "slug": "36-asamali-aciga-cikarma",
      "file": "36-asamali-aciga-cikarma.dc.html",
      "title": "Onboarding Akışı",
      "prompt_en": "Design a three-screen mobile onboarding flow on a neutral study page. Three 280x600 phone mockups in a row sharing a segmented progress bar at the top. Screen one: a single question with four large selectable option rows, one selected with a 2px border. Screen two: a goal picker with a 52px value, a slider track with a round handle and a social anchor line ('çoğu kişi 7s 30dk ile başlıyor'). Screen three: an inverted dark permission screen with a circular icon, a plain-language justification and an equally visible decline option.",
      "brief_tr": "Tek soruluk adımlar, sosyal çıpalı hedef seçimi ve gerekçeli izin ekranıyla üç adımlık kurulum akışı.",
      "palette": [
        "#efece5",
        "#fbfaf7",
        "#17160f",
        "#a8442c"
      ],
      "typography": "Helvetica Neue 600, 24px ekran başlığı",
      "layout": "Üç telefon yan yana + ortak ilerleme çubuğu",
      "motion": "Adımlar arası 250ms kaydırma",
      "avoid": "Açılışta izin istemek, 4'ten fazla alan",
      "reference": "IKEA etkisi",
      "description": "Üç adımlık kurulum, sosyal çıpalı hedef seçimi ve gerekçeli izin isteme.",
      "keywords": [
        "three-step onboarding",
        "segmented progress",
        "social anchor goal slider",
        "justified permission"
      ],
      "section": 9,
      "name": "Onboarding Akışı",
      "description_en": "Progressive disclosure onboarding: one focused question at a time.",
      "name_en": "Progressive Disclosure"
    },
    {
      "id": 37,
      "slug": "37-bos-durum-ilk-deneyim",
      "file": "37-bos-durum-ilk-deneyim.dc.html",
      "title": "Boş Durum",
      "prompt_en": "Design a mobile empty-state study page. Two phone mockups: the first shows a true empty state — a dashed 120px placeholder tile, a non-blaming headline, one sentence of guidance, one primary button, one secondary text link, and a sticky setup progress bar showing 2 of 5 complete. The second shows a half-finished checklist where two items are struck through with filled check circles, the next item is bold with a '30 sn' time estimate, and remaining items are greyed. Side cards explain the three jobs of an empty state and time-to-first-value.",
      "brief_tr": "Suçlamayan boş ekran ve yarım kalan kontrol listesiyle Zeigarnik etkisini gösteren ilk deneyim sayfası.",
      "palette": [
        "#efece5",
        "#fbfaf7",
        "#17160f",
        "#a8442c"
      ],
      "typography": "Helvetica Neue 600, 20px ekran başlığı",
      "layout": "İki telefon + sağda üç ilke kartı",
      "motion": "Yok",
      "avoid": "Sahte örnek veri, suçlayıcı dil, sıfır ilerleme",
      "reference": "Zeigarnik",
      "description": "İlk açılış ekranı, yarım kalan kontrol listesi ve bahşedilmiş ilerleme.",
      "keywords": [
        "empty state with single action",
        "half-complete checklist",
        "endowed progress bar"
      ],
      "section": 9,
      "name": "Boş Durum",
      "description_en": "Empty states & first-run: the screen that teaches, not scolds.",
      "name_en": "Empty States & First Run"
    },
    {
      "id": 38,
      "slug": "38-alt-sayfa-katmanlar",
      "file": "38-alt-sayfa-katmanlar.dc.html",
      "title": "Alt Sayfa & Katman",
      "prompt_en": "Design a mobile layering study page. Phone one shows a bottom sheet: the underlying map list is blurred and dimmed but still visible, and a 400px-tall sheet with a 26px top radius, a drag handle, a title row with a close button, filter chips, a price list and a sticky action row slides up from the bottom. Phone two shows a blocking destructive-confirmation modal centred over a dark scrim, with a red primary action and a neutral cancel. Side notes compare sheet, modal and full screen.",
      "brief_tr": "Bağlamı koruyan yarı katman ile yıkıcı eylemi durduran modalı yan yana gösteren katman çalışması.",
      "palette": [
        "#efece5",
        "#fbfaf7",
        "#17160f",
        "#b03428"
      ],
      "typography": "Helvetica Neue 600, 19px sayfa başlığı",
      "layout": "İki telefon + sağda kullanım kuralları",
      "motion": "250—300ms yükselme, sürükleyerek kapatma",
      "avoid": "İkiden fazla üst üste katman, gizli kapatma",
      "reference": "Doherty",
      "description": "Bağlamı koruyan yarı katman ile yıkıcı eylemi durduran modal arasındaki fark.",
      "keywords": [
        "bottom sheet over blurred context",
        "drag handle",
        "destructive confirmation modal"
      ],
      "section": 9,
      "name": "Alt Sayfa & Katman",
      "description_en": "Bottom sheets & layers: stacked contexts sliding from below.",
      "name_en": "Bottom Sheets & Layers"
    },
    {
      "id": 39,
      "slug": "39-sonsuz-akis",
      "file": "39-sonsuz-akis.dc.html",
      "title": "Sonsuz Akış",
      "prompt_en": "Design a mobile feed study page about variable reward. A phone mockup shows a social feed with avatar rows, an image post, a text post and a partially visible third post — and critically, a bottom 'buraya kadar okudun' stopping point card that ends the session kindly. Beside it, a two-column comparison table contrasting healthy patterns (finite feed, visible time, batched notifications) with exploitative ones (endless scroll, drip notifications, autoplay), plus four small cards on pull-to-refresh, skeleton loaders, session budgets and position memory.",
      "brief_tr": "Değişken ödül mekanizmasını ve onu bağımlılıktan ayıran durma noktalarını gösteren akış çalışması.",
      "palette": [
        "#efece5",
        "#fbfaf7",
        "#17160f",
        "#2f6b45",
        "#b03428"
      ],
      "typography": "Helvetica Neue 600 + monospace etiketler",
      "layout": "Telefon + sağda sağlıklı/sömürücü karşılaştırma",
      "motion": "İskelet yükleyici, aşağı çekip yenileme",
      "avoid": "Sonsuz akış, otomatik oynatma, gizlenen süre",
      "reference": "Değişken ödül",
      "description": "En güçlü etkileşim deseni ve onu bağımlılıktan ayıran durma noktaları.",
      "keywords": [
        "social feed with explicit stopping point",
        "variable reward",
        "healthy vs exploitative table"
      ],
      "section": 9,
      "name": "Sonsuz Akış",
      "description_en": "Infinite feed mechanics: endless scroll, loading rhythm and restraint.",
      "name_en": "Infinite Feed"
    },
    {
      "id": 40,
      "slug": "40-aliskanlik-dongusu-seri",
      "file": "40-aliskanlik-dongusu-seri.dc.html",
      "title": "Alışkanlık & Seri",
      "prompt_en": "Design a mobile habit-streak study page. A dark green phone screen shows a large conic-gradient progress ring around an 84-day streak number, a seven-day dot row with amber checkmarks, one dashed 'today' circle and two empty future days, an amber-tinted 'streak protection' notice card, and a full-width primary action. Beside it, a four-step habit loop diagram (cue, craving, action, reward) and four cards on lowering the threshold, variable celebration, recovery paths and pause mode.",
      "brief_tr": "İşaret–istek–eylem–ödül döngüsünü ve seri koruma mekanizmasını gösteren alışkanlık çalışması.",
      "palette": [
        "#efece5",
        "#0f1b16",
        "#f5a524",
        "#17160f"
      ],
      "typography": "Helvetica Neue 600, 52px seri sayısı",
      "layout": "Telefon + 4 adımlı döngü şeması + kart ızgarası",
      "motion": "Halka dolum animasyonu ≤900ms",
      "avoid": "Ceza mekaniği, duraklatmasız seri, sabit kutlama",
      "reference": "Kayıp kaçınma",
      "description": "İşaret–istek–eylem–ödül döngüsü, seri koruması ve geri kazanma yolu.",
      "keywords": [
        "84-day streak ring",
        "weekly dot row",
        "streak protection card",
        "habit loop diagram"
      ],
      "section": 10,
      "name": "Alışkanlık & Seri",
      "description_en": "Hook habit loop: trigger, action, variable reward, investment.",
      "name_en": "Habit Loop & Streaks"
    },
    {
      "id": 41,
      "slug": "41-oyunlastirma-ilerleme",
      "file": "41-oyunlastirma-ilerleme.dc.html",
      "title": "Oyunlaştırma",
      "prompt_en": "Design a mobile gamification study page. A phone screen shows a level header with an XP chip, an 84% gradient progress bar with a '320 puan kaldı' nudge, a badge grid where earned badges are solid black, the next badge is a dashed accent-outlined tile and the rest are empty, plus a leaderboard where the user's own row is highlighted. Beside it, an A/B comparison of a 0/10 progress bar versus a 2/12 bar with two steps granted, and four cards on leaderboards, locked badges, extrinsic reward risk and season endings.",
      "brief_tr": "Hedef gradyanını, bahşedilmiş ilerlemeyi ve rozet sistemini karşılaştırmalı gösteren oyunlaştırma çalışması.",
      "palette": [
        "#efece5",
        "#fbfaf7",
        "#17160f",
        "#a8442c"
      ],
      "typography": "Helvetica Neue 600, 20px ekran başlığı",
      "layout": "Telefon + A/B ilerleme karşılaştırması + kartlar",
      "motion": "İlerleme çubuğu dolumu 400ms",
      "avoid": "Anlamsız puan, gizli rozet, herkese açık sıralama baskısı",
      "reference": "Hedef gradyanı",
      "description": "İlerleme çubuğu, rozet sistemi, sıralama tablosu ve dışsal ödül tuzağı.",
      "keywords": [
        "level progress bar at 84%",
        "badge grid with next locked badge",
        "leaderboard row highlight"
      ],
      "section": 10,
      "name": "Oyunlaştırma",
      "description_en": "Gamified progress: XP bars, streaks and badges without pressure.",
      "name_en": "Gamified Progress"
    },
    {
      "id": 42,
      "slug": "42-sosyal-kanit-kitlik",
      "file": "42-sosyal-kanit-kitlik.dc.html",
      "title": "Sosyal Kanıt & Kıtlık",
      "prompt_en": "Design a mobile commerce study page about social proof and scarcity. A product screen shows a photo area with a live '34 kişi bakıyor' chip, a rating row with review count, price, an amber low-stock card with a 12% bar and a weekly purchase count, and a review with similarity signals (city, height). Beside it, a two-column table separating verifiable claims from fabricated ones, plus four cards on negative social proof, review diversity, FOMO cost and consumer-law exposure.",
      "brief_tr": "Doğrulanabilir sosyal kanıt ile uydurulmuş kıtlık sinyalini karşılaştıran e-ticaret çalışması.",
      "palette": [
        "#efece5",
        "#fbfaf7",
        "#17160f",
        "#c67a1e",
        "#b03428"
      ],
      "typography": "Helvetica Neue 600, 19px ürün başlığı",
      "layout": "Telefon + doğrulanabilir/uydurma karşılaştırması",
      "motion": "Yok",
      "avoid": "Sahte sayaç, sıfırlanan geri sayım, yalnız 5 yıldız",
      "reference": "Cialdini",
      "description": "Stok, sayaç ve yorum sinyalleri; doğrulanabilir olanla uydurulmuş olanın farkı.",
      "keywords": [
        "live viewer chip",
        "low-stock bar",
        "similarity-signalled review",
        "verifiable vs fake table"
      ],
      "section": 10,
      "name": "Sosyal Kanıt & Kıtlık",
      "description_en": "Social proof & scarcity: verifiable signals versus fabricated urgency.",
      "name_en": "Social Proof & Scarcity"
    },
    {
      "id": 43,
      "slug": "43-varsayilan-capa-fiyat",
      "file": "43-varsayilan-capa-fiyat.dc.html",
      "title": "Varsayılan & Çapa",
      "prompt_en": "Design a mobile pricing study page. A phone shows three plan rows where the middle annual plan is pre-selected with a 2px border and an 'EN ÇOK SEÇİLEN' badge, the lifetime plan acts as a high anchor, and a transparent notice explains that a reminder email arrives two days before renewal. Beside it, a three-column anchor diagram labelling anchor, target and floor prices, plus four cards on monthly framing, drip pricing, symmetric cancellation and privacy defaults.",
      "brief_tr": "Çapa etkisi, yem seçenek ve şeffaf varsayılanla kurulmuş fiyatlandırma ekranı çalışması.",
      "palette": [
        "#efece5",
        "#fbfaf7",
        "#17160f",
        "#a8442c"
      ],
      "typography": "Helvetica Neue 600, 23px ekran başlığı",
      "layout": "Telefon + üç kolonlu çapa şeması + kartlar",
      "motion": "Seçim geçişi 150ms",
      "avoid": "Gizli otomatik yenileme, damla fiyatlama, önceden işaretli ek",
      "reference": "Anchoring",
      "description": "Fiyat sunumu, yem seçenek ve varsayılanın kullanıcı lehine ayarlanması.",
      "keywords": [
        "three pricing rows",
        "pre-selected annual plan",
        "decoy lifetime anchor",
        "renewal transparency"
      ],
      "section": 10,
      "name": "Varsayılan & Çapa",
      "description_en": "Defaults & anchoring: price framing and pre-selected honest choices.",
      "name_en": "Defaults & Anchoring"
    },
    {
      "id": 44,
      "slug": "44-mikro-etkilesim-zirve-son",
      "file": "44-mikro-etkilesim-zirve-son.dc.html",
      "title": "Mikro Etkileşim",
      "prompt_en": "Design a dark mobile study page about microinteractions. Ink background (#12100e) with amber annotation labels. A phone shows a transfer-success peak moment: a 120px green circle with a large checkmark, an expanding pulse ring behind it, a confirmation headline, amount and recipient, and a haptic note reading 'orta şiddette titreşim · 180 ms'. Beside it, a timing budget chart with four labelled bars (100ms tap, 250-300ms transition, 400ms system response, 900ms celebration) and four cards on optimistic UI, error moments, reduced motion and silent defaults.",
      "brief_tr": "Zirve–son kuralını, haptik dilini ve animasyon süre bütçesini gösteren mikro etkileşim çalışması.",
      "palette": [
        "#12100e",
        "#f4f1ea",
        "#e8b93c",
        "#4ade8a"
      ],
      "typography": "Helvetica Neue 600 + monospace etiketler",
      "layout": "Koyu sahne, telefon + süre bütçesi grafiği",
      "motion": "2.6 sn nabız halkası, 180ms haptik",
      "avoid": "1 sn üstü atlanamayan kutlama, aşırı titreşim",
      "reference": "Zirve–son",
      "description": "Haptik dili, animasyon süre bütçesi ve hafızada kalan iki anın tasarımı.",
      "keywords": [
        "dark success peak moment",
        "pulse ring checkmark",
        "haptic note",
        "timing budget chart"
      ],
      "section": 10,
      "name": "Mikro Etkileşim",
      "description_en": "Micro-interactions & peak-end: the two moments memory keeps.",
      "name_en": "Micro-interactions & Peak-End"
    },
    {
      "id": 45,
      "slug": "45-karanlik-desenler-etik",
      "file": "45-karanlik-desenler-etik.dc.html",
      "title": "Karanlık Desenler",
      "prompt_en": "Design a dark warning-style page cataloguing dark patterns. Deep maroon-black background (#1a0f0d) with a coral accent (#ff8a72) and an outlined 'this page is a warning' badge. A phone mockup contrasts a cancellation screen: a red-tinted card describing the manipulative version (confirmshaming, hidden button, six-step maze) directly above the honest version (clear end date, optional discount, one-tap confirm, equally weighted buttons). Beside it, a six-row table pairing each dark pattern with its honest counterpart, and a boxed ethics test question for the team.",
      "brief_tr": "Altı yaygın sömürücü deseni dürüst karşılıklarıyla eşleştiren ve ekip için kontrol sorusu veren uyarı sayfası.",
      "palette": [
        "#1a0f0d",
        "#f6ece8",
        "#ff8a72",
        "#8fdda8"
      ],
      "typography": "Helvetica Neue 600 + monospace etiketler",
      "layout": "Koyu sahne, telefon + 6 satırlık eşleştirme tablosu",
      "motion": "Yok",
      "avoid": "Utandırma dili, asimetrik buton ağırlığı, zorlaştırılmış iptal",
      "reference": "uyarı",
      "description": "Altı yaygın sömürücü desen, dürüst karşılıkları ve ekip için kontrol sorusu.",
      "keywords": [
        "dark pattern warning page",
        "cancellation screen comparison",
        "honest counterpart table"
      ],
      "section": 10,
      "name": "Karanlık Desenler",
      "description_en": "Dark patterns exposed: six manipulations and their honest counterparts.",
      "name_en": "Dark Patterns (Warning)"
    },
    {
      "id": 46,
      "slug": "46-macos-masaustu",
      "file": "46-macos-masaustu.dc.html",
      "title": "macOS Masaüstü",
      "prompt_en": "Design a calm macOS-style desktop mail app window in the Apple HIG language. Grey-blue gradient desktop (#e8eaf0), floating window (#f5f5f7) with 12px radius and one large soft shadow. Traffic lights (#ff5f57 #febc2e #28c840) on a unified toolbar with a search field and soft icon buttons. Three panes: a translucent sidebar with colored-dot folders, a 280px message list with sender, subject and two-line previews, and a white reading pane with an avatar header and a single #0a84ff Reply button. Use -apple-system at 13px for dense UI text, 600-weight headings, rgba(0,0,0,.08) hairline dividers. No sharp corners, no heavy shadows, no menu bar inside the window.",
      "brief_tr": "Trafik ışıklı, yarı saydam kenar çubuklu, üç panelli sakin bir macOS posta penceresi; tek accent renk ve içerik-önce hiyerarşi.",
      "palette": [
        "#e8eaf0",
        "#f5f5f7",
        "#1d1d1f",
        "#0a84ff",
        "#ff5f57",
        "#28c840"
      ],
      "typography": "-apple-system / BlinkMacSystemFont; 13px UI metni, 600 başlıklar",
      "layout": "Üç panelli pencere: kenar çubuğu + liste + okuma paneli, birleşik toolbar",
      "motion": "Yumuşak seçim geçişleri; abartısız, sistem hızında",
      "avoid": "Keskin köşe, ağır gölge, Windows menü çubuğu, renk kalabalığı",
      "name": "macOS Masaüstü",
      "reference": "Jony Ive · Apple HIG",
      "section": 11,
      "description": "Trafik ışıkları, yarı saydam kenar çubuğu ve üç panelli sükûnet; içerik önde, krom geride.",
      "keywords": [
        "macOS desktop app",
        "translucent sidebar",
        "traffic lights",
        "three-pane window",
        "vibrancy"
      ],
      "description_en": "macOS desktop language: traffic lights, translucent sidebar, three-pane calm.",
      "name_en": "macOS Desktop"
    },
    {
      "id": 47,
      "slug": "47-fluent-windows",
      "file": "47-fluent-windows.dc.html",
      "title": "Fluent / Windows 11",
      "prompt_en": "Design a Windows 11 Fluent-style Settings app. Soft mica background with a faint blue-lilac gradient (#f3f3f9 to #eef1f6), window with 8px-radius corners, minimal caption buttons and no traffic lights. Left 300px navigation of icon+label rows with a rounded search box; the selected row gets a subtle fill plus a 3px #0067c0 accent bar on its left edge. Right side: breadcrumb plus 26px 600-weight page title, then stacked white settings cards (#ffffff, 8px radius, 1px rgba border, faint shadow, hover lifts slightly) containing toggle switches, a dropdown and accent color swatches. Segoe UI throughout, text #1b1b1b, secondary #616161. Avoid pure black, sharp corners and heavy blur.",
      "brief_tr": "Mica zeminli, sol navigasyonlu ve beyaz ayar kartlı bir Windows 11 Ayarlar uygulaması; ışık ve katman derinliğiyle Fluent dili.",
      "palette": [
        "#f2f3f9",
        "#ffffff",
        "#0067c0",
        "#1b1b1b",
        "#616161"
      ],
      "typography": "Segoe UI / system-ui; 26px 600 sayfa başlığı, 13-14px UI metni",
      "layout": "300px sol nav + breadcrumb başlık + dikey ayar kartı yığını",
      "motion": "Hover'da kart hafifçe yükselir; toggle yumuşak kayar",
      "avoid": "Mac trafik ışıkları, tam siyah, köşesiz keskinlik, aşırı blur",
      "name": "Fluent / Windows 11",
      "reference": "Albert Shum · Microsoft",
      "section": 11,
      "description": "Mica dokusu, akrilik kartlar, ışık ve derinlik; Segoe diliyle yumuşak kurumsal masaüstü.",
      "keywords": [
        "Windows 11 Fluent",
        "mica background",
        "acrylic cards",
        "settings app layout",
        "nav rail"
      ],
      "description_en": "Fluent / Windows 11: mica texture, acrylic cards, light and depth.",
      "name_en": "Fluent / Windows 11"
    },
    {
      "id": 48,
      "slug": "48-arac-merkezli-figma",
      "file": "48-arac-merkezli-figma.dc.html",
      "title": "Araç-Merkezli Editör",
      "prompt_en": "Design a Figma-like vector editor where the chrome stays quiet and the canvas is the star. Top 48px dark toolbar (#2c2c2c) with tool icons, centered file name, share button and overlapping avatar circles. Left 240px layers panel: indented layer tree with eye icons, selected row tinted #18a0fb. Center: #e9e9e9 canvas holding a white artboard with a simple poster composition; the selected circle gets a #18a0fb selection frame, 8 square handles and a \"164 × 164\" size label. Right 240px properties panel with X/Y/W/H inputs, a fill row, an opacity slider. Inter font (designed by Rasmus Andersson for UI text) at 11-12px, text #333333, white panels. No ornament, no gradients in chrome, no big type, no showy shadows.",
      "brief_tr": "Koyu toolbar, katman ağacı, artboard'lu canvas ve özellik paneliyle sessiz kromlu bir vektör editörü; tek accent #18a0fb, font Inter.",
      "palette": [
        "#ffffff",
        "#e9e9e9",
        "#18a0fb",
        "#2c2c2c",
        "#333333"
      ],
      "typography": "Inter 400/500/600; 11-12px yoğun UI metni, mono sayısal değerler",
      "layout": "48px toolbar + 240px katman paneli + canvas + 240px özellik paneli",
      "motion": "Anlık seçim geri bildirimi; animasyon değil tepkisellik",
      "avoid": "Süs, kromda gradyan, büyük tipografi, gölge şovu",
      "name": "Araç-Merkezli Editör",
      "reference": "Rasmus Andersson",
      "section": 11,
      "description": "Figma tarzı: sessiz UI kromu, yıldız olan canvas; Inter tipografisiyle piksel hassasiyeti.",
      "keywords": [
        "design tool UI",
        "canvas-centric editor",
        "layers panel",
        "properties panel",
        "Inter typeface"
      ],
      "description_en": "Tool-centric editor: quiet chrome, star canvas, pixel-precise panels.",
      "name_en": "Tool-Centric Editor"
    },
    {
      "id": 49,
      "slug": "49-komut-paleti-raycast",
      "file": "49-komut-paleti-raycast.dc.html",
      "title": "Komut Paleti",
      "prompt_en": "Design a Raycast-style keyboard-first launcher. Dark desktop with a soft gradient (#1a1b23 to #12131a); centered 640px floating panel (#1e1f26, 12px radius, 1px rgba(255,255,255,.12) border, one wide soft shadow). Top: a large 18px search row with placeholder text and a blinking #ff6363 caret block. Below: a sectioned result list (\"Commands\", \"Apps\", \"Files\") where each row has a 30px rounded icon square, a name, and a right-aligned monospace shortcut badge like ⌘K in a bordered keycap chip; the selected row gets rgba(255,255,255,.08) fill plus a 3px left accent bar. Bottom action bar: \"Open ↵ · Actions ⌘K\". Inter for UI, ui-monospace for shortcuts, text #f2f2f5, secondary at 55% opacity. No window chrome, no multiple panes, no mouse-first menus.",
      "brief_tr": "Koyu zemin ortasında tek floating panel: büyük arama satırı, bölümlü sonuç listesi, kısayol rozetleri ve alt eylem çubuğuyla klavye-öncelikli launcher.",
      "palette": [
        "#1a1b23",
        "#12131a",
        "#1e1f26",
        "#ff6363",
        "#f2f2f5"
      ],
      "typography": "Inter (UI) + ui-monospace kısayol rozetleri; 18px arama, 13.5px satırlar",
      "layout": "Ortalanmış 640px tek panel: arama + bölümlü liste + action bar",
      "motion": "Yanıp sönen imleç; sonuçlar tuş vuruşunda anında süzülür",
      "avoid": "Pencere kromu, çoklu panel, renk kalabalığı, fare-öncelikli menüler",
      "name": "Komut Paleti",
      "reference": "Raycast ekolü",
      "section": 11,
      "description": "Klavye-öncelikli launcher: tek yüzen panel, bölümlü sonuçlar, mono kısayol rozetleri.",
      "keywords": [
        "command palette",
        "launcher app",
        "keyboard-first",
        "floating panel",
        "shortcut badges"
      ],
      "description_en": "Command palette launcher: keyboard-first floating panel with shortcut badges.",
      "name_en": "Command Palette"
    },
    {
      "id": 50,
      "slug": "50-blok-editor-notion",
      "file": "50-blok-editor-notion.dc.html",
      "title": "Blok Editör Çalışma Alanı",
      "prompt_en": "Design a Notion-style block editor workspace for a fictional knowledge base. Left: a 260px quiet gray sidebar (#f7f6f3) with workspace name, a search row and an emoji-icon page tree with indentation. Right: a white document (#ffffff, text #37352f, secondary #787774) with page emoji, large bold title, breadcrumb, then blocks: paragraph, a to-do list (two checked, two empty), a toggle block, a light-yellow callout (#fbf3db) with 💡, a small three-column table, and a faint \"Type / for commands\" hint. Show a ⋮⋮ drag handle on one block. Font: ui-sans-serif/system-ui only. Chrome disappears; no toolbars, no shadows beyond a hairline, radius 4-6px.",
      "brief_tr": "Kenar çubuğu sessiz gri, doküman bembeyaz; her içerik parçasının taşınabilir bir blok olduğu, kromun kaybolduğu bilgi tabanı arayüzü.",
      "palette": [
        "#ffffff",
        "#f7f6f3",
        "#37352f",
        "#787774",
        "#fbf3db"
      ],
      "typography": "ui-sans-serif / system-ui; 38px kalın sayfa başlığı, 15–16px gövde",
      "layout": "260px gri kenar çubuğu + beyaz doküman kolonu, bloklar dikey akışta",
      "motion": "Hover'da tutamaç ve kontroller belirir; başka animasyon yok",
      "avoid": "Renk cümbüşü, kalın sınırlar, gölge, yoğun toolbar",
      "name": "Blok Editör Çalışma Alanı",
      "reference": "Ivan Zhao · Notion",
      "section": 12,
      "description": "Her şey blok: kaybolan araç kromu, emoji ikonografi, sessiz gri kenar ve beyaz doküman.",
      "keywords": [
        "block editor",
        "quiet workspace",
        "emoji icons",
        "slash command",
        "toggle blocks"
      ],
      "description_en": "Block editor workspace: invisible chrome, emoji icons, everything is a block.",
      "name_en": "Block Editor Workspace"
    },
    {
      "id": 51,
      "slug": "51-pazaryeri-airbnb",
      "file": "51-pazaryeri-airbnb.dc.html",
      "title": "Pazaryeri Deneyimi",
      "prompt_en": "Design a warm, trustworthy stay-marketplace homepage in the Airbnb DLS spirit. White background (#ffffff), text #222222, coral accent #ff385c, secondary gray #717171, hairline dividers #dddddd. Header: a simple coral wordmark and a centered pill search bar segmented into Where / Dates / Guests with a round coral search button. Below: a scrollable row of filter chips, then a 4-column grid of 8 listing cards — each a 4:3 warm-gradient photo placeholder with 12px radius, a heart top-right, then location, ★4.9 rating, dates and nightly price. Font: Plus Jakarta Sans 400-700. No dark theme, no sharp corners, no aggressive promo banners.",
      "brief_tr": "Fotoğrafın önde, arayüzün arkada durduğu; hap biçimli arama ve güven sinyalleriyle sıcaklık kuran konaklama pazaryeri.",
      "palette": [
        "#ffffff",
        "#222222",
        "#ff385c",
        "#717171",
        "#dddddd"
      ],
      "typography": "Plus Jakarta Sans 400–700 (Airbnb Cereal ruhu); 14–15px kart metinleri",
      "layout": "Hap arama başlığı + çip satırı + 4 sütunlu kart grid'i, 12px radius",
      "motion": "Kart hover'ında hafif ölçek/gölge, çip satırında yatay kaydırma",
      "avoid": "Koyu tema, keskin köşe, yoğun tablo, agresif kampanya bantları",
      "name": "Pazaryeri Deneyimi",
      "reference": "Karri Saarinen · DLS",
      "section": 12,
      "description": "Fotoğraf önde arayüz arkada: hap arama, ilan kartları, puan ve güven sinyalleri.",
      "keywords": [
        "marketplace listing grid",
        "pill search bar",
        "photo-first cards",
        "rating stars",
        "coral accent"
      ],
      "description_en": "Marketplace experience: photo-first cards, pill search and trust signals.",
      "name_en": "Marketplace Experience"
    },
    {
      "id": 52,
      "slug": "52-medya-akis-spotify",
      "file": "52-medya-akis-spotify.dc.html",
      "title": "Medya Akış Arayüzü",
      "prompt_en": "Design a dark music-streaming app in the Spotify Encore spirit for a fictional brand. Three regions: a 240px pure-black nav (Home / Search / Library plus a playlist list), a #121212 content area opening with a 200px purple-to-dark gradient header — gradient square playlist cover, \"Playlist\" label, 64px extra-bold title — followed by a green (#1db954) circular play button and a track table (# / title+artist / album / duration, hover row fill), with \"Similar playlists\" cards (#181818, 8px radius) on the right. Bottom: a 72px player bar with mini cover, transport controls and a green-filled progress bar. Text #ffffff, secondary #b3b3b3. Font: Figtree 400/600/800. Green is the only action color.",
      "brief_tr": "Koyu sahnede kapak degradesinden renk alan, tek yeşil eylem rengi ve alt player barlı müzik akış arayüzü.",
      "palette": [
        "#121212",
        "#181818",
        "#1db954",
        "#ffffff",
        "#b3b3b3"
      ],
      "typography": "Figtree 400/600/800; 64px extra-bold liste başlığı, 13–14px tablo",
      "layout": "240px nav + degrade başlıklı içerik + sağ kart kolonu + 72px player bar",
      "motion": "Satır hover dolgusu, ilerleme çubuğu akışı; sahne sakin kalır",
      "avoid": "Açık zemin, çok renkli butonlar, gri-üstü-gri kontrastsızlık",
      "name": "Medya Akış Arayüzü",
      "reference": "Encore ekolü",
      "section": 12,
      "description": "Koyu sahne, kapaktan süzülen degrade başlık, tek yeşil eylem ve kalıcı player barı.",
      "keywords": [
        "dark music app",
        "gradient header",
        "playlist table",
        "player bar",
        "single action color"
      ],
      "description_en": "Media streaming UI: dark stage, cover-derived gradients, one green action.",
      "name_en": "Media Streaming UI"
    },
    {
      "id": 53,
      "slug": "53-kurumsal-carbon",
      "file": "53-kurumsal-carbon.dc.html",
      "title": "Kurumsal Veri Sistemi",
      "prompt_en": "Design an IBM Carbon-style cloud resource console. 48px black (#161616) header with white product name and square icon boxes; gray (#f4f4f4) page over white surfaces; a 256px white side nav with mono section labels and a blue-left-border selected item. Content: page title, a sharp-cornered blue (#0f62fe) primary button (\"Create resource\"), a blue left-border inline notification, then a large white data table with 48px rows, search + filter header, columns Name/Status/Region/Type/Date, status tags as 24px pills (green #defbe6/#0e6027 \"Running\", red \"Error\", gray \"Stopped\"), and pagination footer. Fonts: IBM Plex Sans + IBM Plex Mono. Everything at 0px radius except the pill tags. No shadows, gradients or emoji.",
      "brief_tr": "Sıfır radius, 2x grid ve IBM Plex tipografisiyle keskin, ciddi bir bulut kaynak yönetim konsolu.",
      "palette": [
        "#f4f4f4",
        "#ffffff",
        "#0f62fe",
        "#161616",
        "#24a148",
        "#da1e28"
      ],
      "typography": "IBM Plex Sans (arayüz) + IBM Plex Mono (kaynak adları, etiketler)",
      "layout": "48px siyah header + 256px nav + 48px satırlı veri tablosu, 2x grid",
      "motion": "Yalnızca satır hover'ı ve odak çerçevesi; süsleme animasyonu yok",
      "avoid": "Yuvarlak köşe, gölge, degrade, emoji, dekoratif renk",
      "name": "Kurumsal Veri Sistemi",
      "reference": "IBM Carbon",
      "section": 12,
      "description": "Paul Rand mirası: sıfır radius, 2x grid, IBM Plex ve ciddi veri tablosu düzeni.",
      "keywords": [
        "enterprise console",
        "zero radius",
        "data table",
        "IBM Plex",
        "status tags"
      ],
      "description_en": "Enterprise data system: zero radius, 2x grid and serious data tables.",
      "name_en": "Enterprise Data System"
    },
    {
      "id": 54,
      "slug": "54-ios-hig-mobil",
      "file": "54-ios-hig-mobil.dc.html",
      "title": "iOS İnsan Arayüzü",
      "prompt_en": "Design an iOS app screen strictly following Apple's Human Interface Guidelines. Light gray #f2f2f7 background, -apple-system font, a bold 32px Large Title (\"Today\"), a rounded 10px search field, then inset-grouped white cards with 10px radius set 16px from the edges: settings-style rows with 28px colored rounded-square icons, labels, gray › chevrons, hairline separators, and one green #34c759 toggle. Bottom: a translucent 5-item tab bar with a thin top border, active icon in #007aff blue. Add a second 300x640 phone mockup showing the identical screen in dark mode (#000 background, #1c1c1e cards). No FAB, no sharp corners, no brand-colored surfaces.",
      "brief_tr": "Large Title, inset-grouped listeler ve yarı saydam sekme çubuğuyla Apple HIG kurallarına harfiyen uyan, açık ve koyu modu yan yana gösteren iOS ekranı.",
      "palette": [
        "#f2f2f7",
        "#007aff",
        "#34c759",
        "#1c1c1e"
      ],
      "typography": "-apple-system / system-ui; 32px kalın Large Title, 14.5px satırlar",
      "layout": "Inset-grouped kartlar, 16px kenar boşluğu, altta 5 ikonlu tab bar",
      "motion": "Sistem geçişleri: kaydırınca küçülen başlık, yaylı anahtar",
      "avoid": "FAB, Android geri oku, keskin köşe, aşırı marka rengi",
      "name": "iOS İnsan Arayüzü",
      "reference": "Apple HIG",
      "section": 13,
      "description": "Large Title, inset-grouped listeler, yarı saydam tab bar; netlik ve içeriğe saygı.",
      "keywords": [
        "iOS app screen",
        "large title",
        "inset grouped list",
        "tab bar",
        "SF system font"
      ],
      "description_en": "iOS Human Interface: large titles, inset grouped lists, translucent tab bar.",
      "name_en": "iOS Human Interface"
    },
    {
      "id": 55,
      "slug": "55-material-you",
      "file": "55-material-you.dc.html",
      "title": "Material You (M3)",
      "prompt_en": "Design a Material You (Material 3) mobile app screen in Roboto. Surface #fef7ff, primary #6750a4, text #1d1b20. Top: a 28px-radius pill search bar (#ece6f0) with hamburger, hint text and a circular avatar. Then a friendly greeting headline and tonal cards: a large hero card in lilac container #eaddff with 24px radius, title and chips; two medium cards in #e8def8 and #ffd8e4 with soft icon circles. Bottom right: a 56px FAB (#6750a4, 16px radius, plus icon, soft shadow). Bottom navigation bar with 3 destinations, the active one marked by a #e8def8 pill indicator with a label below. Show a second phone where a green wallpaper seed recolors every layer. No iOS tab bar, no pure black or white, no sharp corners.",
      "brief_tr": "Duvar kâğıdından türeyen tonal paletler, dev yuvarlaklık, pill gösterge ve FAB ile Material 3 dilini iki farklı tohum renkte gösteren mobil ekran.",
      "palette": [
        "#fef7ff",
        "#6750a4",
        "#eaddff",
        "#e8def8",
        "#ffd8e4",
        "#1d1b20"
      ],
      "typography": "Roboto 400/500/700; başlıklar 400, etiketler 500",
      "layout": "Pill arama + hero kart + 2'li tonal kartlar + FAB + nav bar",
      "motion": "Container transform geçişleri; hap gösterge kayarak taşınır",
      "avoid": "iOS tab bar, saf siyah/beyaz, keskin köşe, tek düze gri",
      "name": "Material You (M3)",
      "reference": "Matías Duarte",
      "section": 13,
      "description": "Duvar kâğıdından türeyen tonal paletler, dev yuvarlaklıklar, FAB ve pill göstergeli nav.",
      "keywords": [
        "Material 3",
        "dynamic color",
        "tonal containers",
        "FAB",
        "pill nav indicator"
      ],
      "description_en": "Material You: wallpaper-derived tonal palettes, huge radii and FABs.",
      "name_en": "Material You (M3)"
    },
    {
      "id": 56,
      "slug": "56-jest-fizik-paper",
      "file": "56-jest-fizik-paper.dc.html",
      "title": "Jest & Fizik Arayüzü",
      "prompt_en": "Design a gesture-driven, physics-based mobile UI in the spirit of Mike Matas's Paper. Dark stage (#0a0a0c), Inter at light weights. Phone one: a full-bleed content card with a vivid sunset gradient (#ff6b35 to #7b2ff7), a large light-weight headline and short subtitle, almost no chrome — only a clock and a tiny dot. At the bottom edge, a deck of four mini gradient cards peeks up with slight tilts, the middle one pulled higher, plus an \"swipe up\" hint arrow. Phone two: the same card mid-fold, its top half tilted with perspective rotateX to illustrate an origami transition. Second gradient #00d2ff to #3a7bd5. No buttons, no static grids, no hard-cut transitions — everything springs at 60fps.",
      "brief_tr": "Kromsuz tam ekran degrade kartlar, çekilebilir kart destesi ve origami katlanma anıyla Paper'ın jest-fizik dilini gösteren koyu mobil sahne.",
      "palette": [
        "#0a0a0c",
        "#ff6b35",
        "#7b2ff7",
        "#00d2ff",
        "#3a7bd5",
        "#ffffff"
      ],
      "typography": "Inter 300/400; büyük başlıklar hafif ağırlıkta",
      "layout": "Tam ekran kart + altta eğik mini kart destesi; krom yok",
      "motion": "Yay fiziği, origami katlanma, jestle sürülen 60fps geçişler",
      "avoid": "Buton kalabalığı, statik grid, krom, sert kesme geçişler",
      "name": "Jest & Fizik Arayüzü",
      "reference": "Mike Matas · Paper",
      "section": 13,
      "description": "Buton değil fizik: tam ekran içerik kartları, yay animasyonu hissi ve keşfedilen jestler.",
      "keywords": [
        "gesture-driven UI",
        "full-screen cards",
        "physics animation",
        "card deck",
        "chrome-free"
      ],
      "description_en": "Gesture & physics UI: full-screen cards, spring motion, discoverable gestures.",
      "name_en": "Gesture & Physics UI"
    },
    {
      "id": 57,
      "slug": "57-neo-fintech-mobil",
      "file": "57-neo-fintech-mobil.dc.html",
      "title": "Neo-Fintech Mobil",
      "prompt_en": "Design a neo-fintech mobile banking home screen in the Monzo/Revolut school. Dark navy #0f1225, Inter 400-700, all amounts bold tabular numerals. Top: greeting, a notification dot, a tiny CSS bar sparkline. Center: a huge 34px balance (₺12.480,50), then a tilted hero bank card (200x126px, 14px radius, #6a3df5 to #b84ffb gradient, chip square, last four digits, fictional \"NOVA\" brand). Below: four quick-action circles (Send, Request, FX, Freeze) on #191d33 surfaces, then a \"Today\" list with emoji category circles (🛒 ☕ 🚕), white amounts for spending, green #2ecc71 \"+\" for income, one faded upcoming-payment row. No bank gray, no dense tables, no tiny numbers.",
      "brief_tr": "Dev bakiye, eğik degrade kart ve emoji kategorili işlem akışıyla Monzo/Revolut ekolünde koyu fintech ana ekranı.",
      "palette": [
        "#0f1225",
        "#6a3df5",
        "#b84ffb",
        "#2ecc71",
        "#191d33"
      ],
      "typography": "Inter 400-700; rakamlar 700 ve tabular-nums",
      "layout": "Bakiye + kahraman kart + 4 hızlı eylem + işlem akışı",
      "motion": "Kart hafif parallax; işlem satırı bildirimle kayarak gelir",
      "avoid": "Banka grisi, yoğun tablolar, küçük rakamlar, güven kıran süs",
      "name": "Neo-Fintech Mobil",
      "reference": "Monzo · Revolut ekolü",
      "section": 13,
      "description": "Kahraman banka kartı, dev bakiye, emoji kategorili işlemler; ciddiyet + ürün sıcaklığı.",
      "keywords": [
        "neobank app",
        "gradient card hero",
        "big balance",
        "emoji transactions",
        "quick actions"
      ],
      "description_en": "Neo-fintech mobile: hero gradient card, big balance, emoji transactions.",
      "name_en": "Neo-Fintech Mobile"
    },
    {
      "id": 58,
      "slug": "58-veri-murekkep-tufte",
      "file": "58-veri-murekkep-tufte.dc.html",
      "title": "Veri-Mürekkep Analitiği",
      "prompt_en": "Design a Tufte-style analytics report maximizing data-ink ratio. Pure white #ffffff, near-black ink #1a1a1a, gray #9a9a9a, one sparing blue accent #2563eb. Source Serif 4 report title; a 4-KPI row of thin 48px weight-300 Inter numbers, each with a 60x18 gray SVG sparkline ending in a blue dot. A wide line chart with three faint 6%-opacity gridlines, no axis strokes, no legend box — series labeled directly at line ends, one blue among grays. Below: six small-multiple area charts on one shared scale, and a table of right-aligned tabular figures bounded only by top and bottom rules. No 3D, shadows, chartjunk or icons.",
      "brief_tr": "Beyaz kağıtta sparkline'lar, doğrudan etiketli çizgiler ve küçük katlarla kurulan Tufte usulü rapor.",
      "palette": [
        "#ffffff",
        "#1a1a1a",
        "#9a9a9a",
        "#2563eb"
      ],
      "typography": "Source Serif 4 (başlık + not) + Inter tabular rakamlar",
      "layout": "Rapor sayfası: KPI satırı, geniş çizgi, küçük katlar, yalın tablo",
      "motion": "Yok; kağıt gibi durağan",
      "avoid": "3D, gölge, ızgara kalabalığı, renkli dolgu, lejant kutusu, süslü ikon",
      "name": "Veri-Mürekkep Analitiği",
      "reference": "Edward Tufte",
      "section": 14,
      "description": "Data-ink oranı: sparkline'lı KPI'lar, doğrudan etiketli çizgiler, küçük katlar; chartjunk sıfır.",
      "keywords": [
        "Tufte dashboard",
        "data-ink ratio",
        "sparklines",
        "small multiples",
        "direct labeling"
      ],
      "description_en": "Data-ink analytics: sparkline KPIs, direct labels, small multiples, zero chartjunk.",
      "name_en": "Data-Ink Analytics"
    },
    {
      "id": 59,
      "slug": "59-gozlemlenebilirlik-grafana",
      "file": "59-gozlemlenebilirlik-grafana.dc.html",
      "title": "Gözlemlenebilirlik Paneli",
      "prompt_en": "Design a Grafana-style observability dashboard for night-shift ops. Dark #111217 canvas, panels #1b1d23 with 2px radius, 8px gaps, 11px titles in #8e8e93, text #d8d9da, Inter plus ui-monospace values. Toolbar: \"prod-cluster / overview\", a \"Last 6 hours\" picker, refresh and a pulsing live dot. In a 12-column grid: four stat panels with big mono numbers colored by threshold (green #73bf69 uptime, yellow #f2cc0c disk 78%, red #e02f44 errors/min, blue #5794f2 requests), a wide 3-series CPU line chart with 10% fills, a memory area chart with dashed red limit, a semicircular conic-gradient gauge at 62%, and a 6-row log panel with colored INFO/WARN/ERROR levels. Every value carries a unit.",
      "brief_tr": "Koyu zeminde eşik renkleriyle konuşan, sıkı gridli ve log panelli Grafana usulü ops ekranı.",
      "palette": [
        "#111217",
        "#1b1d23",
        "#73bf69",
        "#f2cc0c",
        "#e02f44",
        "#5794f2"
      ],
      "typography": "Inter arayüz + ui-monospace değerler ve loglar",
      "layout": "Araç şeridi + 12 kolonlu panel grid'i, 8px boşluk, 2px köşe",
      "motion": "Yalnızca canlı nokta nabzı; paneller sakin",
      "avoid": "Açık tema, dekorasyon, boşluk israfı, birimsiz değer",
      "name": "Gözlemlenebilirlik Paneli",
      "reference": "Grafana ekolü",
      "section": 14,
      "description": "Gece vardiyası ekranı: koyu paneller, eşik renkleri (yeşil/sarı/kırmızı) ve log akışı.",
      "keywords": [
        "observability dashboard",
        "dark ops panels",
        "threshold colors",
        "time series",
        "log stream"
      ],
      "description_en": "Observability dashboard: dark panels where threshold colors do the talking.",
      "name_en": "Observability Dashboard"
    },
    {
      "id": 60,
      "slug": "60-ticaret-terminali",
      "file": "60-ticaret-terminali.dc.html",
      "title": "Ticaret Terminali",
      "prompt_en": "Design a Bloomberg-density trading terminal on pure black #000000. Everything is IBM Plex Mono at 10–12px with tight leading; regions split by 1px #333 rules, zero border-radius. Top: an amber #ff9800 command line \"NVA <EQUITY> GO\" with a blinking block cursor. Four quadrants: a watchlist of 8 fictional tickers with right-aligned prices, green #00c853 / red #ff1744 changes and ▲▼ ticks; an amber intraday SVG line chart with a last-price flag; a market-depth ladder with green bid and red ask bar fills; a mono news feed with one amber BREAKING line. Bottom: an F-key strip of amber chips (F1 HELP … F8). Cyan #40c4ff only for section headers.",
      "brief_tr": "Siyah cam üzerinde amber komut satırı, dört bölgeli yoğun veri ekranı ve F-tuşu şeridiyle Bloomberg usulü terminal.",
      "palette": [
        "#000000",
        "#ff9800",
        "#00c853",
        "#ff1744",
        "#40c4ff",
        "#e0e0e0"
      ],
      "typography": "IBM Plex Mono her yerde, 10–12px, sıkı satır aralığı",
      "layout": "Komut satırı + 4 bölgeli ekran + F-tuşu şeridi, 1px ayraçlar",
      "motion": "Yalnızca yanıp sönen blok imleç",
      "avoid": "Boşluk, yuvarlak köşe, pastel, ikon süsü, fare-öncelik",
      "name": "Ticaret Terminali",
      "reference": "Bloomberg yoğunluğu",
      "section": 14,
      "description": "Siyah cam, amber komut satırı, kırmızı/yeşil tikler; yoğunluk bir özellik, hız bir erdem.",
      "keywords": [
        "trading terminal",
        "amber command line",
        "watchlist ticks",
        "market depth",
        "F-key strip"
      ],
      "description_en": "Trading terminal: black glass, amber command line, red/green ticks, density as virtue.",
      "name_en": "Trading Terminal"
    },
    {
      "id": 61,
      "slug": "61-yonetim-paneli-polaris",
      "file": "61-yonetim-paneli-polaris.dc.html",
      "title": "Ürün Yönetim Paneli",
      "prompt_en": "Design a calm, task-focused merchant admin in Shopify Polaris style. Light #f6f6f7 canvas, Inter, text #202223, secondary #6d7175. A 56px dark #1a1a1a topbar holds the store name, centered search and an avatar. Left 240px light nav (Home, Orders with green badge \"3\", Products, Customers, Analytics); the selected item is a white card with a green left bar. Content: a \"Good morning\" greeting beside one green #008060 primary button, three white 12px-radius metric cards with soft shadows (sales with a mini bar sparkline, orders, conversion), then an orders table with soft pill badges (Paid #aee9d1/#003d2c, Fulfilling #ffd79d/#5e4200, Refund gray) and row hover. Right 280px column: checklist and tip cards. No dark theme, no aggressive red.",
      "brief_tr": "Koyu topbar, açık nav, tek yeşil eylem ve yumuşak durum badge'leriyle Polaris usulü esnaf paneli.",
      "palette": [
        "#f6f6f7",
        "#ffffff",
        "#008060",
        "#202223",
        "#aee9d1",
        "#ffd79d"
      ],
      "typography": "Inter; 13–14px gövde, 600 ağırlıklı sakin başlıklar",
      "layout": "Koyu topbar + 240px nav + içerik + 280px yan kolon; 12px köşeli kartlar",
      "motion": "Yumuşak satır hover'ı; başka animasyon yok",
      "avoid": "Koyu tema, yoğun çizgi, agresif kırmızı, veri kalabalığı",
      "name": "Ürün Yönetim Paneli",
      "reference": "Shopify Polaris",
      "section": 14,
      "description": "Esnaf paneli: sakin yüzeyler, yeşil birincil eylem, yumuşak durum badge'li sipariş tablosu.",
      "keywords": [
        "admin panel",
        "merchant dashboard",
        "status badges",
        "metric cards",
        "task-oriented"
      ],
      "description_en": "Merchant admin panel: calm surfaces, green primary action, soft status badges.",
      "name_en": "Merchant Admin Panel"
    },
    {
      "id": 62,
      "slug": "62-da-vinci-kodeks",
      "file": "62-da-vinci-kodeks.dc.html",
      "title": "Da Vinci · Kodeks",
      "prompt_en": "Design a web note-taking app for inventors styled as a Leonardo da Vinci codex. Parchment background #e8dcc4 with large soft radial-gradient stains, sepia ink #5b4326, sanguine red-chalk accent #a0522d. Two-page spread mockup: left page holds italic EB Garamond handwritten notes with numbered margin annotations; right page shows an inline SVG technical sketch of an ornithopter wing and gear train with dimension arrows, hatched shading and a faint golden-ratio spiral. Vertical page tabs on the spine, a round wax-seal \"new sketch\" button, and one heading mirrored with transform:scaleX(-1). No bright colors, no pure white, no photos, no rigid grid.",
      "brief_tr": "Parşömen zeminli, sepya mürekkepli, sol sayfası el yazısı sağ sayfası SVG teknik eskiz olan Da Vinci kodeksi tarzı not defteri uygulaması.",
      "palette": [
        "#e8dcc4",
        "#5b4326",
        "#a0522d",
        "#8a7a5c",
        "#2f2416"
      ],
      "typography": "EB Garamond italik el yazısı + normal; monospace folyo etiketleri",
      "layout": "Çift sayfa; solda metin ve marginalia, sağda eskiz, altın oran kılavuzu",
      "motion": "Yok denecek kadar az; yalnızca renkle vurgu",
      "avoid": "Parlak renk, düz beyaz, fotoğraf, sert grid",
      "name": "Da Vinci · Kodeks",
      "reference": "Leonardo da Vinci",
      "section": 15,
      "description": "Parşömen, sepya mürekkep, marginalia ve ayna yazısı; mucit defteri bir araştırma uygulaması olur.",
      "keywords": [
        "parchment codex UI",
        "sepia ink sketches",
        "marginalia notes",
        "mirror writing",
        "golden ratio grid"
      ],
      "description_en": "Da Vinci's codex: parchment, sepia ink sketches, marginalia and mirror writing.",
      "name_en": "Da Vinci · Codex"
    },
    {
      "id": 63,
      "slug": "63-monet-isik",
      "file": "63-monet-isik.dc.html",
      "title": "Monet · Işık",
      "prompt_en": "Design a mobile weather and morning-ritual app in Claude Monet's impressionist style. Show the same screen in three lights, like his haystack series: three 260x560 phone mockups side by side — dawn haze (#f6d8c3 to #c9b8d8), noon (#a8c8e8 to #f0dfa8), sunset (#f2a65e to #c96a8d). Identical layout in each: a huge Cormorant Garamond temperature numeral with glow, blurred cloud color blobs, a 24px+ radius ritual card, and a lily-pond bottom panel of small rounded color dabs. No outlines, no black strokes, no grey shadows — every edge is a color transition.",
      "brief_tr": "Aynı hava durumu ekranını sabah, öğle ve gün batımı ışığında üç kez gösteren, kontursuz ve renk geçişli Monet tarzı mobil uygulama.",
      "palette": [
        "#f6d8c3",
        "#c9b8d8",
        "#a8c8e8",
        "#f2a65e",
        "#6b7fb3"
      ],
      "typography": "Cormorant Garamond başlık ve rakamlar + system sans gövde",
      "layout": "Yan yana üç telefon; her ekranda aynı düzen, farklı ışık paleti",
      "motion": "Yumuşak; yalnızca renk geçişleri ve buğu hissi",
      "avoid": "Keskin kenar, siyah kontur, gri gölge, sert tipografi",
      "name": "Monet · Işık",
      "reference": "Claude Monet",
      "section": 15,
      "description": "Kontur yok, ışık var: aynı ekran üç ayrı saatin renginde; buğulu lekelerden hava durumu.",
      "keywords": [
        "impressionist gradients",
        "no outlines",
        "same screen three lights",
        "soft color dabs",
        "haystack logic"
      ],
      "description_en": "Monet's light: no outlines — the same screen painted at three times of day.",
      "name_en": "Monet · Light"
    },
    {
      "id": 64,
      "slug": "64-van-gogh-yildizli",
      "file": "64-van-gogh-yildizli.dc.html",
      "title": "Van Gogh · Yıldızlı Gece",
      "prompt_en": "Design a mobile sleep-tracking app in Vincent van Gogh's Starry Night style. One 300x640 phone mockup on a dark swirling page (#0f1a38 with faint repeating-conic texture). Screen sky in deep blue #1a2a5e with nested rotated conic-gradient swirl rings in #4a6db5 and #7b9fd4, thick yellow stars #f7d154 with glowing halo rings, and a crescent moon in the corner. Center sleep score 87 in Fraunces 700 over an impasto patch of short slanted gradient stripes. Progress bar is 13 small skewed brush-dab divs, not a solid bar. Bottom panel: dark cypress silhouette #0f1a38 with an SVG wavy top edge holding a textured sleep-stage chart in layered blues, orange window-light accent #e8944a. Avoid flat fills, thin lines, cold greys and static feel.",
      "brief_tr": "Girdaplı lacivert gökyüzü, sarı yıldız vurguları ve fırça darbesi ilerleme çubuğuyla Yıldızlı Gece tablosu gibi kurulmuş uyku takip uygulaması.",
      "palette": [
        "#1a2a5e",
        "#f7d154",
        "#4a6db5",
        "#0f1a38",
        "#e8944a"
      ],
      "typography": "Fraunces 700 soft-serif başlıklar + system sans gövde",
      "layout": "Ortada telefon; solda ilkeler, sağda haftalık kartlar; zeminde girdap dokusu",
      "motion": "Akış hissi; parlayan yıldız haleleri, kıpırdayan doku",
      "avoid": "Düz dolgular, ince çizgiler, soğuk gri, statik hissiyat",
      "name": "Van Gogh · Yıldızlı Gece",
      "reference": "Vincent van Gogh",
      "section": 15,
      "description": "Girdaplı gökyüzü, impasto doku ve fırça vuruşu ilerleme çubuğuyla bir uyku uygulaması.",
      "keywords": [
        "swirling night sky",
        "impasto texture",
        "brushstroke progress bar",
        "cobalt and yellow",
        "sleep app"
      ],
      "description_en": "Van Gogh's starry night: swirling skies, impasto texture, brushstroke progress.",
      "name_en": "Van Gogh · Starry Night"
    },
    {
      "id": 65,
      "slug": "65-picasso-kubist",
      "file": "65-picasso-kubist.dc.html",
      "title": "Picasso · Kübist",
      "prompt_en": "Design a web social profile app in a Picasso cubist style. Beige canvas #e8d8b8, earth ochre #c8a24a, brick #b5502e, blue-period #3e6b8c, near-black #1c1a17. The profile \"portrait\" is fractured into 5-6 flat clip-path polygons showing the same face from different angles at once: a frontal circle eye, a black profile nose triangle, offset mouth bars, all outlined with thick black divs. Cards are deliberately rotated (-2deg to 1.5deg) in an asymmetric grid with 3-4px black borders and hard offset box-shadows. Section headings in Archivo 800 uppercase sit on shifted color blocks like cut-and-paste collage; one card carries a newspaper texture strip of thin repeating lines. Avoid symmetry, photographic realism, soft gradients and single perspective.",
      "brief_tr": "Profil portresini clip-path poligonlara bölen, kartları döndürülmüş, kalın siyah konturlu ve kolaj dokulu kübist sosyal uygulama.",
      "palette": [
        "#e8d8b8",
        "#c8a24a",
        "#b5502e",
        "#3e6b8c",
        "#1c1a17"
      ],
      "typography": "Archivo 800 uppercase başlıklar + system sans gövde",
      "layout": "Asimetrik üç kolon; döndürülmüş kartlar, açılı kalın siyah ayraçlar",
      "motion": "Yok; gerilim statik açı farklarından gelir",
      "avoid": "Simetri, fotoğrafik gerçeklik, yumuşak geçiş, tek perspektif",
      "name": "Picasso · Kübist",
      "reference": "Pablo Picasso",
      "section": 15,
      "description": "Portre çokgen parçalara bölünür, kartlar eğilir, grid kasıtla kırılır: tek bakış yetmez.",
      "keywords": [
        "cubist fragmented portrait",
        "clip-path polygons",
        "rotated cards",
        "collage layout",
        "multiple perspectives"
      ],
      "description_en": "Picasso's cubism: a portrait split into planes, seen from every angle at once.",
      "name_en": "Picasso · Cubist"
    },
    {
      "id": 66,
      "slug": "66-dali-eriyen-saat",
      "file": "66-dali-eriyen-saat.dc.html",
      "title": "Dalí · Eriyen Saat",
      "prompt_en": "Design a surrealist Dalí-inspired alarm and dream-journal mobile app page. Desert-horizon background: pale turquoise sky #bfd8d2 fading to sand #d9b98a, long skewed shadows. In a 300x640 phone mockup, a melting digital clock: Cormorant Garamond digits individually skewY-drooped toward the bottom edge, drip shapes hanging below the card. Alarm cards tilt at slight angles, one standing on two thin 26px legs. Add a cloud-shaped dream-journal card with italic handwriting, a curving trail of 3px ant dots, and a second melting clock draped over a table edge. Palette adds #8a5a3b, #2e2620, #c9542e.",
      "brief_tr": "Dalí'nin eriyen saatlerini çöl ufkunda bir alarm ve rüya günlüğüne çeviren sürreal mobil sayfa.",
      "palette": [
        "#bfd8d2",
        "#d9b98a",
        "#8a5a3b",
        "#2e2620",
        "#c9542e"
      ],
      "typography": "Cormorant Garamond (eriyen rakamlar) + system sans + monospace etiketler",
      "layout": "Sol ilke kolonu + çöl sahnesi; telefon, masadan sarkan saat, upuzun gölgeler",
      "motion": "Statik; erime hissi skew ve damla radius'larla verilir",
      "avoid": "Düz dikdörtgen saatler, simetrik grid, kurumsal ciddiyet, kalabalık ekran",
      "name": "Dalí · Eriyen Saat",
      "reference": "Salvador Dalí",
      "section": 15,
      "description": "Saat kadranı erir, alarm kartları uzun bacaklar üstünde durur; sürreal bir zaman uygulaması.",
      "keywords": [
        "melting clock UI",
        "surreal desert horizon",
        "dripping cards",
        "dream journal",
        "long shadows"
      ],
      "description_en": "Dalí's melting clock: a surreal alarm app where time literally drips.",
      "name_en": "Dalí · Melting Clock"
    },
    {
      "id": 67,
      "slug": "67-hokusai-dalga",
      "file": "67-hokusai-dalga.dc.html",
      "title": "Hokusai · Büyük Dalga",
      "prompt_en": "Design a Hokusai ukiyo-e surf-report app page. Paper background #f2e8d5 with faint print texture, strict flat color layers, no gradients or shadows; every box carries a 2px ink (#2b2b2b) woodblock contour. Hero: a Great Wave built in SVG — Prussian blue (#1b4470) curling crest, foam claws as rows of scallop circles, a small snow-capped Fuji triangle (#8a9bb0) behind. The wave IS the height gauge: show two states, a small 1.2m swell and a towering 3.4m wave. A 300x640 phone mockup lists wind, tide, period in contoured label boxes with one vertical-rl label, plus a square red hanko seal (#b5442c). Headings in Zen Antique.",
      "brief_tr": "Hokusai'nin Büyük Dalga baskısını, dalga boyunu bizzat dalganın boyuyla gösteren bir sörf raporu uygulamasına çeviren ukiyo-e sayfası.",
      "palette": [
        "#f2e8d5",
        "#1b4470",
        "#8a9bb0",
        "#b5442c",
        "#2b2b2b"
      ],
      "typography": "Zen Antique başlıklar + system sans veri satırları + monospace etiketler; bir etikette dikey yazı (vertical-rl)",
      "layout": "Sol ilke kolonu + telefon mockup + iki durumlu dalga panelleri; her kutu 2px konturlu düz katman",
      "motion": "Yok; baskı gibi statik, durumlar ayrı kareler",
      "avoid": "Degrade, fotoğraf, gölge, renk kalabalığı",
      "name": "Hokusai · Büyük Dalga",
      "reference": "Katsushika Hokusai",
      "section": 15,
      "description": "Ukiyo-e katmanları: Prusya mavisi dalga bizzat veri göstergesi, kırmızı mühür imza olur.",
      "keywords": [
        "ukiyo-e flat layers",
        "great wave gauge",
        "prussian blue",
        "foam claws",
        "red hanko seal"
      ],
      "description_en": "Hokusai's great wave: ukiyo-e flat layers where the wave itself is the gauge.",
      "name_en": "Hokusai · Great Wave"
    },
    {
      "id": 68,
      "slug": "68-klimt-altin",
      "file": "68-klimt-altin.dc.html",
      "title": "Klimt · Altın",
      "prompt_en": "Design a Gustav Klimt Golden Period private-banking app page. Deep umber background #1c1710 with wide dark gaps between modules. Every gold surface is textured, never flat: gradient #c9a227 to #e8cf6a to #a8821c layered with CSS mosaics — repeating-linear square grids, repeating-conic spirals, repeating-radial almond eyes — one distinct motif per asset card. In a 300x640 phone mockup: an ornamental ring frieze strip, a large Cinzel gold total (₺48.2M), three mosaic asset cards, and a chart whose gold line dissolves into scattered tiny gold-leaf squares. A transfer panel shows two overlapping rotated cards embraced by a shared radial gold halo. Body text in Cormorant Garamond, accents #7a5c1e and #d8cfc0.",
      "brief_tr": "Klimt'in altın varak ve mozaik desenlerini koyu zeminli bir özel bankacılık portföy arayüzüne çeviren Altın Dönem sayfası.",
      "palette": [
        "#1c1710",
        "#c9a227",
        "#e8cf6a",
        "#7a5c1e",
        "#d8cfc0"
      ],
      "typography": "Cinzel (Roma kapitali başlık ve rakam) + Cormorant Garamond gövde + monospace etiketler",
      "layout": "Sol ilke kolonu + telefon portföyü + transfer paneli; modüller arası derin koyu boşluk",
      "motion": "Yok; ışıltı doku katmanlarıyla, statik verilir",
      "avoid": "Gümüş/gri, dokusuz düz altın dolgu, beyaz zemin, ince zayıf tipografi",
      "name": "Klimt · Altın",
      "reference": "Gustav Klimt",
      "section": 15,
      "description": "Koyu zemin üzerinde mozaik desenli altın kartlar; varlık yönetimi Altın Dönem diliyle.",
      "keywords": [
        "gold leaf mosaic",
        "dark opulence",
        "ornamental patterns",
        "spiral motifs",
        "private banking"
      ],
      "description_en": "Klimt's gold: mosaic-textured golden cards glowing on darkness.",
      "name_en": "Klimt · Gold"
    },
    {
      "id": 69,
      "slug": "69-frida-gunluk",
      "file": "69-frida-gunluk.dc.html",
      "title": "Frida · Günlük",
      "prompt_en": "Design a Frida Kahlo emotion-journal mobile app page. Cobalt Casa Azul wall #1f4bb5 as page background. A 300x640 phone shows a cream #f5ead8 journal page framed by CSS botanicals: green #2e7d4f elliptic leaves and layered circle flowers in fuchsia #d81b60 and orange #ef6c00. Today's emotion is one big honest italic Fraunces word (\"Ağır\"). Replace the mood scale with ex-voto retablo heart cards — CSS hearts with flame, crack and flower variants. Add a Caveat handwritten entry with a votive date strip, a bead-necklace divider of colored dots, and a zigzag kilim repeating-linear-gradient strip instead of a bottom nav.",
      "brief_tr": "Frida'nın kobalt duvarını ve ex-voto kalplerini bir duygu günlüğüne çeviren folk-art mobil sayfa.",
      "palette": [
        "#1f4bb5",
        "#f5ead8",
        "#d81b60",
        "#2e7d4f",
        "#ef6c00"
      ],
      "typography": "Fraunces italik başlık + Caveat el yazısı vurgular + system sans gövde",
      "layout": "Sol ilke kolonu + krem defter sayfalı telefon; botanik çerçeve kenarlardan uzanır",
      "motion": "Yok; el işi nesne gibi statik durur",
      "avoid": "Pastel soğukluk, minimalist boşluk, gri tonlar, duygusuz ikonlar",
      "name": "Frida · Günlük",
      "reference": "Frida Kahlo",
      "section": 15,
      "description": "Kobalt duvar, botanik çerçeveler ve ex-voto kalp kartları; duygular saklanmaz, boyanır.",
      "keywords": [
        "cobalt blue wall",
        "botanical frames",
        "ex-voto heart cards",
        "mexican folk palette",
        "emotion journal"
      ],
      "description_en": "Frida's diary: cobalt walls, botanical frames and ex-voto hearts for feelings.",
      "name_en": "Frida · Diary"
    },
    {
      "id": 70,
      "slug": "70-kandinsky-senestezi",
      "file": "70-kandinsky-senestezi.dc.html",
      "title": "Kandinsky · Senestezi",
      "prompt_en": "Design a synesthetic music-visualizer web app as if painted by Kandinsky. Cream canvas (#f4efe6) with near-black ink (#1d1b1a) and accents #d4462e, #2660a4, #e8a13c, #3f7d3a. The main stage is a Composition VIII-style arrangement where every shape IS the interface: a large concentric bass circle in the corner, rotated black line bundles for strings, pulsing colored dots for note hits, a checkerboard strip and semicircles, each with tiny 9px monospace instrument labels. Below it a dark player bar with segmented colored progress; on the right a shape-to-instrument legend panel and a recording widget whose mic level is shown by growing circles. Work Sans, hard 2px borders, offset flat shadow, no gradients on the page chrome, no photos.",
      "brief_tr": "Kandinsky'nin Composition VIII kompozisyonunu canlı müzik görselleştiricisine çeviren, her şeklin bir enstrüman kanalı olduğu krem sahneli kulak eğitimi uygulaması.",
      "palette": [
        "#f4efe6",
        "#1d1b1a",
        "#d4462e",
        "#2660a4",
        "#e8a13c",
        "#3f7d3a"
      ],
      "typography": "Work Sans 400–700 + monospace enstrüman etiketleri",
      "layout": "Sol ilke kolonu + orta kompozisyon sahnesi + sağ lejant paneli",
      "motion": "Nota daireleri ritimle nabız gibi büyüyüp küçülür",
      "avoid": "Fotoğraf, degrade, simetrik grid, gri tekdüzelik",
      "name": "Kandinsky · Senestezi",
      "reference": "Wassily Kandinsky",
      "section": 15,
      "description": "Her şekil bir enstrüman, kompozisyon bir partitur: müzik görselleştirici arayüzün kendisi.",
      "keywords": [
        "synesthesia visualizer",
        "shapes as instruments",
        "composition VIII",
        "point line plane",
        "music as geometry"
      ],
      "description_en": "Kandinsky's synesthesia: shapes as instruments, composition as score.",
      "name_en": "Kandinsky · Synesthesia"
    },
    {
      "id": 71,
      "slug": "71-rembrandt-isik-odasi",
      "file": "71-rembrandt-isik-odasi.dc.html",
      "title": "Rembrandt · Işık Odası",
      "prompt_en": "Design a chiaroscuro photographer-portfolio web app in Rembrandt's visual language. Deep umber stage (#171009) with one single light source: a huge soft radial gradient of warm amber (#e8b25c) falling from the top-left. Gallery cards emerge from darkness toward the light — near cards glow with amber-lit surfaces and thin gold borders, far cards sink to 40–60% brightness and lose detail. Build stylized CSS busts: amber face oval, white ruff collar, dark shoulders. Add a lighting-tutorial pair: the same portrait lit from left and from right, shadow flipping sides, plus a Night Watch group card where one figure stands fully lit among half-shadowed ones. Playfair Display headings, warm browns only (#8a5a2b, #d8c8a8, #3a2a18), never cold gray.",
      "brief_tr": "Tek sıcak ışık kaynağından beslenen, kartların karanlıktan aydınlığa doğru belirdiği, ışık yönü eğitimli chiaroscuro portfolyo arayüzü.",
      "palette": [
        "#171009",
        "#e8b25c",
        "#8a5a2b",
        "#d8c8a8",
        "#3a2a18"
      ],
      "typography": "Playfair Display başlıklar + sistem sans gövde + monospace etiketler",
      "layout": "Sol ilke kolonu + sağda ışığa göre kademelenen galeri ızgarası",
      "motion": "Yok denecek kadar az; parlaklık geçişleri hover ile yumuşar",
      "avoid": "Düz aydınlatma, soğuk beyaz, çok ışık kaynağı, pastel",
      "name": "Rembrandt · Işık Odası",
      "reference": "Rembrandt van Rijn",
      "section": 15,
      "description": "Tek sıcak ışık kaynağı, karanlıktan çıkan kartlar; chiaroscuro bir galeri uygulaması olur.",
      "keywords": [
        "chiaroscuro gallery",
        "single light source",
        "amber on dark",
        "portrait cards",
        "light direction study"
      ],
      "description_en": "Rembrandt's chiaroscuro: one warm light, cards emerging from darkness.",
      "name_en": "Rembrandt · Light Room"
    },
    {
      "id": 72,
      "slug": "72-osman-hamdi-sabir",
      "file": "72-osman-hamdi-sabir.dc.html",
      "title": "Osman Hamdi · Sabır",
      "prompt_en": "Design a focus-and-habit app landing born from Osman Hamdi's The Tortoise Trainer (1906). Dim plaster wall (#3b2415, #a8845a); all content sits inside a huge arch (border-radius 610px 610px 0 0) lit by a warm radial glow from the top, with ochre #c96f2e, Iznik #1f6f5c and robe-red #8a2f1f accents. Center a 300x640 phone on warm cream (#e8d5b5): the focus timer is a progress ring on which a tiny CSS tortoise crawls via a 90s rotation, plus a gentle no-urgency reminder card. Right column lists habits as baby tortoises whose shells grow richer at 3, 21 and 90 days. Spectral headings, monospace digits. No neon, no countdown anxiety, no gamification pressure.",
      "brief_tr": "Kaplumbağa Terbiyecisi'nin kemer ışığında kurulan, sayacı kaplumbağa halkası olan, kabukları İznik motifine dönüşen aceleye kapalı odak uygulaması.",
      "palette": [
        "#3b2415",
        "#c96f2e",
        "#a8845a",
        "#1f6f5c",
        "#8a2f1f",
        "#e8d5b5"
      ],
      "typography": "Spectral başlıklar + sistem sans gövde + mono sayaç rakamları",
      "layout": "Dev kemer içinde üç kolon: ilkeler, telefon, kaplumbağa yuvası",
      "motion": "Tek animasyon: kaplumbağa 90 saniyede halkayı dolaşır",
      "avoid": "Neon, kırmızı geri sayım, soğuk minimalizm, oyunlaştırma baskısı",
      "name": "Osman Hamdi · Sabır",
      "reference": "Osman Hamdi Bey",
      "section": 15,
      "description": "Kaplumbağa Terbiyecisi'nden bir odak uygulaması: kemerden süzülen ışık, kaplumbağa hızında ilerleme.",
      "keywords": [
        "tortoise trainer focus app",
        "ottoman arch light",
        "turtle pace progress ring",
        "iznik shell patterns",
        "patience over pressure"
      ],
      "description_en": "Osman Hamdi's patience: a focus app born from The Tortoise Trainer — light through the arch, progress at turtle pace.",
      "name_en": "Osman Hamdi · Patience"
    },
    {
      "id": 73,
      "slug": "73-saf-minimalizm",
      "file": "73-saf-minimalizm.dc.html",
      "title": "Saf Minimalizm",
      "prompt_en": "Design a pure-minimalist product page for a single ceramic cup, in the spirit of Kenya Hara and John Pawson. Off-white background (#fbfbfa) with near-black text (#1a1a1a) and warm grey neutrals (#f1f0ec, #e6e4de) — no accent color at all. A two-column hero split by a hairline: left, a square neutral product plate with the object centered in generous negative space; right, a tiny uppercase monospace eyebrow, a 40px light-weight (300) headline of one word, a 15px light paragraph capped at 34ch, a price row separated by a hairline, and one outlined uppercase button. Below, three principle columns and a four-item grid separated only by 1px gaps. Inter at two weights, no shadows, no radii, no icons, no decoration.",
      "brief_tr": "Tek nesne, tek buton, sıfır vurgu rengi: boşluğun malzeme, çıkarmanın yöntem olduğu ürün sayfası.",
      "palette": [
        "#fbfbfa",
        "#1a1a1a",
        "#f1f0ec",
        "#e6e4de",
        "#8a8a86"
      ],
      "typography": "Inter 300 (başlık ve gövde) + 500 (tek buton) + monospace etiketler; üç boyut, iki ağırlık",
      "layout": "İkiye bölünmüş hero, saç teli ayraçlar, 1px boşluklu ürün ızgarası; her şey sola hizalı",
      "motion": "Yalnızca opaklık geçişi; hiçbir şey kaymaz, büyümez",
      "avoid": "Vurgu rengi, gölge, yuvarlak köşe, ikon, rozet, ikinci font, kalın ağırlık, dolgulu buton",
      "name": "Saf Minimalizm",
      "reference": "Kenya Hara · John Pawson",
      "section": 7,
      "description": "Tek nesne, sıfır vurgu rengi, saç teli ayraçlar: boşluğun malzeme, çıkarmanın yöntem olduğu sayfa.",
      "description_en": "Pure minimalism: one object, zero accent color, hairline dividers — whitespace as material, subtraction as method.",
      "keywords": [
        "pure minimalism",
        "no accent color",
        "hairline dividers",
        "single product page",
        "light-weight type"
      ],
      "name_en": "Pure Minimalism"
    },
    {
      "id": 74,
      "slug": "74-futuristik-hud",
      "file": "74-futuristik-hud.dc.html",
      "title": "Fütüristik HUD",
      "prompt_en": "Design a futuristic spacecraft flight-control HUD in the Syd Mead / Minority Report lineage. Deep navy stage (#070b16) with a faint 48px cyan grid and a soft radial glow, never pure black. A single luminous cyan (#5ef2ff) carries all information: 1px translucent panel borders held by two-corner L-brackets, concentric orbital rings (one dashed, two partial arcs slowly rotating, a glowing satellite dot), hairline crosshairs, and a 72px light-weight altitude readout with text glow. Side panels show energy bars, system status rows and a countdown; red (#ff5c6c) appears only on the one item needing attention. Exo 2 uppercase with wide tracking for titles, monospace for readouts; frosted panels at 4% white, no rounded corners, no gradients on UI elements.",
      "brief_tr": "Tek ışık rengi, köşe braketli saydam paneller ve dönen yörünge halkalarıyla sinematik bir uçuş kontrol arayüzü.",
      "palette": [
        "#070b16",
        "#5ef2ff",
        "#dff6ff",
        "#ff5c6c"
      ],
      "typography": "Exo 2 (büyük harf, geniş aralık; 300 rakamlar, 700 başlık) + monospace okuma değerleri",
      "layout": "Üç kolon: sol anlatım, merkez halka sahnesi, sağ telemetri; köşe braketli paneller, artı nişangâh",
      "motion": "Yavaş dönen halkalar (9–60 sn), yanıp sönen durum noktası, başka hiçbir şey kıpırdamaz",
      "avoid": "Saf siyah zemin, çoklu neon renk, yuvarlak köşe, parçacık yağmuru, kalın gölge, oyun HUD'ı kalabalığı",
      "name": "Fütüristik HUD",
      "reference": "Syd Mead · Minority Report",
      "section": 6,
      "description": "Tek ışık rengi, köşe braketli saydam paneller ve dönen yörünge halkalarıyla sinematik uçuş kontrolü.",
      "description_en": "Futuristic HUD: one luminous cyan, corner-bracket panels and slowly rotating orbital rings on deep navy.",
      "keywords": [
        "futuristic HUD",
        "sci-fi interface",
        "corner brackets",
        "orbital rings",
        "cyan telemetry"
      ],
      "name_en": "Futuristic HUD"
    },
    {
      "id": 75,
      "slug": "75-vektor-sanati",
      "file": "75-vektor-sanati.dc.html",
      "title": "Vektör Sanatı",
      "prompt_en": "Design an independent film festival website in the flat vector language of Malika Favre. Exactly four flat colors: cream (#fff1e0) ground, coral (#ff4f3d), navy (#14213d) and a sparing yellow accent (#f2b705). Split hero: left, a 104px Archivo 900 uppercase headline with tight tracking, a short system-font paragraph and two solid rectangular buttons; right, a full-bleed inline SVG woman's profile built from positive/negative space — face is the cream ground, hair one navy block, eye a single circle, one yellow earring, no outlines. Film-strip bands via repeating-linear-gradient, 4px navy rules instead of borders, a six-card program grid of solid-color cards with two-shape icons. No gradients, shadows, photos or rounded corners.",
      "brief_tr": "Dört düz renk, negatif alanla kesilmiş bir profil ve keskin geometrik bloklarla afiş gibi okunan bağımsız sinema festivali sitesi.",
      "palette": [
        "#ff4f3d",
        "#14213d",
        "#fff1e0",
        "#f2b705"
      ],
      "typography": "Archivo 900 (büyük harf, sıkı aralıklı başlıklar) + 700 (kart adları) + system-ui gövde + monospace etiketler",
      "layout": "İkiye bölünmüş hero (metin / SVG profil), film şeridi bantları, 4px lacivert kalın cetveller, altı hücreli düz renkli program ızgarası, üçlü fiyat şeridi",
      "motion": "Yalnızca hover'da renk takası (lacivert → mercan); animasyon yok, afiş sabittir",
      "avoid": "Gradyan, gölge, ince çizgi illüstrasyon, fotoğraf, beşinci renk, yuvarlak köşe ve süs, kontur çizgisi, doku",
      "name": "Vektör Sanatı",
      "reference": "Malika Favre",
      "section": 5,
      "description": "Negatif alanla kurulan silüetler, dört düz renk, gradyansız keskin kesimler.",
      "description_en": "Vector art: negative-space silhouettes, four flat colors, sharp gradient-free cuts.",
      "keywords": [
        "flat vector illustration",
        "negative space",
        "limited palette",
        "bold silhouettes",
        "geometric cuts"
      ],
      "name_en": "Vector Art"
    },
    {
      "id": 76,
      "slug": "76-kolaj-sanati",
      "file": "76-kolaj-sanati.dc.html",
      "title": "Kolaj Sanatı",
      "prompt_en": "Design a cut-and-paste collage website for a fictional culture zine (\"Makas\") in the Hannah Höch / Dada lineage. Kraft-paper ground (#d9c7a3) with a fine dot grain; a 5–6 layer hero of torn off-white scraps (#f5f0e6, irregular clip-path edges, hard 5px offset shadows, rotated −5° to 9°), a ransom-note headline where every letter is its own span in Archivo Black, Georgia italic or monospace at 70–118px each rotated, some on yellow (#f4c20d) or red (#d62828) blocks, a red halftone circle, a grey photo placeholder with halftone overlay, translucent yellow and red tape strips, a ruled newspaper-column texture and a red handwritten note in Caveat. Three principle cards on torn paper, dashed rules, no rounded corners, no smooth gradients on UI.",
      "brief_tr": "Kraft zemin üstüne yırtık kâğıt, bant, halftone ve kesik gazete harfleriyle kurulmuş, kasıtlı eğik bir zine sitesi: kusur yöntemdir.",
      "palette": [
        "#d9c7a3",
        "#f5f0e6",
        "#1a1a1a",
        "#d62828",
        "#f4c20d"
      ],
      "typography": "Başlıkta harf harf karışık: Archivo Black + Georgia italik + monospace, her harf ayrı boyut ve açı; gövde Georgia 14–16px; notlar Caveat; etiketler monospace büyük harf",
      "layout": "Grid yok: 760px'lik mutlak konumlu kolaj sahnesi, üst üste binen yırtık parçalar; altta üç eğik ilke kartı, çift çizgili alt şerit",
      "motion": "Yok; hover'da bağlantı sarı bantla kaplanır, başka hiçbir şey kıpırdamaz",
      "avoid": "Düz temiz kenar, hizalı grid, tek font, parlak gradyan, yuvarlak köşe, yumuşak gölge, kusursuzluk",
      "name": "Kolaj Sanatı",
      "reference": "Hannah Höch · Dada",
      "section": 5,
      "description": "Yırtık kâğıt, bant, halftone ve kesik harfler: kes-yapıştır katmanlarıyla zine estetiği.",
      "description_en": "Collage art: torn paper, tape strips, halftone dots and cut-out letters layered zine-style.",
      "keywords": [
        "paper collage",
        "torn edges",
        "halftone texture",
        "cut-out typography",
        "dada zine"
      ],
      "name_en": "Collage Art"
    },
    {
      "id": 77,
      "slug": "77-retro-yetmisler",
      "file": "77-retro-yetmisler.dc.html",
      "title": "Retro 70'ler",
      "prompt_en": "Design a 1970s print-advert / record-sleeve style website for a fictional coffee roaster and record shop. Cream paper background (#f3e5c3) with a faint dotted grain, warm earth palette: orange #e8792b, mustard #d9a441, coffee brown #7a3e1f, brick red #a8352a. Hero: a giant rising sun of nested concentric half-circle bands with subtle sunray stripes, a 132px Righteous headline with two-layer offset shadow in orange and mustard, a Fredoka subtitle, pill buttons with 4px brown borders and hard offset shadows, and a spinning starburst \"YENİ!\" badge. Below, a four-colour rainbow stripe divider curling at one corner, three principle boxes and four product cards with thick brown outlines and 24px radii. No neon, no black, no thin grids, no cool blues, no digital textures.",
      "brief_tr": "Krem kâğıt üzerinde toprak renkli güneş yayları, gökkuşağı şerit ayraçlar ve şişkin yuvarlak tipografiyle basılı, sıcak, groovy bir 70'ler reklam afişi dili.",
      "palette": [
        "#f3e5c3",
        "#e8792b",
        "#d9a441",
        "#7a3e1f",
        "#a8352a"
      ],
      "typography": "Righteous başlıklar (iki katlı ofset gölge) + Fredoka 500/600 alt başlık ve butonlar + sistem sans gövde + monospace etiketler",
      "layout": "Ortalanmış güneş hero, köşeden kıvrılan dört renkli şerit ayraç, üç ilke kutusu, dört kalın konturlu ürün kartı",
      "motion": "Yalnızca yıldız rozet döner (24 sn); başka hiçbir şey kıpırdamaz",
      "avoid": "Neon, siyah zemin, ince ızgara, soğuk mavi, piksel/dijital doku, keskin köşe, cam/bulanıklık efekti",
      "name": "Retro 70'ler",
      "reference": "Reklam afişi · Groovy",
      "section": 6,
      "description": "Güneş yayları, gökkuşağı şeritler, kabarık tipografi ve sıcak toprak paleti; basılı reklam retrosu.",
      "description_en": "Retro 70s: sunburst arcs, rainbow stripes, bubbly type and a warm earthy palette from print ads.",
      "keywords": [
        "70s retro",
        "groovy typography",
        "rainbow stripes",
        "sunburst arcs",
        "earth tones"
      ],
      "name_en": "Retro 70s"
    },
    {
      "id": 78,
      "slug": "78-cyberpunk",
      "file": "78-cyberpunk.dc.html",
      "title": "Cyberpunk",
      "prompt_en": "Design a cyberpunk night-market app page in the Blade Runner / Neuromancer \"high tech, low life\" register: dirty, crowded, street-level. Wet-asphalt background (#0b0612) lit by competing magenta (#ff2a6d) and cyan (#05d9e8) neon glows, a reversed gradient in the lower half for rain reflection, and a 3px repeating scanline overlay. Hero headline in Orbitron 900, 88px, stacked three times: base #d1f7ff, one copy magenta shifted 2px left, one cyan shifted 2px right, each clipped to horizontal slices via clip-path and twitching with keyframes. Vertical neon signage (writing-mode: vertical-rl) of ▮▯ block characters, yellow-black 45° hazard stripes (#f9f002/#000), dark product cards with 1px cyan borders and clipped corners, monospace yellow prices, a blinking \"CONNECTION: UNSAFE\" row. Body in Share Tech Mono.",
      "brief_tr": "Yağmurlu megakentin karaborsa uygulaması: kirli neon, glitch başlık, dikey tabelalar ve uyarı bantlarıyla kalabalık, sokak kokan bir arayüz.",
      "palette": [
        "#0b0612",
        "#ff2a6d",
        "#05d9e8",
        "#f9f002",
        "#d1f7ff"
      ],
      "typography": "Orbitron 900/700 (büyük harf başlık ve buton) + Share Tech Mono gövde, etiket, fiyat ve gürültü satırları",
      "layout": "İki dikey tabela şeridi arasında hero + sağ ürün kolonu; sarı-siyah uyarı bantları, kesik köşeli kartlar, üst üste binen ışık katmanları",
      "motion": "Seyrek, ani glitch (steps ile kanal kayması), titreyen neon tabela, yanıp sönen durum noktası; yumuşak geçiş yok",
      "avoid": "Temiz boşluk, pastel, yuvarlak dostluk, tek renk, steril simetri, parçacık yağmuru, temiz HUD braketleri",
      "name": "Cyberpunk",
      "reference": "Blade Runner · Neuromancer",
      "section": 6,
      "description": "Kirli neon, glitch başlık, tarama çizgileri ve sarı uyarı bantları: high tech, low life.",
      "description_en": "Cyberpunk: dirty neon, glitch headlines, scanlines and hazard stripes — high tech, low life.",
      "keywords": [
        "cyberpunk",
        "neon glitch",
        "scanlines",
        "hazard stripes",
        "magenta cyan"
      ],
      "name_en": "Cyberpunk"
    },
    {
      "id": 79,
      "slug": "79-pixel-art",
      "file": "79-pixel-art.dc.html",
      "title": "Pixel Art",
      "prompt_en": "Design an 8-bit NES-era pixel-art landing page for the indie game \"Kule Kedisi\". Everything snaps to a 4px grid: no anti-aliasing, gradients or border-radius. Six colors only: navy #1b1b3a, off-white #f8f8f8, coral #ff6b6b, yellow #ffd93d, teal #4ecdc4, ink #2b2d42. Hero: navy sky with 4px box-shadow stars, stepped clouds, staircase hills, teal ground, a 12×12 cat sprite drawn as one div with an 8px box-shadow list, pixel hearts for lives, a 44px 'Press Start 2P' title with hard 4px/8px offset shadows, and \"PRESS START\" blinking on step-end keyframes. Below: an RPG dialogue box (4px white border, ▼ cursor), a ► cursor main menu and a high-score table with XP bar, all with 8px block shadows. 'VT323' body at 22–26px.",
      "brief_tr": "4px ızgaraya kilitli, altı renkli, blok gölgeli konsol dili: box-shadow ile çizilmiş sprite, yanıp sönen PRESS START ve RPG diyalog kutusuyla bağımsız oyun sayfası.",
      "palette": [
        "#1b1b3a",
        "#f8f8f8",
        "#ff6b6b",
        "#ffd93d",
        "#4ecdc4",
        "#2b2d42"
      ],
      "typography": "'Press Start 2P' (başlık 44px, etiketler 9–14px, blok text-shadow) + 'VT323' gövde 22–26px; anti-aliasing'e ihtiyaç duymayan bitmap fontlar",
      "layout": "620 oyun sahnesi (HUD köşelerde, sprite merkezde, zemin altta); altında menü / diyalog kutusu / skor tablosu üç kolonu; 4px kontur, 8px blok gölge",
      "motion": "Yalnızca step-end: PRESS START ve ► imleci 1 sn'de yanıp söner, sprite 8px zıplar, ▼ 4px iner; ease yok, kare atlar",
      "avoid": "Yumuşatılmış kenar, gradyan, yuvarlak köşe, bulanık gerçek gölge, yüksek çözünürlüklü ikon, 4'ün katı olmayan ölçü, yedinci renk",
      "name": "Pixel Art",
      "reference": "8-bit · NES dönemi",
      "section": 6,
      "description": "4px ızgara, sınırlı palet, blok gölgeler ve box-shadow ile çizilmiş sprite'lar; konsol nostaljisi.",
      "description_en": "Pixel art: 4px grid, limited palette, block shadows and CSS-drawn sprites — console nostalgia.",
      "keywords": [
        "pixel art",
        "8-bit UI",
        "sprite",
        "block shadow",
        "retro game menu"
      ],
      "name_en": "Pixel Art"
    },
    {
      "id": 80,
      "slug": "80-surreal-tasarim",
      "file": "80-surreal-tasarim.dc.html",
      "title": "Sürreal Tasarım",
      "prompt_en": "Design a Magritte-style surrealist landing page for a fictional sleep brand, \"Bulut Odası\". A 720px hero with a daytime sky gradient (#6fa8dc to #dbe9f7) and flat white cloud blobs made of overlapping border-radius shapes, above a night street strip (#0f1b3d) with one glowing lamp — day and night in one frame. Add a tall door filled with a starry night sky, a slowly floating bowler-hat silhouette, and an oversized green apple (#2e7d32) in front of a small card, defying scale. Headline in Cormorant Garamond italic at 74px with \"This is not a headline\" beneath; system-font body on cream (#f6f3ea). Pricing cards look ordinary, except one casts its shadow upward and one hovers 40px above a detached shadow. Flat, calm, clean — no melting or glitch.",
      "brief_tr": "Gündüz göğü altında gece sokağı, havada asılı şapka, kart önünde dev elma: sakin tonla anlatılan imkânsız bir uyku markası.",
      "palette": [
        "#6fa8dc",
        "#dbe9f7",
        "#0f1b3d",
        "#f6f3ea",
        "#2e7d32"
      ],
      "typography": "Cormorant Garamond italik (74px başlık, 22–34px notlar ve fiyatlar) + sistem sans gövde + monospace etiketler",
      "layout": "Tam genişlik gök sahnesi + alt gece şeridi; sahneye mutlak konumlu kapı, şapka, elma ve kart; üç ilke kolonu, üç fiyat kartı",
      "motion": "Bulutlar 18–24 sn yavaş kayar, şapka 6 sn'de hafifçe iner kalkar; başka hiçbir şey kıpırdamaz",
      "avoid": "Eriyen veya bozuk şekil, kaos, glitch, koyu korku havası, aşırı doku, fırça izi, çok sayıda şaka",
      "name": "Sürreal Tasarım",
      "reference": "René Magritte",
      "section": 5,
      "description": "Gündüz göğü ve gece kapısı, havada asılı nesneler, ters gölgeler: sakin ton, imkânsız içerik.",
      "description_en": "Surreal design: day sky and night doorway, floating objects, wrong-way shadows — calm tone, impossible content.",
      "keywords": [
        "surreal UI",
        "Magritte",
        "floating objects",
        "impossible scale",
        "cloud sky"
      ],
      "name_en": "Surreal Design"
    },
    {
      "id": 81,
      "slug": "81-bohem",
      "file": "81-bohem.dc.html",
      "title": "Bohem",
      "prompt_en": "Design a bohemian, Anthropologie-style landing page for a fictional ceramics and weaving studio (\"Toprak & Yün\"). Warm beige ground (#efe3d0) with a faint 22px dot texture, a terracotta (#c96f4a) hero block on the right holding arch-topped image placeholders (border-radius 999px 999px 0 0) filled with soft vertical gradients and thin repeating-linear-gradient weave lines, a macramé fringe of uneven 2px vertical strands, olive (#6b7d4f) rotated-ellipse leaves, and a sun badge made of a circle with ray lines. Headline in Cormorant Garamond 78px medium with an italic olive word; handwritten Caveat accents rotated -3deg; pill-shaped terracotta button. Cards on sand (#e9d8c0) with 24px radius and dotted 1.5px borders; ink text #3f2f25. No sharp corners, no cool greys, no pure white.",
      "brief_tr": "Toprak tonları, kemerli görseller, dokuma çizgileri, püskül ve yaprak detaylarıyla sıcak, gevşek, el işi hissinde bir atölye sayfası.",
      "palette": [
        "#efe3d0",
        "#c96f4a",
        "#6b7d4f",
        "#e9d8c0",
        "#3f2f25"
      ],
      "typography": "Cormorant Garamond 400–600 (başlık, gövde, italik vurgu) + Caveat 500–600 el yazısı vurgular + monospace etiketler",
      "layout": "Bej/terracotta ikiye bölünmüş hero, kemerli görsel yer tutucular, üç ilke kartı, dört ürün kartı; 24px kavis, noktalı ayraçlar",
      "motion": "Yaprağın 6 sn'lik hafif salınımı, bağlantılarda opaklık; başka hareket yok",
      "avoid": "Keskin köşe, soğuk gri, parlak neon, kurumsal ızgara, saf beyaz",
      "name": "Bohem",
      "reference": "Boho · Anthropologie ekolü",
      "section": 6,
      "description": "Terracotta ve bej, kemerli çerçeveler, dokuma dokular ve botanik motifler; sıcak, gevşek, organik.",
      "description_en": "Bohemian: terracotta and beige, arched frames, woven textures and botanical motifs — warm and organic.",
      "keywords": [
        "boho",
        "terracotta palette",
        "arch shapes",
        "woven texture",
        "botanical motifs"
      ],
      "name_en": "Bohemian"
    },
    {
      "id": 82,
      "slug": "82-viktorya",
      "file": "82-viktorya.dc.html",
      "title": "Viktorya Dönemi",
      "prompt_en": "Design a Victorian tea house and apothecary website in the spirit of 19th-century engraved labels and William Morris. Cream parchment (#f4ecd8), near-black ink (#1e1a17), antique gold (#b08d3c), Morris green (#2f4f3a), claret (#7a1f2b). Everything centered. Hero framed by a 3px double border with a 1px inner rule and gold quarter-round corner flourishes; a double-ring medallion with ✦ inside, an \"Established 1871\" line with ❦ ❧ fleurons, a 78px Playfair Display 900 title, a Cinzel Decorative letterspaced subtitle, italic lead and double-bordered buttons. Product cards read as bottle labels: ivory ground, double rule, centered serif text, engraved placeholder images of 2px repeating horizontal lines, gold hairlines flanking a serif price. Leaf-pattern green bands between sections; no sans-serif, no single flat rules.",
      "brief_tr": "Çift çizgili çerçeve, gravür dokulu görsel, madalyon amblem ve fleuron süslerle 1871 tarihli bir çay evi etiketi gibi kurgulanmış, tamamen ortalı Viktorya sayfası.",
      "palette": [
        "#f4ecd8",
        "#1e1a17",
        "#b08d3c",
        "#2f4f3a",
        "#7a1f2b"
      ],
      "typography": "Playfair Display 900 (başlık, fiyat) + italik 400 (gövde) + Cinzel Decorative geniş aralıklı büyük harf etiket; Georgia yedek",
      "layout": "Ortalı tek sütun hero, çift çizgi + iç ince çizgi çerçeve, köşe kıvrımı, madalyon; üç etiket-kart; yaprak desenli yeşil bordür",
      "motion": "Yok; yalnızca bağlantı üzerinde bordoya dönen renk",
      "avoid": "Sola hizalı sans-serif, düz tek çizgi, boşluk israfı (dönemin ruhu doludur), parlak/neon renk, yuvarlak köşeli kart, mono fiyat",
      "name": "Viktorya Dönemi",
      "reference": "19. yy gravür · William Morris",
      "section": 3,
      "description": "Çift çizgili çerçeveler, fleuron süsler, ortalı serif ve gravür dokusu; süs hiyerarşidir.",
      "description_en": "Victorian: double-rule frames, fleurons, centered serifs and engraving textures — ornament as hierarchy.",
      "keywords": [
        "victorian ornament",
        "double rule frame",
        "engraving texture",
        "fleuron",
        "centered serif"
      ],
      "name_en": "Victorian Era"
    },
    {
      "id": 83,
      "slug": "83-graffiti",
      "file": "83-graffiti.dc.html",
      "title": "Graffiti",
      "prompt_en": "Design a graffiti / wildstyle streetwear sneaker-drop page for a fictional brand. Background is a CSS brick wall: #5a4a44 bricks with 6px #2a2a2a mortar lines from repeating-linear-gradients, darkened by radial vignettes, never a white page. Behind the hero sits spray haze: three blurred (70px) radial blobs in #ff3b3b, #00c2ff and #ffe600. The 230px 'Bangers' headline is rotated -4deg and filled #ff3b3b with a thick black multi-layer text-shadow outline, then a 6px #ffe600 offset shadow and a #00c2ff third layer; paint drips hang from the letters as thin rounded bars ending in circles. Add rotated white stickers with 4px black borders (\"DROP 08.15\"), yellow and cyan tape strips, CSS-triangle wildstyle arrows, tilted product cards with 8px hard black shadows and yellow price tags. 'Permanent Marker' for handwritten accents, system sans for body.",
      "brief_tr": "Tuğla duvar, sprey pusu, çok katmanlı kontur ve sarkan damlalarla \"throw-up\" enerjisinde bir sokak giyim drop sayfası.",
      "palette": [
        "#3a3a3a",
        "#5a4a44",
        "#ff3b3b",
        "#ffe600",
        "#00c2ff",
        "#ffffff"
      ],
      "typography": "Bangers (230px başlık, ürün adı, buton) + Permanent Marker (vurgu, sticker, fiyat) + system sans gövde; çok katmanlı text-shadow kontur",
      "layout": "Tuğla duvar hero: sol dev başlık + damla + ok + sticker, sağ üç eğik ilke kutusu; altta 4 eğik ürün kartı; her şey ±1–9° dönük",
      "motion": "Damlaların yavaşça uzaması (3–4 sn scaleY), hover'da parlaklık artışı; başka hareket yok",
      "avoid": "Temiz beyaz zemin, ince tipografi, hizalı ızgara, pastel, gölgesiz düz metin, yumuşak gri gölge",
      "name": "Graffiti",
      "reference": "Sokak sanatı · Wildstyle",
      "section": 6,
      "description": "Tuğla duvar, çok konturlu bubble harfler, sprey pusu ve damlalar; sokak enerjisi.",
      "description_en": "Graffiti: brick wall, multi-outline bubble letters, spray haze and drips — street energy.",
      "keywords": [
        "graffiti",
        "bubble letters",
        "spray paint",
        "brick wall",
        "stickers"
      ],
      "name_en": "Graffiti"
    },
    {
      "id": 84,
      "slug": "84-aurora",
      "file": "84-aurora.dc.html",
      "title": "Aurora",
      "prompt_en": "Design an aurora-style landing page for a premium sleep and focus sound app called \"Işık\". Deep night background (#050b1a) with four or five tall, slightly tilted elliptical light curtains in the upper half — radial gradients of green (#3ef2a8), violet (#8b5cf6) and cyan (#22d3ee) blurred 60–70px, drifting slowly with 14–20s translate/opacity keyframes, fading into the ground; a few box-shadow stars. Centered 84px Outfit headline in weight 300 with one word at 600, 18px light paragraph, a pill CTA with a 1px translucent white border and inner glow. Three feature cards at 4% white fill with 1px 10% borders, each with a small blurred glow of its own color in a corner. A waveform SVG with a green-to-violet-to-cyan stroke gradient. White text only; the light carries all color.",
      "brief_tr": "Gece zemininde yavaşça süzülen yeşil-mor-cyan ışık perdeleri, ince beyaz tipografi ve ışık kenarlı buton: ışığın kendisinin içerik olduğu sakin, premium uygulama sayfası.",
      "palette": [
        "#050b1a",
        "#3ef2a8",
        "#8b5cf6",
        "#22d3ee",
        "#f5f7ff"
      ],
      "typography": "Outfit 300 (başlık ve gövde) + 600 (tek vurgu kelimesi) + monospace etiketler; her şey beyaz (#f5f7ff)",
      "layout": "Ortalanmış hero (ışık perdesi üst yarıda), üç saydam kart, iki kolonlu dalga formu bölümü, üç ilke sütunu",
      "motion": "Blob'lar 14–20 sn'de translate/opacity ile süzülür, yıldızlar 5 sn'de nefes alır; arayüz öğeleri kıpırdamaz",
      "avoid": "Sert kenarlı gradyan, kirli neon, kalın outline, açık zemin, kalabalık, cam panel (glassmorphism), vaporwave ızgarası",
      "name": "Aurora",
      "reference": "Kuzey ışıkları · Mesh gradient",
      "section": 4,
      "description": "Gece zemininde süzülen yeşil-mor-cyan ışık perdeleri, blur derinlik ve ince beyaz tipografi.",
      "description_en": "Aurora: drifting green-violet-cyan light curtains on night, blurred depth and thin white type.",
      "keywords": [
        "aurora gradient",
        "mesh blur",
        "northern lights",
        "dark premium",
        "glow"
      ],
      "name_en": "Aurora"
    },
    {
      "id": 85,
      "slug": "85-el-yazisi",
      "file": "85-el-yazisi.dc.html",
      "title": "El Yazısı",
      "prompt_en": "Design a handwritten notebook-style landing page for a personal learning and planning app called \"Defterim\". Cream paper (#fdfbf5) with a 24px graph-paper grid drawn in thin blue-grey lines (#d7dce6), a red margin rule on the left and a column of spiral punch holes. Headline in Caveat 700 at 92px, slightly rotated, with one word circled by a hand-drawn SVG ellipse (2.4px stroke, #2b2b2b); body in Patrick Hand at 21px. Highlight key phrases with a translucent yellow marker (#fff176, skew -2deg, bold). Add doodle SVG arrows, a to-do list with hand-drawn checkmarks and strikethroughs, a yellow and a pink (#f48fb1) sticky note with a folded corner, a white-framed \"photo\" card held by a paperclip, and a faint coffee ring (6px rgba(120,80,40,.25) border). No sharp grid, no geometric sans, no corporate blue, no glossy buttons.",
      "brief_tr": "Kareli defter sayfası, el yazısı fontlar, fosforlu vurgu, yapışkan not ve karalama oklarıyla insan sıcaklığı taşıyan öğrenme/planlama uygulaması.",
      "palette": [
        "#fdfbf5",
        "#2b2b2b",
        "#fff176",
        "#f48fb1",
        "#d7dce6"
      ],
      "typography": "Caveat 700 (başlık, 92px, hafif eğik) + Patrick Hand (gövde 21px, liste) + monospace küçük etiketler; fosforlu kalın vurgu",
      "layout": "Kareli sayfa, sol marj çizgisi ve spiral delikler; solda başlık + yapılacaklar, sağda dağınık kolaj (fotoğraf, iki yapışkan not, oklar); üç elle çizilmiş ilke kutusu",
      "motion": "Yapışkan not 6 sn'de hafifçe sallanır; bağlantıda fosforlu arka plan belirir; başka animasyon yok",
      "avoid": "Geometrik sans, keskin ızgara, kurumsal mavi, gölgeli butonlar, mükemmel hizalama, dördüncü fosfor vurgusu",
      "name": "El Yazısı",
      "reference": "Defter · Doodle",
      "section": 4,
      "description": "Kareli defter, el yazısı fontlar, fosforlu vurgu, karalama oklar ve yapışkan notlar; insan sıcaklığı.",
      "description_en": "Handwritten: grid notebook, script fonts, highlighter marks, doodle arrows and sticky notes — human warmth.",
      "keywords": [
        "handwritten",
        "notebook grid",
        "highlighter",
        "doodle arrows",
        "sticky notes"
      ],
      "name_en": "Handwritten"
    }
  ]
}