Kailh Cool Mint V2 — Light & Effortless Linear Switch | 38gf · 100M cycles
/* ========================================= DIYKEY Independent Scope · Minimalist Premium Design Product: Kailh Ice Mint V2S Linear ========================================= */ .d k-product-details { /* Design Tokens (Adapted to Ice Mint / Cyan theme) */ --dk-primary: #0D9488; /* Teal 600 */ --dk-primary-light: #CCFBF1; /* Teal 100 */ --dk-primary-hover: #0F766E; /* Teal 700 */ --dk-text-title: #111827; --dk-text-main: #374151; --dk-text-muted: #6b7280; --dk-text-light: #9ca3af; --dk-bg-main: #fcfcfc; --dk-bg-card: #ffffff; --dk-bg-subtle: #f8fafc; --dk-border-color: #e5e7eb; --dk-radius-xl: 32px; --dk-radius-lg: 24px; --dk-radius-md: 16px; --dk-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.03); --dk-shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.05); --dk-shadow-hover: 0 20px 40px -10px rgba(0, 0, 0, 0.08); --dk-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); --dk-transition-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: var(--dk-bg-main); color: var(--dk-text-main); line-height: 1.6; padding-bottom: 80px; box-sizing: border-box; -webkit-font-smoothing: antialiased; } .dk-product-details * { box-sizing: border-box; margin: 0; padding: 0; } .dk-container { width: 92%; max-width: 1100px; margin: 0 auto; } /* Generic Titles */ .dk-section-title { font-size: 36px; font-weight: 800; text-align: center; margin: 80px 0 40px; letter-spacing: -1px; color: var(--dk-text-title); line-height: 1.2; } .dk-section-title::after { content: ''; display: block; width: 48px; height: 4px; margin: 16px auto 0; background-color: var(--dk-primary); border-radius: 4px; } .dk-highlight-orange { color: var(--dk-primary); } /* ================= Hero Section ================= */ .dk-hero-section { padding: 40px 0 60px; } .dk-hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 56px; align-items: center; } .dk-video-wrapper { position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 0 auto; border-radius: var(--dk-radius-xl); overflow: hidden; background: #000000; box-shadow: var(--dk-shadow-md); transform: translateZ(0); display: flex; align-items: center; justify-content: center; color: var(--dk-text-muted); font-size: 14px; } .dk-video-wrapper iframe, .dk-video-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border: none; } .dk-hero-badge { display: inline-flex; background: var(--dk-primary-light); color: var(--dk-primary); padding: 8px 18px; border-radius: 40px; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; } .dk-hero-title { font-size: 44px; font-weight: 800; line-height: 1.2; margin-bottom: 24px; letter-spacing: -1px; color: var(--dk-text-title); } .dk-hero-subtitle { font-size: 18px; color: var(--dk-text-muted); font-weight: 600; margin-bottom: 24px; line-height: 1.5; } .dk-hero-desc { font-size: 16px; color: var(--dk-text-main); margin-bottom: 32px; line-height: 1.7; } .dk-hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; } .dk-tag { background: var(--dk-bg-subtle); padding: 8px 16px; border-radius: 40px; font-size: 14px; font-weight: 600; color: var(--dk-text-main); transition: var(--dk-transition); border: 1px solid var(--dk-border-color); } .dk-tag:hover { background: var(--dk-primary-light); color: var(--dk-primary); border-color: var(--dk-primary-light); transform: translateY(-2px); } /* ================= Trust Numbers ================= */ .dk-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin: 64px 0; text-align: center; background: var(--dk-bg-subtle); padding: 40px 24px; border-radius: var(--dk-radius-xl); border: 1px solid var(--dk-border-color); } .dk-trust-num { font-size: 36px; font-weight: 800; color: var(--dk-primary); letter-spacing: -1px; } .dk-trust-label { font-size: 13px; color: var(--dk-text-muted); font-weight: 700; margin-top: 6px; text-transform: uppercase; letter-spacing: 0.5px; } /* ================= Pain Points ================= */ .dk-pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .dk-pain-card { background: var(--dk-bg-card); padding: 40px 24px; border-radius: var(--dk-radius-lg); text-align: center; box-shadow: var(--dk-shadow-sm); border: 1px solid #f3f4f6; transition: var(--dk-transition); } .dk-pain-card:hover { transform: translateY(-8px); box-shadow: var(--dk-shadow-hover); border-color: var(--dk-primary-light); } .dk-pain-icon { width: 56px; height: 56px; margin: 0 auto 24px; color: var(--dk-text-title); transition: var(--dk-transition); } .dk-pain-icon svg { width: 100%; height: 100%; } .dk-pain-card:hover .dk-pain-icon { color: var(--dk-primary); transform: scale(1.1); } .dk-pain-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 16px; color: var(--dk-text-title); } .dk-pain-card p { font-size: 15px; color: var(--dk-text-muted); } .dk-pain-solution { margin-top: 40px; background: var(--dk-text-title); color: #ffffff; padding: 24px 32px; border-radius: var(--dk-radius-md); text-align: center; font-size: 18px; font-weight: 500; box-shadow: var(--dk-shadow-md); } /* ================= FABE Feature Blocks ================= */ .dk-feature-block { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; margin: 100px 0; } .dk-feature-block.reverse { direction: rtl; } .dk-feature-block.reverse > * { direction: ltr; } .dk-feature-media { width: 100%; border-radius: var(--dk-radius-lg); box-shadow: var(--dk-shadow-md); overflow: hidden; background: var(--dk-bg-subtle); aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center; color: var(--dk-text-light); font-size: 18px; font-weight: bold; text-align: center; border: 2px dashed var(--dk-border-color); } .dk-feature-media img { width: 100%; height: 100%; object-fit: cover; display: block; } .dk-feature-text h3 { font-size: 32px; font-weight: 800; line-height: 1.3; margin-bottom: 28px; color: var(--dk-text-title); } .dk-fabe-list { display: flex; flex-direction: column; gap: 28px; } .dk-fabe-item { padding-left: 20px; border-left: 4px solid var(--dk-primary); } .dk-fabe-item strong { display: block; font-size: 18px; color: var(--dk-text-title); margin-bottom: 6px; } .dk-fabe-item p { font-size: 16px; color: var(--dk-text-muted); } /* ================= Spec Tables ================= */ .dk-table-wrapper { margin-bottom: 48px; border-radius: var(--dk-radius-md); background: var(--dk-bg-card); box-shadow: var(--dk-shadow-sm); border: 1px solid var(--dk-border-color); overflow-x: auto; -webkit-overflow-scrolling: touch; } /* Custom Scrollbar for better UX on desktop & mobile hints */ .dk-table-wrapper::-webkit-scrollbar { height: 6px; } .dk-table-wrapper::-webkit-scrollbar-track { background: var(--dk-bg-subtle); border-radius: 0 0 8px 8px; } .dk-table-wrapper::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; } .dk-table-wrapper::-webkit-scrollbar-thumb:hover { background: #94a3b8; } .dk-table { width: 100%; border-collapse: collapse; font-size: 16px; white-space: nowrap; } .dk-table th, .dk-table td { padding: 20px 24px; border-bottom: 1px solid var(--dk-border-color); text-align: left; } .dk-table th { background: var(--dk-bg-subtle); font-weight: 700; color: var(--dk-text-title); white-space: nowrap; } .dk-comp-winner { color: var(--dk-primary); font-weight: 700; background: var(--dk-primary-light); padding: 4px 12px; border-radius: 8px; white-space: nowrap; } .dk-table-compare, .dk-table-specs { min-width: 600px; } .dk-spec-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 32px; } .dk-spec-card { background: var(--dk-bg-subtle); padding: 24px; border-radius: var(--dk-radius-md); text-align: center; border: 1px solid var(--dk-border-color); transition: var(--dk-transition); } .dk-spec-card:hover { background: #fff; box-shadow: var(--dk-shadow-hover); transform: translateY(-4px); } .dk-spec-card span { font-size: 32px; display: block; margin-bottom: 16px; } .dk-spec-card strong { display: block; font-size: 16px; margin-bottom: 6px; color: var(--dk-text-title); } .dk-spec-card p { font-size: 14px; color: var(--dk-text-muted); } /* ================= Testimonials ================= */ .dk-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .dk-testimonial-card { background: var(--dk-bg-card); padding: 32px; border-radius: var(--dk-radius-lg); box-shadow: var(--dk-shadow-sm); border: 1px solid var(--dk-border-color); transition: var(--dk-transition); display: flex; flex-direction: column; } .dk-testimonial-card:hover { transform: translateY(-6px); box-shadow: var(--dk-shadow-hover); } .dk-testimonial-card h4 { font-size: 16px; font-weight: 700; color: var(--dk-text-title); margin-bottom: 10px; line-height: 1.4; } .dk-stars { color: #F59E0B; font-size: 18px; margin-bottom: 16px; } .dk-testimonial-card p { font-size: 16px; font-style: italic; color: var(--dk-text-main); margin-bottom: 24px; line-height: 1.7; flex-grow: 1; } .dk-testimonial-user { font-weight: 700; color: var(--dk-primary); font-size: 15px; } /* ================= Trust Features ================= */ .dk-trust-features { background: var(--dk-bg-card); border-radius: var(--dk-radius-xl); padding: 60px 32px; text-align: center; margin: 80px 0; border: 1px solid var(--dk-border-color); box-shadow: var(--dk-shadow-sm); } .dk-tf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 900px; margin: 40px auto 0; } .dk-tf-item { display: flex; flex-direction: column; align-items: center; transition: var(--dk-transition); } .dk-tf-item:hover { transform: translateY(-5px); } .dk-tf-icon { width: 56px; height: 56px; margin-bottom: 16px; color: var(--dk-text-muted); } .dk-tf-item:hover .dk-tf-icon { color: var(--dk-primary); } .dk-tf-item p { font-weight: 700; color: var(--dk-text-title); font-size: 18px; margin-bottom: 8px;} .dk-tf-item span { font-size: 14px; color: var(--dk-text-muted); } /* ================= FAQ ================= */ .dk-faq-wrapper { max-width: 800px; margin: 0 auto; padding: 0 10px; } .dk-faq-item { background: var(--dk-bg-card); border: 1.5px solid var(--dk-border-color); border-radius: var(--dk-radius-md); margin-bottom: 20px; transition: var(--dk-transition); position: relative; overflow: hidden; } .dk-faq-item:hover { border-color: #d1d5db; box-shadow: var(--dk-shadow-sm); } .dk-faq-item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background-color: var(--dk-primary); transition: width 0.3s ease; z-index: 2; } .dk-faq-item.active { border-color: var(--dk-primary); box-shadow: var(--dk-shadow-hover); } .dk-faq-item.active::before { width: 5px; } .dk-faq-button { width: 100%; padding: 24px 28px; background: none; border: none; display: flex; align-items: flex-start; justify-content: space-between; cursor: pointer; text-align: left; gap: 16px; outline: none; } .dk-faq-q-box { display: flex; gap: 16px; align-items: flex-start; } .dk-faq-label { font-size: 14px; font-weight: 800; color: var(--dk-primary); background: var(--dk-primary-light); width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 8px; flex-shrink: 0; } .dk-faq-question-text { font-size: 18px; font-weight: 700; color: var(--dk-text-title); line-height: 1.4; } .dk-faq-icon { width: 24px; height: 24px; color: var(--dk-text-light); transition: var(--dk-transition-bounce); flex-shrink: 0; } .dk-faq-item.active .dk-faq-icon { transform: rotate(180deg); color: var(--dk-primary); } .dk-faq-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); } .dk-faq-item.active .dk-faq-collapse { grid-template-rows: 1fr; } .faq-answer-inner { overflow: hidden; } .dk-faq-answer { padding: 0 28px 28px 72px; color: var(--dk-text-main); font-size: 16px; line-height: 1.8; } /* ================= Responsive (Mobile Optimization) ================= */ @media (max-width: 992px) { .dk-hero-title { font-size: 38px; } .dk-hero-grid { gap: 40px; } .dk-feature-block { gap: 40px; margin: 80px 0; } } @media (max-width: 768px) { /* Typography & General Spacing */ .dk-section-title { font-size: 26px; text-align: left; margin: 56px 0 24px; } .dk-section-title::after { margin-left: 0; } .dk-product-details { padding-bottom: 40px; } /* Hero Section */ .dk-hero-section { padding: 24px 0 40px; } .dk-hero-grid { grid-template-columns: 1fr; gap: 32px; text-align: left; } .dk-video-wrapper { border-radius: var(--dk-radius-lg); } .dk-hero-title { font-size: 32px; margin-bottom: 16px; } .dk-hero-subtitle { font-size: 16px; margin-bottom: 16px; } .dk-hero-desc { font-size: 15px; margin-bottom: 24px; } .dk-hero-tags { justify-content: flex-start; gap: 8px; margin-bottom: 24px; } .dk-tag { font-size: 13px; padding: 6px 14px; } /* Trust Numbers */ .dk-trust-grid { grid-template-columns: repeat(2, 1fr); padding: 24px 16px; margin: 48px 0; gap: 20px; border-radius: var(--dk-radius-lg); } .dk-trust-num { font-size: 28px; } .dk-trust-label { font-size: 12px; } /* Pain Points */ .dk-pain-section .dk-section-title + p { font-size: 15px; margin-bottom: 24px; line-height: 1.5; } .dk-pain-grid { grid-template-columns: 1fr; gap: 20px; } .dk-pain-card { padding: 28px 20px; text-align: left; } .dk-pain-icon { margin: 0 0 16px 0; width: 48px; height: 48px; } .dk-pain-card h3 { font-size: 18px; margin-bottom: 12px; } .dk-pain-solution { text-align: left; font-size: 16px; padding: 20px; margin-top: 24px; } /* Feature Blocks */ .dk-feature-block, .dk-feature-block.reverse { grid-template-columns: 1fr; gap: 28px; direction: ltr; margin: 56px 0; } .dk-feature-text { text-align: left; } .dk-feature-text h3 { font-size: 24px; margin-bottom: 20px; } .dk-fabe-list { gap: 20px; } .dk-fabe-item { padding-left: 16px; } .dk-fabe-item strong { font-size: 16px; } .dk-fabe-item p { font-size: 14px; } /* Tables */ .dk-table-wrapper { margin-bottom: 32px; } .dk-table { font-size: 14px; } .dk-table th, .dk-table td { padding: 14px 16px; } /* Tech Specs Table - Stacked */ .dk-table-specs { min-width: 100%; display: block; white-space: normal; } .dk-table-specs tbody, .dk-table-specs tr { display: block; width: 100%; } .dk-table-specs tr { border-bottom: 1px solid var(--dk-border-color); } .dk-table-specs tr:last-child { border-bottom: none; } .dk-table-specs th, .dk-table-specs td { display: block; width: 100%; text-align: left; border-bottom: none; } .dk-table-specs th { padding: 16px 16px 4px 16px; background: transparent; font-size: 15px; color: var(--dk-text-title); } .dk-table-specs td { padding: 0 16px 16px 16px; font-size: 14px; color: var(--dk-text-muted); } /* Spec Grid */ .dk-spec-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 24px; } .dk-spec-card { padding: 20px 16px; text-align: left; border-radius: var(--dk-radius-md); } .dk-spec-card span { font-size: 28px; margin-bottom: 12px; } /* Testimonials */ .dk-testimonial-grid { grid-template-columns: 1fr; gap: 20px; } .dk-testimonial-card { padding: 24px 20px; } .dk-testimonial-card p { font-size: 15px; margin-bottom: 20px; } /* Trust Features */ .dk-trust-features { padding: 40px 20px; text-align: left; margin: 56px 0; border-radius: var(--dk-radius-lg); } .dk-tf-grid { grid-template-columns: 1fr; gap: 32px; margin: 32px auto 0; } .dk-tf-item { align-items: flex-start; text-align: left; flex-direction: row; gap: 20px; } .dk-tf-icon { width: 52px; height: 52px; margin-bottom: 0; flex-shrink: 0; } .dk-tf-item p { font-size: 18px; margin-bottom: 6px; font-weight: 800; } .dk-tf-item span { font-size: 14px; line-height: 1.5; display: block; } /* FAQ */ .dk-faq-button { padding: 20px 16px; } .dk-faq-question-text { font-size: 15px; } .dk-faq-answer { padding: 0 16px 20px 60px; font-size: 14px; } } @media (max-width: 480px) { .dk-hero-title { font-size: 28px; } .dk-section-title { font-size: 24px; } .dk-faq-answer { padding: 0 16px 20px 16px; margin-top: 12px; border-top: 1px solid var(--dk-bg-subtle); padding-top: 12px; } } Top-Tier POK Material Linear Kailh Ice Mint V2S Tired of switches that get scratchy and rattly over time? Sick of stem wobble, dust buildup, and opaque housings that swallow your RGB lighting? Peripherals titan Kailh pushes the highly-acclaimed "Ice Mint" series to an entirely new peak of material science and optics—the Kailh Ice Mint V2S.As the ultimate evolution of the V2 series, it pioneers an ultra-low friction POK stem paired with a Full POM housing, creating a disruptive self-lubricating system that physically gets smoother as you type. Armed with a fatigue-free 38gf feather-light actuation and a 20mm extended spring tuned for a hyper-snappy rebound, every keystroke feels like walking on clouds. Paired with a built-in independent light diffuser and an enclosed dustproof wall stem, it guarantees rock-solid stability for 100 million keystrokes while transforming your keyboard into a dazzling aurora of light. 🧊 POK + POM Self-Lubing 🪶 38gf Cloud-Like Press ✨ Independent Light Diffuser 🔄 20mm Snappy Spring 🛡️ Dustproof Wall Stem POK Ultra-Low Friction Stem 38gf Fatigue-Free Force +35% Brighter RGB Glow 100M+ Keystroke Lifespan Core Advantages: The Ultimate Endgame for Typing & Aesthetics We know hardcore gamers and heavy typists don't just want a switch that works—they crave a switch that feels better the more they use it, while flexing an immaculate desk aesthetic. The Ice Mint V2S eradicates scratchiness, wobble, and dim lighting. The Problem: Scratchiness & Wear Standard PC/Nylon blend switches degrade rapidly. Once the factory lube dries out, the friction coefficient skyrockets, leaving you with a dry, scratchy press and maddening sandy noises. The Problem: Stem Wobble & Dust Failure Basic cross-stems have poor tolerances, causing severe horizontal keycap wobble. Open housings also trap dust and snack crumbs, leading to infuriating double-clicking (key chattering). The Problem: Dim RGB & Mushy Rebounds Opaque housings swallow your RGB lighting, creating harsh, blinding hotspots. Plus, many "lightweight" switches use weak springs, resulting in a sluggish, mushy bottom-out that ruins typing rhythm. ✨ Kailh Ice Mint V2S: POK+POM self-lubing, dustproof wall stem, and an independent light diffuser. Flawless feel meets stunning visuals. End Scratchiness & WearPOK + POM Self-Lubing Miracle Breakthrough Material Sparing no expense, the top and bottom housings are crafted from high-rigidity POM, while the stem utilizes the extremely wear-resistant, ultra-low friction POK polymer. Absolute Advantage No "break-in" period required. This top-tier material clash physically drops friction by over 40%. It boasts powerful natural "self-lubricating" properties, forming a slick break-in layer the more you type. Sensory Benefit Buttery smooth right out of the box, and it literally gets smoother over its 100M keystroke lifespan. Kills all sandy friction without the hassle of tedious hand-lubing. End Stem Wobble & Dust FailureEnclosed Dustproof Wall Stem Hardcore Architecture Features an integrated, enclosed dustproof wall stem design that strictly controls horizontal stem wobble to an insane
More you might like
Related
Kailh Light Pressure Linear Cool Mint V2 Keyboard Switch Qui
Related
COOLER MASTER MK770 Macaron Kailh Box V2
Related
COOLER MASTER MK770 Space Grey Kailh Box V2
Related