{"id":1641,"date":"2012-06-07T15:47:03","date_gmt":"2012-06-07T23:47:03","guid":{"rendered":"http:\/\/www.letoon.com.tr\/?page_id=1641"},"modified":"2026-07-24T16:06:37","modified_gmt":"2026-07-24T13:06:37","slug":"history-of-potassium-silicate-based-mineral-paints","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/keim\/history-of-potassium-silicate-based-mineral-paints\/","title":{"rendered":"History of Potassium Silicate Based Mineral Paints"},"content":{"rendered":"\n<!-- Google Fonts & GSAP CDN -->\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=Plus+Jakarta+Sans:wght@400;500;600;700;800&#038;family=Playfair+Display:ital,wght@0,600;1,400&#038;display=swap\" rel=\"stylesheet\">\n\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\n<style>\n  :root {\n    --keim-navy: #1b2538;\n    --keim-red: #cf2332;\n    --keim-red-soft: rgba(207, 35, 50, 0.08);\n    --keim-gold: #d4af37;\n    --bg-light: #f8fafc;\n    --text-main: #334155;\n    --text-muted: #64748b;\n    --card-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05), 0 20px 25px -5px rgba(0, 0, 0, 0.02);\n  }\n\n  .keim-wrapper {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    color: var(--text-main);\n    background-color: var(--bg-light);\n    padding: 60px 24px;\n    max-width: 1100px;\n    margin: 0 auto;\n    border-radius: 24px;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  \/* Header Section *\/\n  .keim-header {\n    text-align: center;\n    max-width: 850px;\n    margin: 0 auto 60px auto;\n  }\n\n  .keim-badge {\n    display: inline-block;\n    padding: 6px 16px;\n    background: var(--keim-red-soft);\n    color: var(--keim-red);\n    font-weight: 700;\n    font-size: 13px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    border-radius: 100px;\n    margin-bottom: 20px;\n  }\n\n  .keim-header h1 {\n    font-size: 2.5rem;\n    color: var(--keim-navy);\n    font-weight: 800;\n    line-height: 1.2;\n    margin-bottom: 15px;\n  }\n\n  .keim-header h1 span {\n    color: var(--keim-red);\n  }\n\n  .keim-lead {\n    font-size: 1.1rem;\n    color: var(--text-muted);\n    line-height: 1.7;\n  }\n\n  \/* Key Figures Cards *\/\n  .keim-figures {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 20px;\n    margin-bottom: 60px;\n  }\n\n  .figure-card {\n    background: #ffffff;\n    padding: 24px;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    box-shadow: var(--card-shadow);\n    transition: transform 0.3s ease, border-color 0.3s ease;\n  }\n\n  .figure-card:hover {\n    transform: translateY(-5px);\n    border-color: var(--keim-red);\n  }\n\n  .figure-card .role {\n    font-size: 12px;\n    text-transform: uppercase;\n    color: var(--keim-red);\n    font-weight: 700;\n    letter-spacing: 1px;\n  }\n\n  .figure-card h4 {\n    font-size: 1.15rem;\n    color: var(--keim-navy);\n    margin: 6px 0 0 0;\n  }\n\n  \/* Goethe Quote Box *\/\n  .keim-quote-box {\n    background: linear-gradient(135deg, #1b2538 0%, #0f172a 100%);\n    color: #ffffff;\n    padding: 40px;\n    border-radius: 20px;\n    margin-bottom: 60px;\n    position: relative;\n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.15);\n  }\n\n  .keim-quote-box blockquote {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.25rem;\n    font-style: italic;\n    line-height: 1.8;\n    margin: 0 0 20px 0;\n    color: #f1f5f9;\n  }\n\n  .keim-quote-author {\n    font-size: 0.95rem;\n    color: var(--keim-gold);\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .keim-quote-author::before {\n    content: '';\n    width: 30px;\n    height: 2px;\n    background-color: var(--keim-gold);\n  }\n\n  \/* Core Callout *\/\n  .keim-callout {\n    background: #ffffff;\n    border-left: 5px solid var(--keim-red);\n    padding: 30px;\n    border-radius: 0 16px 16px 0;\n    box-shadow: var(--card-shadow);\n    margin-bottom: 60px;\n  }\n\n  .keim-callout h3 {\n    margin: 0 0 12px 0;\n    color: var(--keim-red);\n    font-size: 1.35rem;\n    font-weight: 700;\n  }\n\n  .keim-callout p {\n    margin: 0;\n    color: var(--text-main);\n    line-height: 1.7;\n    font-size: 1rem;\n  }\n\n  \/* Landmarks Grid *\/\n  .landmarks-section {\n    margin-bottom: 70px;\n  }\n\n  .landmarks-title {\n    text-align: center;\n    font-size: 1.4rem;\n    color: var(--keim-navy);\n    margin-bottom: 25px;\n    font-weight: 700;\n  }\n\n  .landmarks-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n    gap: 15px;\n  }\n\n  .landmark-chip {\n    background: #ffffff;\n    padding: 18px 20px;\n    border-radius: 12px;\n    border: 1px solid #e2e8f0;\n    text-align: center;\n    font-weight: 600;\n    color: var(--keim-navy);\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.03);\n  }\n\n  .landmark-chip span {\n    display: block;\n    font-size: 0.85rem;\n    color: var(--text-muted);\n    font-weight: 400;\n    margin-top: 4px;\n  }\n\n  \/* Timeline - 3 Generations *\/\n  .timeline-container {\n    position: relative;\n    padding-left: 30px;\n  }\n\n  .timeline-container::before {\n    content: '';\n    position: absolute;\n    left: 7px;\n    top: 0;\n    bottom: 0;\n    width: 3px;\n    background: #cbd5e1;\n    border-radius: 2px;\n  }\n\n  .timeline-item {\n    position: relative;\n    margin-bottom: 40px;\n  }\n\n  .timeline-item:last-child {\n    margin-bottom: 0;\n  }\n\n  .timeline-dot {\n    position: absolute;\n    left: -30px;\n    top: 6px;\n    width: 17px;\n    height: 17px;\n    border-radius: 50%;\n    background: var(--keim-red);\n    border: 4px solid #ffffff;\n    box-shadow: 0 0 0 3px rgba(207, 35, 50, 0.2);\n  }\n\n  .timeline-card {\n    background: #ffffff;\n    padding: 28px;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    box-shadow: var(--card-shadow);\n  }\n\n  .timeline-year {\n    display: inline-block;\n    padding: 4px 12px;\n    background: var(--keim-navy);\n    color: #ffffff;\n    font-weight: 700;\n    font-size: 0.85rem;\n    border-radius: 6px;\n    margin-bottom: 12px;\n  }\n\n  .timeline-title {\n    font-size: 1.25rem;\n    color: var(--keim-navy);\n    margin: 0 0 12px 0;\n    font-weight: 700;\n  }\n\n  .timeline-card p {\n    margin: 0;\n    line-height: 1.7;\n    color: var(--text-main);\n    font-size: 0.98rem;\n  }\n\n  .din-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 15px;\n    font-size: 0.82rem;\n    color: var(--text-muted);\n    background: #f1f5f9;\n    padding: 6px 12px;\n    border-radius: 6px;\n    font-weight: 600;\n  }\n\n  @media (max-width: 768px) {\n    .keim-header h1 { font-size: 1.8rem; }\n    .keim-quote-box { padding: 25px; }\n    .timeline-container { padding-left: 20px; }\n    .timeline-dot { left: -20px; }\n  }\n<\/style>\n\n<div class=\"keim-wrapper\">\n  \n  <!-- Header -->\n  <header class=\"keim-header gsap-header\">\n    <span class=\"keim-badge\">P\u0131oneer Innovat\u0131on<\/span>\n    <h1>The History of a Pioneer Idea <span>KEIM Paints<\/span><\/h1>\n    <p class=\"keim-lead\">\n      At the initial stage of the invention that brought KEIM potassium silicate paints to life lie three distinct personalities prominent in their times: Johann Wolfgang von Goethe, King Ludwig I of Bavaria, and A. W. Keim.\n    <\/p>\n  <\/header>\n\n  <!-- Key Figures -->\n  <div class=\"keim-figures\">\n    <div class=\"figure-card gsap-figure\">\n      <span class=\"role\">Famous Author &#038; Researcher<\/span>\n      <h4>Johann Wolfgang von Goethe<\/h4>\n    <\/div>\n    <div class=\"figure-card gsap-figure\">\n      <span class=\"role\">King of Bavaria<\/span>\n      <h4>King Ludwig I<\/h4>\n    <\/div>\n    <div class=\"figure-card gsap-figure\">\n      <span class=\"role\">Craftsman &#038; Inventor<\/span>\n      <h4>A. W. Keim<\/h4>\n    <\/div>\n  <\/div>\n\n  <!-- Goethe Quote Section -->\n  <div class=\"keim-quote-box gsap-reveal\">\n    <blockquote>\n      &#8220;What occupied me for a long time was Liquid Silica, which is formed when quartz pebbles are treated with a proportion of alkali, resulting in a transparent glass. This substance melts in the air and forms a beautiful, clear liquid.&#8221;\n    <\/blockquote>\n    <div class=\"keim-quote-author\">\n      Johann Wolfgang von Goethe \u2014 1768 (&#8220;Dichtung und Wahrheit&#8221;, Volume 8)\n    <\/div>\n  <\/div>\n\n  <!-- Royal Request & Core Solution -->\n  <div class=\"keim-callout gsap-reveal\">\n    <h3>The Insoluble Bond Between Paint and Substrate<\/h3>\n    <p>\n      King Ludwig I initiated Adolf Wilhelm Keim&#8217;s intensive research activities. Highly interested in art, the Bavarian King was impressed by Northern Italian frescoes and called upon the scientific world to invent a paint that looked like lime but would last for a long time. The breakthrough point in A. W. Keim&#8217;s invention was the <strong>insoluble chemical bond<\/strong> between the paint and the wall.\n    <\/p>\n  <\/div>\n\n  <!-- Historical Landmarks Showcase -->\n  <div class=\"landmarks-section gsap-reveal\">\n    <h3 class=\"landmarks-title\">Impressive Examples from the Last Century<\/h3>\n    <div class=\"landmarks-grid\">\n      <div class=\"landmark-chip\">\n        &#8216;Wei\u00dfer Adler&#8217; Restaurant\n        <span>Stein am Rhein, Switzerland<\/span>\n      <\/div>\n      <div class=\"landmark-chip\">\n        Schwyz Town Hall\n        <span>Built in 1891<\/span>\n      <\/div>\n      <div class=\"landmark-chip\">\n        Oslo Town Hall\n        <span>Built in 1895<\/span>\n      <\/div>\n      <div class=\"landmark-chip\">\n        Traunstein Town Hall\n        <span>Built in 1891<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- 3 Generations Timeline -->\n  <div class=\"timeline-container\">\n    \n    <!-- Gen 1 -->\n    <div class=\"timeline-item gsap-timeline\">\n      <div class=\"timeline-dot\"><\/div>\n      <div class=\"timeline-card\">\n        <span class=\"timeline-year\">1st Generation \u2014 1878<\/span>\n        <h3 class=\"timeline-title\">KEIM Purkristalat (Pure Crystals)<\/h3>\n        <p>\n          About 130 years ago, KEIM developed the silicate paint that proved itself in practice. This paint consists of a powder component containing mineral paint pigments and fillers, and a liquid component: the binder in the form of a potassium water glass mixture.\n        <\/p>\n        <div class=\"din-badge\">\n          \ud83d\udee1\ufe0f DIN 18363 Section 2.4.1 \u2014 Zero organic ingredients\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Gen 2 -->\n    <div class=\"timeline-item gsap-timeline\">\n      <div class=\"timeline-dot\"><\/div>\n      <div class=\"timeline-card\">\n        <span class=\"timeline-year\">2nd Generation \u2014 1962<\/span>\n        <h3 class=\"timeline-title\">KEIM Granital<\/h3>\n        <p>\n          In 1962, the second generation was introduced as a &#8216;dispersion-based silicate paint&#8217;. Its biggest advantage lies in its one-component formulation, bringing easier handling and increased application safety.\n        <\/p>\n        <div class=\"din-badge\">\n          \ud83d\udee1\ufe0f DIN 18363 \u2014 Max 5% organic components\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Gen 3 -->\n    <div class=\"timeline-item gsap-timeline\">\n      <div class=\"timeline-dot\"><\/div>\n      <div class=\"timeline-card\">\n        <span class=\"timeline-year\">3rd Generation \u2014 2002<\/span>\n        <h3 class=\"timeline-title\">KEIM Soldalit<\/h3>\n        <p>\n          The &#8216;Sol-silicate paint&#8217; brought a revolution to the exterior facade market. Based on silica sol and water glass, it integrates with mineral substrates while creating extremely strong adhesion forces for coatings based on organic binders.\n        <\/p>\n        <div class=\"din-badge\">\n          \ud83d\udee1\ufe0f DIN 18363 Compliant (&lt;5% organic matter)\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<!-- GSAP Animation Script -->\n<script>\n  document.addEventListener(\"DOMContentLoaded\", (event) => {\n    gsap.registerPlugin(ScrollTrigger);\n\n    \/\/ Header animation\n    gsap.from(\".gsap-header > *\", {\n      opacity: 0,\n      y: 30,\n      duration: 0.8,\n      stagger: 0.2,\n      ease: \"power3.out\"\n    });\n\n    \/\/ Personalities Cards Animation\n    gsap.from(\".gsap-figure\", {\n      opacity: 0,\n      y: 40,\n      scale: 0.95,\n      duration: 0.7,\n      stagger: 0.15,\n      ease: \"back.out(1.7)\",\n      delay: 0.4\n    });\n\n    \/\/ Reveal Sections on Scroll\n    const reveals = gsap.utils.toArray('.gsap-reveal');\n    reveals.forEach(element => {\n      gsap.from(element, {\n        scrollTrigger: {\n          trigger: element,\n          start: \"top 85%\",\n          toggleActions: \"play none none reverse\"\n        },\n        opacity: 0,\n        y: 40,\n        duration: 0.8,\n        ease: \"power2.out\"\n      });\n    });\n\n    \/\/ Timeline Animation\n    const timelineItems = gsap.utils.toArray('.gsap-timeline');\n    timelineItems.forEach(item => {\n      gsap.from(item, {\n        scrollTrigger: {\n          trigger: item,\n          start: \"top 80%\",\n          toggleActions: \"play none none reverse\"\n        },\n        opacity: 0,\n        x: -40,\n        duration: 0.8,\n        ease: \"power3.out\"\n      });\n    });\n  });\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>P\u0131oneer Innovat\u0131on The History of a Pioneer Idea KEIM Paints At the initial stage of the invention that brought KEIM<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":829,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1641","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/1641","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=1641"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/1641\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/829"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=1641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}