{"id":4113,"date":"2023-07-13T10:22:45","date_gmt":"2023-07-13T10:22:45","guid":{"rendered":"https:\/\/designingmedia.com\/aimentor\/?page_id=4113"},"modified":"2026-08-05T13:06:35","modified_gmt":"2026-08-05T10:06:35","slug":"yapay-zeka-desen-tasarim-araclari","status":"publish","type":"page","link":"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/","title":{"rendered":"Yapay Zeka Desen Tasar\u0131m Ara\u00e7lar\u0131"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4113\" class=\"elementor elementor-4113\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbe0044 e-flex e-con-boxed e-con e-parent\" data-id=\"dbe0044\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ede37d elementor-widget elementor-widget-html\" data-id=\"5ede37d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\nAIT AI TOOLS \u2014 TASARIM ARA\u00c7LARIMIZ (T\u00dcRK\u00c7E) \u00b7 18 ara\u00e7 \u00b7 5 a\u015fama\r\nPaste this ENTIRE block into ONE Elementor HTML widget.\r\n\r\nRecommended Elementor settings:\r\n- Page layout: Elementor Full Width\r\n- Parent container padding: 0\r\n- Parent container gap: 0\r\n- Keep the site header\/footer outside this widget\r\n\r\nBEFORE PUBLISHING: replace TOOLS_VIDEO_URL with your Media Library .mp4 URL.\r\n============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500;1,9..144,600&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   01 \u2014 DESIGN TOKENS\r\n============================================================ *\/\r\n.ait-tools-page{\r\n  --ait-green:#00483D;\r\n  --mint:#48C6A3;\r\n  --mint-strong:#2FAE8B;\r\n  --mint-bright:#67F0C7;\r\n  --archivist:#9F9FFF;\r\n\r\n  --bg-0:#050A08;\r\n  --bg-1:#08110E;\r\n  --bg-2:#0C1814;\r\n  --bg-3:#11231C;\r\n  --panel:#0B120F;\r\n  --panel-2:#0E1915;\r\n\r\n  --line:rgba(103,240,199,.13);\r\n  --line-strong:rgba(103,240,199,.30);\r\n  --white-line:rgba(242,247,245,.10);\r\n\r\n  --tx-1:#F4F8F6;\r\n  --tx-2:rgba(244,248,246,.70);\r\n  --tx-3:rgba(244,248,246,.44);\r\n\r\n  --display:'Fraunces',serif;\r\n  --body:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\r\n  --mono:'JetBrains Mono',monospace;\r\n\r\n  --container:1260px;\r\n  --radius-xl:30px;\r\n  --radius-lg:22px;\r\n  --radius-md:16px;\r\n  --pill:999px;\r\n  --header-offset:92px;\r\n\r\n  --shadow:0 34px 90px rgba(0,0,0,.50);\r\n  --glow:0 0 28px rgba(72,198,163,.30),0 0 80px rgba(72,198,163,.12);\r\n  --ease:cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ait-tools-page,\r\n.ait-tools-page *,\r\n.ait-tools-page *::before,\r\n.ait-tools-page *::after{box-sizing:border-box}\r\n\r\n.ait-tools-page{\r\n  width:100%;\r\n  margin:0;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at 50% -8%,rgba(72,198,163,.08),transparent 28rem),\r\n    var(--bg-0);\r\n  color:var(--tx-1);\r\n  font-family:var(--body);\r\n  line-height:1.55;\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n.ait-tools-page img{display:block;max-width:100%}\r\n.ait-tools-page a{color:inherit;text-decoration:none}\r\n.ait-tools-page button,\r\n.ait-tools-page input{font:inherit}\r\n.ait-tools-page button{color:inherit}\r\n.ait-tools-page ::selection{background:var(--mint);color:#04231C}\r\n.ait-tools-page :focus-visible{\r\n  outline:3px solid var(--mint);\r\n  outline-offset:3px;\r\n  border-radius:8px;\r\n}\r\n\r\n.ait-tools-page .wrap{\r\n  width:min(100%,var(--container));\r\n  margin-inline:auto;\r\n  padding-inline:clamp(1rem,4vw,2.5rem);\r\n}\r\n\r\n.ait-tools-page h1,\r\n.ait-tools-page h2,\r\n.ait-tools-page h3{\r\n  margin:0;\r\n  font-family:var(--display);\r\n  font-weight:600;\r\n  letter-spacing:-.025em;\r\n}\r\n\r\n.ait-tools-page p{margin:0}\r\n\r\n.ait-tools-page em{\r\n  color:var(--mint-bright);\r\n  font-family:var(--display);\r\n  font-style:italic;\r\n}\r\n\r\n.ait-tools-page .eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:.55rem;\r\n  color:var(--mint);\r\n  font-family:var(--mono);\r\n  font-size:.7rem;\r\n  font-weight:500;\r\n  letter-spacing:.15em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.ait-tools-page .eyebrow::before{\r\n  content:\"\";\r\n  width:20px;\r\n  height:1px;\r\n  background:currentColor;\r\n  opacity:.72;\r\n}\r\n\r\n\/* ============================================================\r\n   02 \u2014 BUTTONS\r\n============================================================ *\/\r\n.ait-tools-page .btn{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:.55rem;\r\n  min-height:52px;\r\n  padding:.95rem 1.8rem;\r\n  overflow:hidden;\r\n  border:1px solid transparent;\r\n  border-radius:var(--pill);\r\n  cursor:pointer;\r\n  font-family:var(--body);\r\n  font-size:.93rem;\r\n  font-weight:800;\r\n  white-space:nowrap;\r\n  transition:transform .2s var(--ease),background .2s ease,border-color .2s ease,box-shadow .25s ease;\r\n}\r\n\r\n.ait-tools-page .btn .arr{transition:transform .2s ease}\r\n.ait-tools-page .btn:hover .arr{transform:translateX(5px)}\r\n\r\n.ait-tools-page .btn-primary{\r\n  color:#03241C;\r\n  background:linear-gradient(135deg,var(--mint-bright),var(--mint) 48%,var(--mint-strong));\r\n  box-shadow:var(--glow);\r\n}\r\n\r\n.ait-tools-page .btn-primary::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.50) 50%,transparent 60%);\r\n  transform:translateX(-120%);\r\n  transition:transform .55s ease;\r\n}\r\n\r\n.ait-tools-page .btn-primary:hover{\r\n  transform:translateY(-2px) scale(1.025);\r\n  box-shadow:0 0 36px rgba(72,198,163,.48),0 0 100px rgba(72,198,163,.20);\r\n}\r\n\r\n.ait-tools-page .btn-primary:hover::before{transform:translateX(120%)}\r\n\r\n.ait-tools-page .btn-ghost{\r\n  color:var(--tx-1);\r\n  background:rgba(244,248,246,.05);\r\n  border-color:rgba(244,248,246,.17);\r\n  backdrop-filter:blur(12px);\r\n}\r\n\r\n.ait-tools-page .btn-ghost:hover{\r\n  transform:translateY(-2px);\r\n  background:rgba(244,248,246,.10);\r\n  border-color:rgba(244,248,246,.30);\r\n}\r\n\r\n\/* ============================================================\r\n   03 \u2014 HERO COPY\r\n============================================================ *\/\r\n.ait-tools-page .product-hero{\r\n  position:relative;\r\n  isolation:isolate;\r\n  padding:clamp(7rem,10vw,9rem) 0 clamp(2.8rem,4.5vw,4rem);\r\n}\r\n\r\n.ait-tools-page .product-hero::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:-2;\r\n  top:-300px;\r\n  left:50%;\r\n  width:1050px;\r\n  height:720px;\r\n  transform:translateX(-50%);\r\n  background:\r\n    radial-gradient(circle at 30% 56%,rgba(72,198,163,.18),transparent 34%),\r\n    radial-gradient(circle at 70% 45%,rgba(159,159,255,.10),transparent 32%);\r\n  filter:blur(28px);\r\n  pointer-events:none;\r\n}\r\n\r\n.ait-tools-page .hero-copy{\r\n  display:grid;\r\n  justify-items:center;\r\n  gap:1rem;\r\n  width:min(100%, 760px);\r\n  margin-inline:auto;\r\n  margin-bottom:clamp(2.2rem,3.8vw,3.1rem);\r\n  text-align:center;\r\n}\r\n\r\n.ait-tools-page .hero-copy h1{\r\n  max-width:13ch;\r\n  margin-inline:auto;\r\n  font-size:clamp(2.45rem,4.2vw,4.6rem);\r\n  line-height:.98;\r\n  text-align:center;\r\n  text-wrap:balance;\r\n}\r\n\r\n.ait-tools-page .hero-copy .lede{\r\n  max-width:58ch;\r\n  margin-inline:auto;\r\n  color:var(--tx-2);\r\n  font-size:clamp(.94rem,.22vw + .88rem,1.05rem);\r\n  line-height:1.58;\r\n  text-align:center;\r\n  text-wrap:balance;\r\n}\r\n\r\n.ait-tools-page .hero-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  width:100%;\r\n  gap:.8rem;\r\n  margin-top:.25rem;\r\n}\r\n\r\n.ait-tools-page .hero-proof{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  width:100%;\r\n  gap:.5rem 1.05rem;\r\n  margin-top:.15rem;\r\n  color:var(--tx-3);\r\n  font-family:var(--mono);\r\n  font-size:.63rem;\r\n  letter-spacing:.03em;\r\n  text-align:center;\r\n}\r\n\r\n.ait-tools-page .hero-proof span{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:.42rem;\r\n}\r\n\r\n.ait-tools-page .hero-proof span::before{\r\n  content:\"\";\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  background:var(--mint);\r\n  box-shadow:0 0 12px rgba(72,198,163,.8);\r\n}\r\n\r\n.ait-tools-page .hero-copy .btn{\r\n  min-height:50px;\r\n  padding:.9rem 1.7rem;\r\n  font-size:.91rem;\r\n}\r\n\r\n.ait-tools-page .hero-copy .eyebrow{\r\n  font-size:.67rem;\r\n}\r\n\r\n\/* ============================================================\r\n   04 \u2014 PRODUCT VIDEO\r\n============================================================ *\/\r\n.ait-tools-page .video-shell{\r\n  position:relative;\r\n  max-width:1120px;\r\n  margin-inline:auto;\r\n}\r\n\r\n.ait-tools-page .video-player{\r\n  display:block;\r\n  width:100%;\r\n  height:auto;\r\n  aspect-ratio:16\/9;\r\n  object-fit:cover;\r\n  border:1px solid rgba(103,240,199,.18);\r\n  border-radius:23px;\r\n  background:#020806;\r\n  pointer-events:none;\r\n  box-shadow:\r\n    0 32px 90px rgba(0,0,0,.72),\r\n    0 0 0 1px rgba(103,240,199,.07),\r\n    0 0 52px rgba(72,198,163,.17);\r\n}\r\n\r\n.ait-tools-page .video-player::-webkit-media-controls{display:none!important}\r\n\r\n@media (max-width:560px){\r\n  .ait-tools-page .video-player{border-radius:15px}\r\n}\r\n\r\n\/* ============================================================\r\n   05 \u2014 PRODUCTION ROUTE\r\n============================================================ *\/\r\n.ait-tools-page .route-section{\r\n  padding:clamp(3.7rem,8vw,7rem) 0 clamp(2.7rem,6vw,4.6rem);\r\n}\r\n\r\n.ait-tools-page .section-heading{\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n  gap:1.5rem;\r\n  margin-bottom:1.5rem;\r\n}\r\n\r\n.ait-tools-page .section-heading h2{\r\n  max-width:20ch;\r\n  margin-top:.65rem;\r\n  font-size:clamp(2rem,3.2vw,3.4rem);\r\n  line-height:1.02;\r\n  text-wrap:balance;\r\n}\r\n\r\n.ait-tools-page .section-heading p{\r\n  max-width:48ch;\r\n  color:var(--tx-2);\r\n  font-size:.95rem;\r\n}\r\n\r\n.ait-tools-page .route-grid{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:repeat(5,minmax(0,1fr));\r\n  gap:.75rem;\r\n}\r\n\r\n.ait-tools-page .route-grid::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:37px;\r\n  left:7%;\r\n  right:7%;\r\n  height:1px;\r\n  background:linear-gradient(90deg,transparent,var(--line-strong) 12%,var(--line-strong) 88%,transparent);\r\n}\r\n\r\n.ait-tools-page .route-card{\r\n  position:relative;\r\n  z-index:1;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:flex-start;\r\n  min-height:236px;\r\n  padding:.9rem;\r\n  border:1px solid var(--line);\r\n  border-radius:18px;\r\n  color:var(--tx-1);\r\n  background:linear-gradient(155deg,rgba(18,44,35,.48),rgba(7,17,13,.80));\r\n  cursor:pointer;\r\n  text-align:left;\r\n  white-space:normal;\r\n  overflow:hidden;\r\n  transition:transform .22s var(--ease),border-color .2s ease,background .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.ait-tools-page .route-card:hover{\r\n  transform:translateY(-4px);\r\n  border-color:rgba(103,240,199,.42);\r\n}\r\n\r\n.ait-tools-page .route-card.is-active{\r\n  border-color:var(--mint);\r\n  background:linear-gradient(155deg,rgba(30,73,59,.72),rgba(8,22,17,.88));\r\n  box-shadow:0 0 0 1px rgba(72,198,163,.13),0 20px 48px rgba(0,0,0,.32),0 0 30px rgba(72,198,163,.08);\r\n}\r\n\r\n.ait-tools-page .route-no{\r\n  display:grid;\r\n  place-items:center;\r\n  width:38px;\r\n  height:38px;\r\n  margin-bottom:1.1rem;\r\n  border:1px solid var(--line-strong);\r\n  border-radius:12px;\r\n  color:var(--mint-bright);\r\n  background:rgba(72,198,163,.10);\r\n  font-family:var(--mono);\r\n  font-size:.68rem;\r\n  font-weight:600;\r\n}\r\n\r\n.ait-tools-page .route-card.is-active .route-no{\r\n  color:#03241C;\r\n  background:var(--mint);\r\n  border-color:var(--mint);\r\n}\r\n\r\n.ait-tools-page .route-card h3{\r\n  width:100%;\r\n  font-family:var(--body);\r\n  font-size:1rem;\r\n  font-weight:800;\r\n  letter-spacing:-.025em;\r\n  white-space:normal;\r\n  overflow-wrap:break-word;\r\n  text-wrap:balance;\r\n}\r\n\r\n.ait-tools-page .route-card p{\r\n  width:100%;\r\n  margin-top:.45rem;\r\n  color:var(--tx-2);\r\n  font-size:.77rem;\r\n  line-height:1.5;\r\n  white-space:normal;\r\n  overflow-wrap:break-word;\r\n  word-break:break-word;\r\n  text-wrap:pretty;\r\n}\r\n\r\n.ait-tools-page .route-count{\r\n  width:100%;\r\n  margin-top:auto;\r\n  padding-top:1rem;\r\n  color:var(--tx-3);\r\n  font-family:var(--mono);\r\n  font-size:.61rem;\r\n  letter-spacing:.05em;\r\n  white-space:normal;\r\n}\r\n\r\n.ait-tools-page .route-card.is-active .route-count{color:var(--mint-bright)}\r\n\r\n\/* ============================================================\r\n   06 \u2014 LIBRARY\r\n============================================================ *\/\r\n.ait-tools-page .library-section{\r\n  padding:0 0 clamp(4rem,8vw,7rem);\r\n}\r\n\r\n\r\n.ait-tools-page .tools-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:clamp(.75rem,1.3vw,1rem);\r\n}\r\n\r\n.ait-tools-page .tool-card{\r\n  position:relative;\r\n  display:flex;\r\n  flex-direction:column;\r\n  min-width:0;\r\n  overflow:hidden;\r\n  border:1px solid rgba(244,248,246,.10);\r\n  border-radius:18px;\r\n  background:#0B110E;\r\n  transition:transform .28s var(--ease),border-color .25s ease,box-shadow .25s ease,opacity .2s ease;\r\n}\r\n\r\n.ait-tools-page .tool-card:hover{\r\n  transform:translateY(-7px);\r\n  border-color:var(--mint);\r\n  box-shadow:0 24px 52px rgba(0,0,0,.46),0 0 28px rgba(72,198,163,.12);\r\n}\r\n\r\n.ait-tools-page .tool-media{\r\n  position:relative;\r\n  aspect-ratio:1.18\/1;\r\n  overflow:hidden;\r\n  background:var(--bg-2);\r\n}\r\n\r\n.ait-tools-page .tool-media img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:transform .58s var(--ease),filter .25s ease;\r\n}\r\n\r\n.ait-tools-page .tool-card:hover .tool-media img{\r\n  transform:scale(1.07);\r\n  filter:saturate(1.08);\r\n}\r\n\r\n.ait-tools-page .tool-media::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(180deg,transparent 48%,rgba(5,11,8,.88) 100%);\r\n}\r\n\r\n.ait-tools-page .tool-tag,\r\n.ait-tools-page .tool-new{\r\n  position:absolute;\r\n  z-index:2;\r\n  top:.65rem;\r\n  padding:.28rem .52rem;\r\n  border-radius:8px;\r\n  font-family:var(--mono);\r\n  font-size:.51rem;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.ait-tools-page .tool-tag{\r\n  left:.65rem;\r\n  color:var(--mint-bright);\r\n  border:1px solid var(--line);\r\n  background:rgba(4,17,13,.72);\r\n  backdrop-filter:blur(7px);\r\n}\r\n\r\n.ait-tools-page .tool-new{\r\n  right:.65rem;\r\n  color:#03241C;\r\n  background:var(--mint);\r\n  font-weight:700;\r\n  box-shadow:0 0 16px rgba(72,198,163,.45);\r\n}\r\n\r\n.ait-tools-page .tool-body{\r\n  display:flex;\r\n  flex:1;\r\n  flex-direction:column;\r\n  gap:.45rem;\r\n  padding:1rem;\r\n}\r\n\r\n.ait-tools-page .tool-body h3{\r\n  font-family:var(--body);\r\n  font-size:1.04rem;\r\n  font-weight:800;\r\n  letter-spacing:-.028em;\r\n}\r\n\r\n.ait-tools-page .tool-body p{\r\n  color:var(--tx-2);\r\n  font-size:.78rem;\r\n  line-height:1.5;\r\n}\r\n\r\n.ait-tools-page .tool-result{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:.42rem;\r\n  margin-top:.2rem;\r\n  color:var(--tx-3);\r\n  font-family:var(--mono);\r\n  font-size:.57rem;\r\n}\r\n\r\n.ait-tools-page .tool-result::before{\r\n  content:\"\";\r\n  width:5px;\r\n  height:5px;\r\n  flex:none;\r\n  border-radius:50%;\r\n  background:var(--mint);\r\n}\r\n\r\n.ait-tools-page .tool-link{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:.4rem;\r\n  margin-top:auto;\r\n  padding-top:.8rem;\r\n  color:var(--mint-bright);\r\n  font-family:var(--mono);\r\n  font-size:.65rem;\r\n}\r\n\r\n.ait-tools-page .tool-link span{transition:transform .2s ease}\r\n.ait-tools-page .tool-card:hover .tool-link span{transform:translateX(6px)}\r\n.ait-tools-page .tool-card.is-hidden{display:none}\r\n\r\n.ait-tools-page .library-empty{\r\n  display:none;\r\n  grid-column:1\/-1;\r\n  padding:3.5rem 1rem;\r\n  color:var(--tx-3);\r\n  font-family:var(--mono);\r\n  font-size:.75rem;\r\n  text-align:center;\r\n}\r\n\r\n.ait-tools-page .library-empty.is-visible{display:block}\r\n.ait-tools-page .library-empty b{color:var(--mint-bright);font-weight:600}\r\n\r\n\/* ============================================================\r\n   07 \u2014 CTA\r\n============================================================ *\/\r\n.ait-tools-page .final-cta{\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  border-top:1px solid rgba(244,248,246,.06);\r\n  text-align:center;\r\n}\r\n\r\n.ait-tools-page .final-cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:-1;\r\n  bottom:-340px;\r\n  left:50%;\r\n  width:900px;\r\n  height:650px;\r\n  transform:translateX(-50%);\r\n  background:radial-gradient(closest-side,rgba(72,198,163,.28),transparent 72%);\r\n  filter:blur(20px);\r\n}\r\n\r\n.ait-tools-page .final-cta-inner{\r\n  display:grid;\r\n  justify-items:center;\r\n  gap:1.35rem;\r\n  padding:clamp(4rem,9vw,7rem) 0;\r\n}\r\n\r\n.ait-tools-page .final-cta h2{\r\n  max-width:21ch;\r\n  font-size:clamp(2.2rem,4vw,4rem);\r\n  line-height:1.03;\r\n  text-wrap:balance;\r\n}\r\n\r\n.ait-tools-page .final-cta p{\r\n  max-width:52ch;\r\n  color:var(--tx-2);\r\n  font-size:1rem;\r\n}\r\n\r\n.ait-tools-page .cta-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:.8rem;\r\n}\r\n\r\n.ait-tools-page .cta-micro{\r\n  color:var(--tx-3);\r\n  font-family:var(--mono);\r\n  font-size:.63rem;\r\n}\r\n\r\n\/* ============================================================\r\n   08 \u2014 RESPONSIVE\r\n============================================================ *\/\r\n@media (max-width:1240px){\r\n  .ait-tools-page .route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}\r\n  .ait-tools-page .route-grid::before{display:none}\r\n}\r\n\r\n@media (max-width:1100px){\r\n  .ait-tools-page .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}\r\n}\r\n\r\n@media (max-width:900px){\r\n  .ait-tools-page .section-heading{align-items:flex-start;flex-direction:column}\r\n  .ait-tools-page .route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}\r\n  .ait-tools-page .route-grid::before{display:none}\r\n  .ait-tools-page .route-card{min-height:210px}\r\n}\r\n\r\n@media (min-width:901px) and (max-height:900px){\r\n  .ait-tools-page .product-hero{\r\n    padding-top:6.4rem;\r\n    padding-bottom:2.7rem;\r\n  }\r\n  .ait-tools-page .hero-copy{\r\n    gap:.85rem;\r\n    margin-bottom:2rem;\r\n  }\r\n  .ait-tools-page .hero-copy h1{\r\n    font-size:clamp(2.25rem,3.65vw,4rem);\r\n  }\r\n  .ait-tools-page .hero-copy .lede{\r\n    max-width:66ch;\r\n    font-size:.96rem;\r\n    line-height:1.55;\r\n  }\r\n  .ait-tools-page .hero-proof{\r\n    font-size:.6rem;\r\n  }\r\n}\r\n\r\n@media (max-width:720px){\r\n  .ait-tools-page .product-hero{padding-top:7rem}\r\n  .ait-tools-page .hero-copy h1{font-size:clamp(2.2rem,10vw,3.4rem)}\r\n  .ait-tools-page .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\r\n}\r\n\r\n@media (max-width:520px){\r\n  .ait-tools-page .hero-actions,\r\n  .ait-tools-page .cta-actions{width:100%;flex-direction:column}\r\n  .ait-tools-page .btn{width:100%}\r\n  .ait-tools-page .route-grid{grid-template-columns:1fr}\r\n  .ait-tools-page .route-card{min-height:auto}\r\n  .ait-tools-page .tools-grid{grid-template-columns:1fr}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .ait-tools-page *,\r\n  .ait-tools-page *::before,\r\n  .ait-tools-page *::after{\r\n    scroll-behavior:auto!important;\r\n    animation-duration:.001ms!important;\r\n    animation-iteration-count:1!important;\r\n    transition-duration:.001ms!important;\r\n  }\r\n}\r\n\r\n\/* Elementor full-bleed safety *\/\r\nhtml,body{overflow-x:clip}\r\n.ait-tools-page{\r\n  width:100vw!important;\r\n  max-width:none!important;\r\n  margin-left:calc(50% - 50vw)!important;\r\n  margin-right:calc(50% - 50vw)!important;\r\n  padding-left:0!important;\r\n  padding-right:0!important;\r\n}\r\n@supports(width:100dvw){\r\n  .ait-tools-page{\r\n    width:100dvw!important;\r\n    margin-left:calc(50% - 50dvw)!important;\r\n    margin-right:calc(50% - 50dvw)!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ait-tools-page\" id=\"aitToolsPage\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"product-hero\">\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"hero-copy\">\r\n        <span class=\"eyebrow\">Kay\u0131t olmadan ke\u015ffedin<\/span>\r\n        <h1>Tekstil odakl\u0131 yapay zek\u00e2 <em>\u00e7al\u0131\u015fma alan\u0131n\u0131z.<\/em><\/h1>\r\n        <p class=\"lede\">\r\n          Ekibinizin desenleri tek bir \u00fcretime haz\u0131r aray\u00fcz i\u00e7inde nas\u0131l olu\u015fturdu\u011funu, d\u00fczenledi\u011fini, haz\u0131rlad\u0131\u011f\u0131n\u0131 ve sundu\u011funu g\u00f6r\u00fcn.\r\n          \u0130\u015f ak\u0131\u015f\u0131n\u0131 \u015fimdi ke\u015ffedin, platforma her \u015feyin nerede oldu\u011funu bilerek girin.\r\n        <\/p>\r\n\r\n        <div class=\"hero-actions\">\r\n          <a class=\"btn btn-primary\" href=\"https:\/\/aitools.ait.com.tr\/register\" target=\"_blank\" rel=\"noopener\">\r\n            \u00dccretsiz Tasarlamaya Ba\u015flay\u0131n <span class=\"arr\">\u2192<\/span>\r\n          <\/a>\r\n          <a class=\"btn btn-ghost\" href=\"https:\/\/calendly.com\/eren-ait\/aitools-demo\" target=\"_blank\" rel=\"noopener\">\r\n            20 Dakikal\u0131k Demo Randevusu Al\u0131n\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hero-proof\" aria-label=\"Platform avantajlar\u0131\">\r\n          <span>18 ba\u011flant\u0131l\u0131 ara\u00e7<\/span>\r\n          <span>Tekstil \u00fcretimi i\u00e7in geli\u015ftirildi<\/span>\r\n          <span>Kredi kart\u0131 gerekmez<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- PRODUCT VIDEO -->\r\n      <div class=\"video-shell\">\r\n        <!-- DE\u011e\u0130\u015eT\u0130R: TOOLS_VIDEO_URL -->\r\n        <video class=\"video-player\" id=\"toolsVideo\" muted loop playsinline preload=\"metadata\"\r\n               disablepictureinpicture disableremoteplayback\r\n               controlslist=\"nodownload noplaybackrate noremoteplayback\"\r\n               poster=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/Imagine.webp\"\r\n               aria-label=\"AIT AI Tools \u00e7al\u0131\u015fma alan\u0131 tan\u0131t\u0131m videosu\">\r\n          <source src=\"https:\/\/aibeta.ait.com.tr\/wp-content\/uploads\/2026\/07\/final.mp4\" type=\"video\/mp4\">\r\n          Taray\u0131c\u0131n\u0131z g\u00f6m\u00fcl\u00fc videoyu desteklemiyor.\r\n        <\/video>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROUTE -->\r\n  <section class=\"route-section\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-heading\">\r\n        <div>\r\n          <span class=\"eyebrow\">Bask\u0131ya giden yol<\/span>\r\n          <h2>\u0130\u015f ak\u0131\u015f\u0131na ekibinizin ihtiya\u00e7 duydu\u011fu ad\u0131mdan girin.<\/h2>\r\n        <\/div>\r\n        <p>\r\n          \u00dcretim a\u015famalar\u0131n\u0131 rehber bir yol olarak kullan\u0131n veya do\u011frudan tek bir araca ge\u00e7in.\r\n          Bir a\u015fama se\u00e7ti\u011finizde a\u015fa\u011f\u0131daki k\u00fct\u00fcphane filtrelenir.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"route-grid\" id=\"routeGrid\">\r\n        <button type=\"button\" class=\"route-card\" data-library-stage=\"generate\" aria-pressed=\"false\">\r\n          <span class=\"route-no\">01<\/span>\r\n          <h3>Olu\u015fturma ve d\u00fczenleme<\/h3>\r\n          <p>Bir brief, g\u00f6rsel referans veya bo\u015f sayfadan koleksiyona haz\u0131r bir desen y\u00f6n\u00fcne ge\u00e7in.<\/p>\r\n          <span class=\"route-count\">7 ba\u011flant\u0131l\u0131 ara\u00e7<\/span>\r\n        <\/button>\r\n\r\n        <button type=\"button\" class=\"route-card\" data-library-stage=\"rapport\" aria-pressed=\"false\">\r\n          <span class=\"route-no\">02<\/span>\r\n          <h3>Raport ve \u00e7\u00f6z\u00fcn\u00fcrl\u00fck<\/h3>\r\n          <p>Raportu onar\u0131n, \u00f6l\u00e7e\u011fi test edin ve deseni \u00fcretimin gerektirdi\u011fi boyutlara ta\u015f\u0131y\u0131n.<\/p>\r\n          <span class=\"route-count\">2 ba\u011flant\u0131l\u0131 ara\u00e7<\/span>\r\n        <\/button>\r\n\r\n        <button type=\"button\" class=\"route-card\" data-library-stage=\"color\" aria-pressed=\"false\">\r\n          <span class=\"route-no\">03<\/span>\r\n          <h3>Renk ve vekt\u00f6r haz\u0131rl\u0131\u011f\u0131<\/h3>\r\n          <p>Deseni ay\u0131r\u0131n, yeniden renklendirin, izole edin ve makineye haz\u0131r bir \u00e7al\u0131\u015fma dosyas\u0131na vekt\u00f6rleyin.<\/p>\r\n          <span class=\"route-count\">4 ba\u011flant\u0131l\u0131 ara\u00e7<\/span>\r\n        <\/button>\r\n\r\n        <button type=\"button\" class=\"route-card\" data-library-stage=\"mockup\" aria-pressed=\"false\">\r\n          <span class=\"route-no\">04<\/span>\r\n          <h3>G\u00f6rselle\u015ftirme ve sunum<\/h3>\r\n          <p>Fiziksel numune masraf\u0131na girmeden, desenin kuma\u015f \u00fczerinde nas\u0131l durdu\u011funu m\u00fc\u015fterinize g\u00f6sterin.<\/p>\r\n          <span class=\"route-count\">4 ba\u011flant\u0131l\u0131 ara\u00e7<\/span>\r\n        <\/button>\r\n\r\n        <button type=\"button\" class=\"route-card\" data-library-stage=\"presentation\" aria-pressed=\"false\">\r\n          <span class=\"route-no\">05<\/span>\r\n          <h3>Tasar\u0131m sunumu<\/h3>\r\n          <p>Bir tasar\u0131m y\u00f6n\u00fcn\u00fc m\u00fc\u015fterinin anlayaca\u011f\u0131 bir panoya d\u00f6n\u00fc\u015ft\u00fcr\u00fcn \u2014 palet, tema, motif ve kullan\u0131m alanlar\u0131 tek ekranda.<\/p>\r\n          <span class=\"route-count\">1 ba\u011flant\u0131l\u0131 ara\u00e7<\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TOOL LIBRARY -->\r\n  <section class=\"library-section\" id=\"toolLibrary\">\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"tools-grid\" id=\"toolsGrid\">\r\n\r\n        <!-- 01 \u2014 GENERATE & EDIT -->\r\n        <a class=\"tool-card\" data-stage=\"generate\" data-keywords=\"text to pattern metinden desen prompt brief olu\u015ftur \u00fcret kusursuz raport desen\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/yapay-zeka-desen-olusturma\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">01 \u00b7 Olu\u015ftur<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/text2imagine.webp\" alt=\"Text to Pattern tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Text to Pattern<\/h3>\r\n            <p>Yazd\u0131\u011f\u0131n\u0131z y\u00f6n\u00fc tarif edin; s\u0131radan bir ilham g\u00f6rseli de\u011fil, kusursuz raportlu bir tekstil deseni elde edin.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: \u00f6zg\u00fcn bir desen y\u00f6n\u00fc<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"generate\" data-keywords=\"imagine referans varyasyon \u00fcret desen g\u00f6rselden g\u00f6rsele\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/yapay-zeka-desen-tasarimi\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">01 \u00b7 Olu\u015ftur<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/Imagine.webp\" alt=\"Imagine yapay zek\u00e2 tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Imagine<\/h3>\r\n            <p>Bir referans ve yaz\u0131l\u0131 bir y\u00f6nlendirmeyle, koleksiyonunuz i\u00e7in yepyeni bir tasar\u0131m dili kurun.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: kontroll\u00fc tasar\u0131m varyasyonlar\u0131<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"generate\" data-keywords=\"style transfer stil transferi estetik sanatsal dil referans\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/yapay-zeka-stil-transferi\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">01 \u00b7 Olu\u015ftur<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/styletransfer.webp\" alt=\"Style Transfer tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Style Transfer<\/h3>\r\n            <p>Mevcut bir deseni, kompozisyonunu koruyarak ba\u015fka bir sanatsal dile \u00e7evirin.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: daha h\u0131zl\u0131 g\u00f6rsel ke\u015fif<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"generate\" data-keywords=\"pattern extractor desen \u00e7\u0131karma giysi kuma\u015f foto\u011fraf raport kusursuz\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/desen-cikarma\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">01 \u00b7 Olu\u015ftur<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/patternextractor-v2.webp\" alt=\"Pattern Extractor tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Pattern Extractor<\/h3>\r\n            <p>Giysi veya kuma\u015f foto\u011fraf\u0131ndan temiz bir raport \u00e7\u0131kar\u0131n ve desen \u00fczerinde \u00e7al\u0131\u015fmaya devam edin.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: yeniden kullan\u0131labilir desen dosyas\u0131<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"generate\" data-keywords=\"expand geni\u015fletme kompozisyon tuval yerle\u015fim\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/yapay-zeka-desen-genisletme\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">01 \u00b7 Olu\u015ftur<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/expand.webp\" alt=\"Expand yapay zek\u00e2 tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Expand<\/h3>\r\n            <p>G\u00f6rsel ak\u0131\u015f\u0131 bozmadan kompozisyonu diledi\u011finiz y\u00f6ne geni\u015fletin.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: esnek kompozisyonlar<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"generate\" data-keywords=\"inpainting b\u00f6lgesel d\u00fczenleme f\u0131r\u00e7a motif onar\u0131m alan\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/bolgesel-desen-duzenleme\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">01 \u00b7 Olu\u015ftur<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/inpainting.webp\" alt=\"Inpainting tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Inpainting<\/h3>\r\n            <p>Tasar\u0131m\u0131n geri kalan\u0131na dokunmadan tek bir motifi, nesneyi veya bozuk alan\u0131 de\u011fi\u015ftirin.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: ba\u015ftan \u00e7izmeden b\u00f6lgesel d\u00fczenleme<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"generate\" data-keywords=\"pattern editor desen d\u00fczenleme prompt kompozisyon motif renk\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/yapay-zeka-desen-duzenleme\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">01 \u00b7 Olu\u015ftur<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/editor.webp\" alt=\"Pattern Editor tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Pattern Editor<\/h3>\r\n            <p>Tek bir komutla motifleri, renkleri ve kompozisyonu yeniden kurgulay\u0131n; \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131z y\u00f6n korunsun.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: promptla sanat y\u00f6netimi<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- 02 \u2014 RAPPORT & RESOLUTION -->\r\n        <a class=\"tool-card\" data-stage=\"rapport\" data-keywords=\"upscaler \u00e7\u00f6z\u00fcn\u00fcrl\u00fck kalite piksel b\u00fcy\u00fctme iyile\u015ftirme 15000\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/yapay-zeka-desen-iyilestirme\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">02 \u00b7 Raport<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/upscaler.webp\" alt=\"Upscaler tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Upscaler<\/h3>\r\n            <p>Deseni, bask\u0131 s\u00fcrecinin gerektirdi\u011fi ayr\u0131nt\u0131lar\u0131 koruyarak 15.000 piksele kadar b\u00fcy\u00fct\u00fcn.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: \u00fcretim \u00f6l\u00e7e\u011finde \u00e7\u00f6z\u00fcn\u00fcrl\u00fck<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"rapport\" data-keywords=\"repeater raport raportlama tekrar kusursuz \u00f6l\u00e7ek onar\u0131m\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/yapay-zeka-desen-raportlama\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">02 \u00b7 Raport<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/repeater.webp\" alt=\"Repeater kusursuz raport \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Repeater<\/h3>\r\n            <p>\u00d6l\u00e7e\u011fi test edin, g\u00f6r\u00fcnen ek yerlerini onar\u0131n ve desen \u00fcretime gitmeden raportu sabitleyin.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: bask\u0131ya haz\u0131r kusursuz raport<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- 03 \u2014 COLOR & VECTOR -->\r\n        <a class=\"tool-card\" data-stage=\"color\" data-keywords=\"color separation renk ayr\u0131m\u0131 katman bask\u0131 32 renk bask\u0131 \u00f6ncesi\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/renk-ayrimi\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">03 \u00b7 Haz\u0131rla<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/colorsep.webp\" alt=\"Color Separation tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Color Separation<\/h3>\r\n            <p>Deseni 32 adede kadar d\u00fczenlenebilir renk katman\u0131na ay\u0131rarak bask\u0131 \u00f6ncesi s\u00fcreci h\u0131zland\u0131r\u0131n.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: d\u00fczenlenebilir bask\u0131 renk katmanlar\u0131<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"color\" data-keywords=\"vectorizer vekt\u00f6r svg \u00f6l\u00e7eklenebilir d\u00f6n\u00fc\u015ft\u00fcrme raster\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/vektorlestirme\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">03 \u00b7 Haz\u0131rla<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/vectorizer.webp\" alt=\"Vectorizer SVG tekstil \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Vectorizer<\/h3>\r\n            <p>Raster deseni, her \u00fcretim \u00f6l\u00e7e\u011finde keskin kalan temiz ve d\u00fczenlenebilir SVG'ye d\u00f6n\u00fc\u015ft\u00fcr\u00fcn.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: \u00f6l\u00e7eklenebilir, d\u00fczenlenebilir dosya<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"color\" data-keywords=\"background remover arka plan kald\u0131rma \u015feffaf izole kenar motif\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/arka-plan-kaldirma\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">03 \u00b7 Haz\u0131rla<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/bgremover.webp\" alt=\"Background Remover tekstil deseni \u00e7\u0131kt\u0131s\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Background Remover<\/h3>\r\n            <p>\u0130nce kenarlar\u0131, renkleri ve k\u00fc\u00e7\u00fck ayr\u0131nt\u0131lar\u0131 koruyarak deseni arka plan\u0131ndan ay\u0131r\u0131n.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: temiz, \u015feffaf zeminli desen<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"color\" data-keywords=\"colorway renk varyasyonu palet yeniden renklendirme koleksiyon yeni\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/renk-varyasyonu\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">03 \u00b7 Haz\u0131rla<\/span>\r\n            <span class=\"tool-new\">Yeni<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/colorway.webp\" alt=\"Colorway renk varyasyonlar\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Colorway<\/h3>\r\n            <p>Desenin yap\u0131s\u0131n\u0131 koruyarak birbiriyle uyumlu bir renk varyasyonu ailesi olu\u015fturun.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: koleksiyona haz\u0131r palet se\u00e7enekleri<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- 04 \u2014 MOCKUP -->\r\n        <a class=\"tool-card\" data-stage=\"mockup\" data-keywords=\"3d mockups giysi markalama sunum ger\u00e7ek\u00e7i\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/3d-mockups\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">04 \u00b7 Sun<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/mockup.webp\" alt=\"3D Mockups tekstil \u00fcr\u00fcn sunumu\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>3D Mockups<\/h3>\r\n            <p>Fiziksel numune \u00fcretmeden, deseni ger\u00e7ek\u00e7i giysi ve markal\u0131 \u00fcr\u00fcnler \u00fczerinde sunun.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: m\u00fc\u015fteriye haz\u0131r \u00fcr\u00fcn g\u00f6rselleri<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"mockup\" data-keywords=\"wear design 3d giydirme model kuma\u015f d\u00f6k\u00fcm giysi\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/3d-desen-giydirme\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">04 \u00b7 Sun<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/3dw.webp\" alt=\"Wear Design 3D giydirme \u00f6nizlemesi\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Wear Design<\/h3>\r\n            <p>Kuma\u015f\u0131 ve modeli se\u00e7in; desenin 3D giysi \u00fczerinde nas\u0131l d\u00f6k\u00fcld\u00fc\u011f\u00fcn\u00fc \u00f6nizleyin.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: ger\u00e7ek\u00e7i giysi g\u00f6rselle\u015ftirmesi<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"mockup\" data-keywords=\"2d wear design 2d giydirme \u00fcr\u00fcn mockup an\u0131nda maskeleme\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/2d-desen-giydirme\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">04 \u00b7 Sun<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/2dw.webp\" alt=\"2D Wear Design tekstil mockup'\u0131\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>2D Wear Design<\/h3>\r\n            <p>Karma\u015f\u0131k kurulum ve elle maskeleme olmadan, deseni ger\u00e7ek\u00e7i \u00fcr\u00fcn mockup'lar\u0131na an\u0131nda yerle\u015ftirin.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: an\u0131nda \u00fcr\u00fcn \u00f6nizlemeleri<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <a class=\"tool-card\" data-stage=\"mockup\" data-keywords=\"ai mockup generator fotoger\u00e7ek\u00e7i ya\u015fam tarz\u0131 st\u00fcdyo kuma\u015f sahne\" href=\"https:\/\/ai.ait.com.tr\/tr\/textile-ai-tools\/ai-mockup-studyo\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">04 \u00b7 Sun<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/06\/aimockup.webp\" alt=\"AI Mockup Generator tekstil sahnesi\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>AI Mockup Generator<\/h3>\r\n            <p>Foto\u011fraf \u00e7ekimi veya r\u00f6tu\u015f s\u00fcreci olmadan deseni kuma\u015f, st\u00fcdyo veya ya\u015fam tarz\u0131 sahnelerine yerle\u015ftirin.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: kampanyaya haz\u0131r g\u00f6rsel sahneler<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- 05 \u2014 DESIGN PRESENTATION -->\r\n        <a class=\"tool-card\" data-stage=\"presentation\" data-keywords=\"moodboard ilham panosu palet tema motif koleksiyon referans yol haritas\u0131 sunum\" href=\"https:\/\/ai.ait.com.tr\/tr\/yapay-zeka-desen-tasarim-araclari\/moodboard\/\">\r\n          <div class=\"tool-media\">\r\n            <span class=\"tool-tag\">05 \u00b7 Sun<\/span>\r\n            <span class=\"tool-new\">Yeni<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/ai.ait.com.tr\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-29-Tem-2026-15_45_23.png\" alt=\"Moodboard tekstil ilham panosu\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"tool-body\">\r\n            <h3>Moodboard<\/h3>\r\n            <p>Y\u00fckledi\u011finiz desenleri ve promptu analiz ederek renk paleti, tema, motif ve kullan\u0131m alanlar\u0131ndan olu\u015fan bir ilham panosu kurar.<\/p>\r\n            <span class=\"tool-result\">Sonu\u00e7: kopya de\u011fil, yarat\u0131c\u0131 bir yol haritas\u0131<\/span>\r\n            <span class=\"tool-link\">Arac\u0131 ke\u015ffet <span>\u2192<\/span><\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <div class=\"library-empty\" id=\"libraryEmpty\">\r\n          Bu a\u015famada hen\u00fcz ara\u00e7 yok. Yukar\u0131dan ba\u015fka bir \u00fcretim ad\u0131m\u0131 se\u00e7in.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FINAL CTA -->\r\n  <section class=\"final-cta\">\r\n    <div class=\"wrap final-cta-inner\">\r\n      <span class=\"eyebrow\">\u00d6nizlemeden \u00fcretime ge\u00e7in<\/span>\r\n      <h2>Ekibiniz aray\u00fcz\u00fc zaten tan\u0131yor. \u015eimdi <em>ger\u00e7ek bir desen<\/em> \u00e7al\u0131\u015ft\u0131r\u0131n.<\/h2>\r\n      <p>\r\n        \u00dccretsiz ba\u015flay\u0131n ve bug\u00fcn bir deseni ba\u015ftan sona t\u00fcm i\u015f ak\u0131\u015f\u0131ndan ge\u00e7irin.\r\n        Rehberli bir de\u011ferlendirme i\u00e7in ekibinize canl\u0131 demo ayarlay\u0131n.\r\n      <\/p>\r\n      <div class=\"cta-actions\">\r\n        <a class=\"btn btn-primary\" href=\"https:\/\/aitools.ait.com.tr\/register\" target=\"_blank\" rel=\"noopener\">\r\n          \u00dccretsiz Tasarlamaya Ba\u015flay\u0131n <span class=\"arr\">\u2192<\/span>\r\n        <\/a>\r\n        <a class=\"btn btn-ghost\" href=\"https:\/\/calendly.com\/eren-ait\/aitools-demo\" target=\"_blank\" rel=\"noopener\">\r\n          Book a 20-min Demo\r\n        <\/a>\r\n      <\/div>\r\n      <span class=\"cta-micro\">Kredi kart\u0131 gerekmez \u00b7 Tekstil tasar\u0131m ve \u00fcretim ekipleri i\u00e7in geli\u015ftirildi<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const root = document.getElementById('aitToolsPage');\r\n  if(!root || root.dataset.ready === 'true') return;\r\n  root.dataset.ready = 'true';\r\n\r\n  \/* ==========================================================\r\n     PRODUCT VIDEO \u2014 silent, plays only while on screen\r\n  ========================================================== *\/\r\n  (function(){\r\n    const video = root.querySelector('#toolsVideo');\r\n    if(!video) return;\r\n    let visible = false;\r\n\r\n    video.muted = true;\r\n    video.defaultMuted = true;\r\n    video.volume = 0;\r\n\r\n    function playVideo(){\r\n      if(!visible || document.hidden) return;\r\n      const promise = video.play();\r\n      if(promise && typeof promise.catch === 'function') promise.catch(() => {});\r\n    }\r\n\r\n    function pauseVideo(){\r\n      if(!video.paused) video.pause();\r\n    }\r\n\r\n    if('IntersectionObserver' in window){\r\n      new IntersectionObserver(entries => {\r\n        const entry = entries[0];\r\n        visible = entry.isIntersecting && entry.intersectionRatio >= .35;\r\n        visible ? playVideo() : pauseVideo();\r\n      },{threshold:[0,.35,.65]}).observe(video);\r\n    }else{\r\n      visible = true;\r\n      playVideo();\r\n    }\r\n\r\n    document.addEventListener('visibilitychange',() => {\r\n      document.hidden ? pauseVideo() : playVideo();\r\n    });\r\n\r\n    video.addEventListener('volumechange',() => {\r\n      if(!video.muted || video.volume !== 0){\r\n        video.muted = true;\r\n        video.volume = 0;\r\n      }\r\n    });\r\n  })();\r\n\r\n  \/* ==========================================================\r\n     LIBRARY FILTERING \u2014 driven by the production-stage cards\r\n  ========================================================== *\/\r\n  const toolCards  = [...root.querySelectorAll('.tool-card')];\r\n  const routeCards = [...root.querySelectorAll('[data-library-stage]')];\r\n  const empty      = root.querySelector('#libraryEmpty');\r\n  const grid       = root.querySelector('#toolsGrid');\r\n  let activeStage  = '';\r\n\r\n  function applyLibraryFilters(){\r\n    let shown = 0;\r\n\r\n    toolCards.forEach(card => {\r\n      const visible = !activeStage || card.dataset.stage === activeStage;\r\n      card.classList.toggle('is-hidden', !visible);\r\n      if(visible) shown += 1;\r\n    });\r\n\r\n    empty.classList.toggle('is-visible', shown === 0);\r\n  }\r\n\r\n  routeCards.forEach(card => {\r\n    card.addEventListener('click', () => {\r\n      const stage = card.dataset.libraryStage;\r\n      activeStage = activeStage === stage ? '' : stage;\r\n\r\n      routeCards.forEach(item => {\r\n        const active = item.dataset.libraryStage === activeStage;\r\n        item.classList.toggle('is-active', active);\r\n        item.setAttribute('aria-pressed', active ? 'true' : 'false');\r\n      });\r\n\r\n      applyLibraryFilters();\r\n\r\n      if(activeStage && grid){\r\n        const top = grid.getBoundingClientRect().top + window.scrollY - 120;\r\n        window.scrollTo({top, behavior:'smooth'});\r\n      }\r\n    });\r\n  });\r\n\r\n  applyLibraryFilters();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kay\u0131t olmadan ke\u015ffedin Tekstil odakl\u0131 yapay zek\u00e2 \u00e7al\u0131\u015fma alan\u0131n\u0131z. Ekibinizin desenleri tek bir \u00fcretime haz\u0131r aray\u00fcz i\u00e7inde nas\u0131l olu\u015fturdu\u011funu, d\u00fczenledi\u011fini, haz\u0131rlad\u0131\u011f\u0131n\u0131 ve sundu\u011funu g\u00f6r\u00fcn. \u0130\u015f ak\u0131\u015f\u0131n\u0131 \u015fimdi ke\u015ffedin, platforma her \u015feyin nerede oldu\u011funu bilerek girin. \u00dccretsiz Tasarlamaya Ba\u015flay\u0131n \u2192 20 Dakikal\u0131k Demo Randevusu Al\u0131n 18 ba\u011flant\u0131l\u0131 ara\u00e7 Tekstil \u00fcretimi i\u00e7in geli\u015ftirildi Kredi kart\u0131 gerekmez Taray\u0131c\u0131n\u0131z [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14448,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4113","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages\/4113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/comments?post=4113"}],"version-history":[{"count":17,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages\/4113\/revisions"}],"predecessor-version":[{"id":20376,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/pages\/4113\/revisions\/20376"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/media\/14448"}],"wp:attachment":[{"href":"https:\/\/ai.ait.com.tr\/tr\/wp-json\/wp\/v2\/media?parent=4113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}