{"id":829,"date":"2012-01-31T03:21:32","date_gmt":"2012-01-31T11:21:32","guid":{"rendered":"http:\/\/www.letoon.com.tr\/?page_id=829"},"modified":"2026-08-28T11:04:00","modified_gmt":"2026-08-28T08:04:00","slug":"keim","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/keim\/","title":{"rendered":"KEIM"},"content":{"rendered":"\n<!-- Premium Fonts -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;700&#038;family=Segoe+UI:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Lenis Smooth Scroll & Grid Menu CSS -->\n<style>\n    html.lenis, html.lenis body {\n        height: auto;\n    }\n    .lenis.lenis-smooth {\n        scroll-behavior: auto !important;\n    }\n    .lenis.lenis-smooth [data-lenis-prevent] {\n        overscroll-behavior: contain;\n    }\n    .lenis.lenis-stopped {\n        overflow: hidden;\n    }\n\n    \/* --- GENEL AYARLAR VE DE\u011e\u0130\u015eKENLER --- *\/\n    :root {\n      --brand-blue: #15296B;       \/* Ana Lacivert *\/\n      --brand-red: #D20422;        \/* Vurgu K\u0131rm\u0131z\u0131 *\/\n      --brand-dark: #1a1a1a;       \/* Metin Rengi *\/\n      --bg-color: #f4f7f9;         \/* Sayfa Arka Plan\u0131 *\/\n      --card-bg: #ffffff;          \/* Kart Rengi *\/\n    }\n\n    .letoon-wide-wrapper * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    .letoon-wide-wrapper {\n      background-color: #fdfdfd;\n      font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;\n      color: var(--brand-dark);\n      line-height: 1.6;\n      width: 100%;\n      max-width: 1400px; \n      margin: 0 auto;\n      padding: 40px 20px 60px 20px;\n      overflow-x: hidden;\n    }\n\n    \/* --- \u00dcST BANNER G\u00d6RSEL\u0130 ST\u0130L\u0130 --- *\/\n    .letoon-top-banner {\n      display: block;\n      margin-bottom: 35px;\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n      cursor: pointer;\n      will-change: transform, box-shadow;\n    }\n\n    .letoon-top-banner img {\n      width: 100%;\n      height: auto;\n      display: block;\n      will-change: transform, filter;\n    }\n\n    \/* --- B\u00d6L\u00dcM ANA BA\u015eLI\u011eI (H1) --- *\/\n    .letoon-section-header {\n      font-size: 1.8rem;\n      font-weight: 800;\n      color: var(--brand-blue);\n      margin-bottom: 30px;\n      line-height: 1.3;\n      border-left: 5px solid var(--brand-red);\n      padding-left: 15px;\n    }\n\n    \/* --- GRID S\u0130STEM\u0130 (IZGARA) --- *\/\n    ul.letoon-grid-menu {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); \n      gap: 25px;\n      padding: 0;\n      margin: 0 0 40px 0;\n      list-style: none;\n    }\n\n    \/* --- KART TASARIMI --- *\/\n    .letoon-card-link {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      height: 100%;\n      background: var(--card-bg);\n      padding: 30px;\n      border-radius: 8px;\n      text-decoration: none;\n      color: var(--brand-dark);\n      position: relative;\n      border: 1px solid rgba(0,0,0,0.06);\n      box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n      overflow: hidden;\n      cursor: pointer;\n      will-change: transform, opacity, box-shadow;\n    }\n\n    \/* Kart Alt \u00c7izgi Animasyonu *\/\n    .letoon-card-link::after {\n      content: \"\";\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: var(--brand-red);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.4s ease;\n    }\n\n    .letoon-card-link:hover::after {\n      transform: scaleX(1);\n    }\n\n    \/* Kart Ba\u015fl\u0131\u011f\u0131 (H2) *\/\n    .letoon-card-title {\n      font-size: 1.15rem;\n      font-weight: 700;\n      line-height: 1.4;\n      margin-bottom: 20px;\n      color: #2c3e50;\n      font-family: inherit;\n      will-change: color;\n    }\n\n    \/* Aksiyon Alan\u0131 *\/\n    .letoon-card-action {\n      display: flex;\n      align-items: center;\n      font-size: 0.9rem;\n      font-weight: 600;\n      color: var(--brand-blue);\n      margin-top: auto; \n      will-change: color;\n    }\n\n    .letoon-arrow-icon {\n      display: inline-block;\n      font-size: 1.2rem;\n      margin-left: 8px;\n      will-change: transform;\n    }\n\n    \/* --- ALT B\u0130LG\u0130 ALANI (FOOTER) --- *\/\n    .letoon-footer-bar {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: center;\n      background: #fff;\n      padding: 25px 40px;\n      border-radius: 8px;\n      border-left: 6px solid var(--brand-blue);\n      box-shadow: 0 5px 15px rgba(0,0,0,0.03);\n      gap: 15px;\n      text-align: center;\n      font-size: 1rem;\n      color: #555;\n      will-change: transform, opacity;\n    }\n\n    .letoon-footer-links {\n      display: inline-flex;\n      gap: 20px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    .letoon-footer-btn {\n      color: var(--brand-blue);\n      font-weight: 700;\n      text-decoration: none;\n      padding-bottom: 2px;\n      border-bottom: 2px solid rgba(21, 41, 107, 0.2);\n      transition: color 0.3s ease, border-color 0.3s ease;\n    }\n\n    .letoon-footer-btn:hover {\n      color: var(--brand-red);\n      border-bottom-color: var(--brand-red);\n    }\n\n    @media (max-width: 768px) {\n      .letoon-wide-wrapper { padding: 20px 15px; }\n      .letoon-section-header { font-size: 1.45rem; }\n      .letoon-footer-bar { flex-direction: column; text-align: center; }\n      .letoon-grid-menu { grid-template-columns: 1fr; gap: 20px; }\n    }\n<\/style>\n\n<div class=\"letoon-wide-wrapper\">\n\n  <!-- \u00dcST G\u00d6RSEL (Banner) -->\n  <a href=\"https:\/\/www.silikatboya.com\/\" target=\"_blank\" rel=\"noopener\" class=\"letoon-top-banner\">\n    <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/Adsiz-tasarim-92-1-1-1024x133.png\" alt=\"Silikat Boya Banner\" \/>\n  <\/a>\n\n  <!-- B\u00d6L\u00dcM ANA BA\u015eLI\u011eI (H1) -->\n  <h1 class=\"letoon-section-header\">KEIM Mineral Silicate Paints &#038; Solutions<\/h1>\n\n  <!-- GRID MEN\u00dc L\u0130STES\u0130 -->\n  <ul class=\"letoon-grid-menu\">\n    \n    <!-- Kart 1 -->\n    <li>\n      <a href=\"https:\/\/www.letoon.com.tr\/eng\/keim\/why-are-keim-silicate-based-paints-different\/\" class=\"letoon-card-link\">\n        <h2 class=\"letoon-card-title\">Why are KEIM Mineral Based Potassium Sol-Silicate Paints different?<\/h2>\n        <div class=\"letoon-card-action\">\n          Read More <span class=\"letoon-arrow-icon\">\u2192<\/span>\n        <\/div>\n      <\/a>\n    <\/li>\n\n    <!-- Kart 2 -->\n    <li>\n      <a href=\"https:\/\/www.letoon.com.tr\/eng\/keim\/history-of-potassium-silicate-based-mineral-paints\/\" class=\"letoon-card-link\">\n        <h2 class=\"letoon-card-title\">History of KEIM Potassium Silicate Based Mineral Paints<\/h2>\n        <div class=\"letoon-card-action\">\n          View History <span class=\"letoon-arrow-icon\">\u2192<\/span>\n        <\/div>\n      <\/a>\n    <\/li>\n\n    <!-- Kart 3 -->\n    <li>\n      <a href=\"https:\/\/www.letoon.com.tr\/eng\/keim\/application-of-keim-silicate-paints-on-fair-faced-concrete\/\" class=\"letoon-card-link\">\n        <h2 class=\"letoon-card-title\">KEIM Silicate Paints Application on Fair-Faced Concrete<\/h2>\n        <div class=\"letoon-card-action\">\n          Applications <span class=\"letoon-arrow-icon\">\u2192<\/span>\n        <\/div>\n      <\/a>\n    <\/li>\n\n    <!-- Kart 4 -->\n    <li>\n      <a href=\"https:\/\/www.letoon.com.tr\/eng\/keim\/keim-products\/\" class=\"letoon-card-link\">\n        <h2 class=\"letoon-card-title\">Products<\/h2>\n        <div class=\"letoon-card-action\">\n          View Products <span class=\"letoon-arrow-icon\">\u2192<\/span>\n        <\/div>\n      <\/a>\n    <\/li>\n\n    <!-- Kart 5 -->\n    <li>\n      <a href=\"http:\/\/www.letoon.com.tr\/keim\/referanslar\/\" class=\"letoon-card-link\">\n        <h2 class=\"letoon-card-title\">References<\/h2>\n        <div class=\"letoon-card-action\">\n          See Projects <span class=\"letoon-arrow-icon\">\u2192<\/span>\n        <\/div>\n      <\/a>\n    <\/li>\n\n  <\/ul>\n\n  <!-- ALT B\u0130LG\u0130 VE L\u0130NKLER -->\n  <div class=\"letoon-footer-bar\">\n    <span>Product brochures, technical information flyers and more visit:<\/span>\n    <div class=\"letoon-footer-links\">\n      <a href=\"http:\/\/www.silikatboya.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"letoon-footer-btn\">www.silikatboya.com<\/a>\n      <a href=\"http:\/\/www.betonkozmetik.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"letoon-footer-btn\">www.betonkozmetik.com<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- GSAP & Lenis Smooth Scroll Libraries -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@studio-freight\/lenis@1.0.42\/dist\/lenis.min.js\"><\/script>\n\n<!-- KARARLI GSAP AN\u0130MASYON M\u0130MAR\u0130S\u0130 -->\n<script>\n  function initKeimGridAnimations() {\n    if (typeof gsap === \"undefined\" || typeof ScrollTrigger === \"undefined\") {\n      return;\n    }\n    \n    gsap.registerPlugin(ScrollTrigger);\n\n    \/\/ Lenis Smooth Scroll Engine\n    if (typeof Lenis !== \"undefined\") {\n      const lenis = new Lenis({\n        duration: 1.2,\n        easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\n        smoothWheel: true\n      });\n\n      function raf(time) {\n        lenis.raf(time);\n        requestAnimationFrame(raf);\n      }\n      requestAnimationFrame(raf);\n\n      lenis.on('scroll', ScrollTrigger.update);\n      gsap.ticker.add((time) => lenis.raf(time * 1000));\n      gsap.ticker.lagSmoothing(0);\n    }\n\n    \/\/ 1. \u00dcST BANNER EKRANA G\u0130R\u0130\u015e\u0130 VE HOVER ETK\u0130LE\u015e\u0130M\u0130\n    const banner = document.querySelector('.letoon-top-banner');\n    if (banner) {\n      gsap.fromTo(banner,\n        { opacity: 0, y: -25, scale: 0.98 },\n        { opacity: 1, y: 0, scale: 1, duration: 0.85, ease: \"power3.out\" }\n      );\n\n      const bannerImg = banner.querySelector('img');\n\n      banner.addEventListener('mouseenter', () => {\n        gsap.to(banner, {\n          y: -5,\n          boxShadow: '0 15px 40px rgba(0,0,0,0.12)',\n          duration: 0.35,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n\n        if (bannerImg) {\n          gsap.to(bannerImg, {\n            scale: 1.02,\n            filter: 'brightness(1.05)',\n            duration: 0.35,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n      });\n\n      banner.addEventListener('mouseleave', () => {\n        gsap.to(banner, {\n          y: 0,\n          boxShadow: '0 10px 30px rgba(0,0,0,0.05)',\n          duration: 0.35,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n\n        if (bannerImg) {\n          gsap.to(bannerImg, {\n            scale: 1,\n            filter: 'brightness(1)',\n            duration: 0.35,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n      });\n    }\n\n    \/\/ 2. BA\u015eLIK VE KARTLARIN EKRANA KADEMEL\u0130 G\u0130R\u0130\u015e\u0130\n    gsap.fromTo(\".letoon-section-header\",\n      { opacity: 0, x: -30 },\n      {\n        opacity: 1,\n        x: 0,\n        duration: 0.7,\n        ease: \"power2.out\",\n        scrollTrigger: {\n          trigger: \".letoon-section-header\",\n          start: \"top 90%\",\n          toggleActions: \"play none none none\"\n        }\n      }\n    );\n\n    gsap.fromTo(\".letoon-card-link\",\n      { \n        opacity: 0, \n        y: 45,\n        scale: 0.95\n      },\n      {\n        opacity: 1,\n        y: 0,\n        scale: 1,\n        duration: 0.8,\n        stagger: 0.1,\n        ease: \"power2.out\",\n        scrollTrigger: {\n          trigger: \".letoon-grid-menu\",\n          start: \"top 85%\",\n          toggleActions: \"play none none none\"\n        },\n        onComplete: function() {\n          ScrollTrigger.refresh();\n        }\n      }\n    );\n\n    \/\/ 3. KART HOVER M\u0130KRO ETK\u0130LE\u015e\u0130M\u0130\n    document.querySelectorAll('.letoon-card-link').forEach(card => {\n      const title = card.querySelector('.letoon-card-title');\n      const action = card.querySelector('.letoon-card-action');\n      const arrow = card.querySelector('.letoon-arrow-icon');\n\n      card.addEventListener('mouseenter', () => {\n        gsap.to(card, {\n          y: -8,\n          boxShadow: '0 15px 30px rgba(21, 41, 107, 0.12)',\n          duration: 0.35,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n\n        if (title) {\n          gsap.to(title, {\n            color: '#15296B',\n            duration: 0.3,\n            overwrite: 'auto'\n          });\n        }\n\n        if (action) {\n          gsap.to(action, {\n            color: '#D20422',\n            duration: 0.3,\n            overwrite: 'auto'\n          });\n        }\n\n        if (arrow) {\n          gsap.to(arrow, {\n            x: 6,\n            duration: 0.3,\n            ease: 'back.out(2)',\n            overwrite: 'auto'\n          });\n        }\n      });\n\n      card.addEventListener('mouseleave', () => {\n        gsap.to(card, {\n          y: 0,\n          boxShadow: '0 4px 6px rgba(0,0,0,0.02)',\n          duration: 0.35,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n\n        if (title) {\n          gsap.to(title, {\n            color: '#2c3e50',\n            duration: 0.3,\n            overwrite: 'auto'\n          });\n        }\n\n        if (action) {\n          gsap.to(action, {\n            color: '#15296B',\n            duration: 0.3,\n            overwrite: 'auto'\n          });\n        }\n\n        if (arrow) {\n          gsap.to(arrow, {\n            x: 0,\n            duration: 0.3,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n      });\n    });\n\n    \/\/ 4. FOOTER BAR EKRANA G\u0130R\u0130\u015e\u0130\n    gsap.fromTo(\".letoon-footer-bar\",\n      { opacity: 0, y: 30 },\n      {\n        opacity: 1,\n        y: 0,\n        duration: 0.85,\n        ease: \"power3.out\",\n        scrollTrigger: {\n          trigger: \".letoon-footer-bar\",\n          start: \"top 90%\",\n          toggleActions: \"play none none none\"\n        }\n      }\n    );\n  }\n\n  if (document.readyState === \"complete\" || document.readyState === \"interactive\") {\n    initKeimGridAnimations();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", initKeimGridAnimations);\n  }\n\n  window.addEventListener(\"load\", function() {\n    if (typeof ScrollTrigger !== \"undefined\") {\n      ScrollTrigger.refresh();\n    }\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>KEIM Mineral Silicate Paints &#038; Solutions Why are KEIM Mineral Based Potassium Sol-Silicate Paints different? Read More \u2192 History of<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-829","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=829"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/829\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}