ZayDen Artisan — JETT VOID ·Four Actions Light-Transmitting Resin Artisan Keycap
/* ── SCOPED VARIABLES & BASE ── */ #zayden-jett-promo { --blue: #2d5bfe; --blue-dim: rgba(45,91,254,0.15); --blue-glow: rgba(45,91,254,0.4); --black: #000000; --off-black: #0a0a0a ; --surface: #0e0e0e; --border: rgba(255,255,255,0.08); --white: #ffffff; --off-white: #d8d8d8; --muted: #5a5a5a; background: var(--black); color: var(--white); font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; } #zayden-jett-promo *, #zayden-jett-promo *::before, #zayden-jett-promo *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ── HERO ── */ #zayden-jett-promo .hero { position: relative; min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 0; overflow: hidden; } #zayden-jett-promo .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 80% at 70% 50%, rgba(45,91,254,0.12) 0%, transparent 70%), radial-gradient(ellipse 40% 60% at 30% 80%, rgba(45,91,254,0.06) 0%, transparent 60%); pointer-events: none; } #zayden-jett-promo .hero-content { padding: 80px 64px 80px 80px; position: relative; z-index: 2; } #zayden-jett-promo .hero-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--blue); margin-bottom: 32px; } #zayden-jett-promo .hero-eyebrow::before { content: ''; width: 24px; height: 1px; background: var(--blue); } #zayden-jett-promo .hero-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(72px, 8vw, 120px); line-height: 0.92; letter-spacing: -0.01em; margin-bottom: 8px; } #zayden-jett-promo .hero-title .accent { color: var(--blue); display: block; } #zayden-jett-promo .hero-sub { font-family: 'Space Mono', monospace; font-size: 11px; letter-spacing: 0.15em; color: var(--muted); text-transform: uppercase; margin-bottom: 40px; } #zayden-jett-promo .hero-desc { font-size: 16px; line-height: 1.8; color: var(--off-white); max-width: 440px; margin-bottom: 52px; font-weight: 300; } #zayden-jett-promo .hero-desc strong { color: var(--white); font-weight: 600; } #zayden-jett-promo .price-block { display: flex; align-items: flex-end; gap: 16px; margin-bottom: 40px; } #zayden-jett-promo .price-main { font-family: 'Bebas Neue', sans-serif; font-size: 64px; line-height: 1; letter-spacing: 0.02em; } #zayden-jett-promo .price-details { padding-bottom: 8px; } #zayden-jett-promo .price-details .shipping { font-family: 'Space Mono', monospace; font-size: 10px; color: var(--blue); letter-spacing: 0.1em; text-transform: uppercase; } #zayden-jett-promo .price-details .compare { font-size: 13px; color: var(--muted); text-decoration: line-through; margin-top: 2px; } #zayden-jett-promo .cta-row { display: flex; gap: 16px; align-items: center; } #zayden-jett-promo .btn-primary { background: var(--blue); color: var(--white); font-family: 'Space Mono', monospace; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 18px 40px; border: none; cursor: pointer; transition: all 0.2s ease; position: relative; overflow: hidden; text-decoration: none; display: inline-block; } #zayden-jett-promo .btn-primary::after { content: ''; position: absolute; inset: 0; background: rgba(255,255,255,0.1); transform: translateX(-100%); transition: transform 0.3s ease; } #zayden-jett-promo .btn-primary:hover::after { transform: translateX(0); } #zayden-jett-promo .btn-primary:hover { box-shadow: 0 0 40px var(--blue-glow); } #zayden-jett-promo .btn-ghost { background: transparent; color: var(--off-white); font-family: 'Space Mono', monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; padding: 18px 32px; border: 1px solid var(--border); cursor: pointer; transition: all 0.2s ease; text-decoration: none; display: inline-block; } #zayden-jett-promo .btn-ghost:hover { border-color: rgba(255,255,255,0.3); color: var(--white); } /* ── HERO IMAGE ── */ #zayden-jett-promo .hero-visual { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; } #zayden-jett-promo .hero-img-wrap { position: relative; width: 100%; height: 100%; } #zayden-jett-promo .hero-img-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } #zayden-jett-promo .hero-img-wrap::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, var(--black) 0%, transparent 30%, transparent 80%, var(--black) 100%); } /* ── TRUST BAR ── */ #zayden-jett-promo .trust-bar { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 20px 80px; display: flex; justify-content: space-between; align-items: center; gap: 32px; background: var(--off-black); } #zayden-jett-promo .trust-item { display: flex; align-items: center; gap: 12px; } #zayden-jett-promo .trust-icon { width: 32px; height: 32px; border: 1px solid var(--blue); display: flex; align-items: center; justify-content: center; color: var(--blue); font-size: 14px; flex-shrink: 0; } #zayden-jett-promo .trust-text { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--off-white); line-height: 1.5; } #zayden-jett-promo .trust-text strong { color: var(--white); display: block; } /* ── STORY SECTION ── */ #zayden-jett-promo .story { padding: 120px 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; } #zayden-jett-promo .story-images { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } #zayden-jett-promo .story-img { aspect-ratio: 1; overflow: hidden; position: relative; } #zayden-jett-promo .story-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; } #zayden-jett-promo .story-img:hover img { transform: scale(1.04); } #zayden-jett-promo .story-img.span-full { grid-column: 1 / -1; aspect-ratio: 16/9; } #zayden-jett-promo .section-label { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--blue); margin-bottom: 24px; display: flex; align-items: center; gap: 12px; } #zayden-jett-promo .section-label::after { content: ''; height: 1px; width: 40px; background: var(--blue); } #zayden-jett-promo .story-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(48px, 5vw, 72px); line-height: 1; margin-bottom: 28px; } #zayden-jett-promo .story-body { color: var(--off-white); font-size: 15px; line-height: 1.9; font-weight: 300; margin-bottom: 24px; } #zayden-jett-promo .story-body + .story-body { margin-top: 0; } /* ── SPECS SECTION ── */ #zayden-jett-promo .specs-section { padding: 0 80px 120px; } #zayden-jett-promo .specs-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--border); } #zayden-jett-promo .spec-item { padding: 40px 36px; border-right: 1px solid var(--border); position: relative; transition: background 0.3s; } #zayden-jett-promo .spec-item:last-child { border-right: none; } #zayden-jett-promo .spec-item:nth-child(n+4) { border-top: 1px solid var(--border); } #zayden-jett-promo .spec-item:hover { background: var(--blue-dim); } #zayden-jett-promo .spec-label { font-family: 'Space Mono', monospace; font-size: 9px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--muted); margin-bottom: 12px; } #zayden-jett-promo .spec-value { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 0.02em; color: var(--white); line-height: 1.1; margin-bottom: 6px; } #zayden-jett-promo .spec-note { font-size: 12px; color: var(--off-white); line-height: 1.5; } /* ── WARNING BLOCK ── */ #zayden-jett-promo .warning-block { margin: 0 80px; border: 1px solid rgba(45,91,254,0.3); background: var(--blue-dim); padding: 32px 40px; display: flex; gap: 24px; align-items: flex-start; margin-bottom: 120px; } #zayden-jett-promo .warning-icon { font-size: 20px; flex-shrink: 0; margin-top: 2px; color: var(--blue); } #zayden-jett-promo .warning-content { font-size: 13px; color: var(--off-white); line-height: 1.8; } #zayden-jett-promo .warning-content strong { color: var(--white); font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; display: block; margin-bottom: 8px; color: var(--blue); } /* ── MANIFESTO SECTION ── */ #zayden-jett-promo .manifesto { padding: 120px 80px; text-align: center; position: relative; border-top: 1px solid var(--border); background: var(--off-black); } #zayden-jett-promo .manifesto::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 80px; background: linear-gradient(to bottom, transparent, var(--blue)); } #zayden-jett-promo .manifesto-quote { font-family: 'Bebas Neue', sans-serif; font-size: clamp(48px, 6vw, 88px); line-height: 1.05; max-width: 900px; margin: 0 auto 40px; letter-spacing: 0.01em; } #zayden-jett-promo .manifesto-quote .highlight { color: var(--blue); } #zayden-jett-promo .manifesto-body { max-width: 560px; margin: 0 auto 56px; color: var(--off-white); font-size: 16px; line-height: 1.8; font-weight: 300; } /* ── FULLWIDTH IMAGE ── */ #zayden-jett-promo .fullwidth-visual { position: relative; height: 70vh; overflow: hidden; } #zayden-jett-promo .fullwidth-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; } #zayden-jett-promo .fullwidth-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, var(--black) 0%, transparent 20%, transparent 80%, var(--black) 100%); } /* ── BOTTOM CTA ── */ #zayden-jett-promo .bottom-cta { padding: 120px 80px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 80px; border-top: 1px solid var(--border); } #zayden-jett-promo .bottom-cta-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(48px, 5vw, 80px); line-height: 1; } #zayden-jett-promo .bottom-cta-title .accent { color: var(--blue); } #zayden-jett-promo .bottom-cta-right { display: flex; flex-direction: column; align-items: flex-end; gap: 20px; } #zayden-jett-promo .final-price { font-family: 'Bebas Neue', sans-serif; font-size: 56px; line-height: 1; } #zayden-jett-promo .final-shipping { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 0.15em; color: var(--blue); text-transform: uppercase; } /* ── COMPATIBILITY NOTICE ── */ #zayden-jett-promo .compat { padding: 48px 80px; background: var(--surface); border-top: 1px solid var(--border); display: flex; gap: 64px; align-items: flex-start; } #zayden-jett-promo .compat-title { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--blue); white-space: nowrap; padding-top: 2px; } #zayden-jett-promo .compat-switches { display: flex; flex-wrap: wrap; gap: 8px; } #zayden-jett-promo .switch-tag { font-family: 'Space Mono', monospace; font-size: 10px; letter-spacing: 0.1em; padding: 6px 14px; border: 1px solid var(--border); color: var(--off-white); text-transform: uppercase; transition: all 0.2s; } #zayden-jett-promo .switch-tag:hover { border-color: var(--blue); color: var(--blue); } /* ── ANIMATIONS ── */ @keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } #zayden-jett-promo .fade-up { animation: fadeUp 0.7s ease forwards; opacity: 0; } #zayden-jett-promo .fade-up:nth-child(1) { animation-delay: 0.1s; } #zayden-jett-promo .fade-up:nth-child(2) { animation-delay: 0.2s; } #zayden-jett-promo .fade-up:nth-child(3) { animation-delay: 0.35s; } #zayden-jett-promo .fade-up:nth-child(4) { animation-delay: 0.5s; } #zayden-jett-promo .fade-up:nth-child(5) { animation-delay: 0.65s; } /* ── DIVIDER ── */ #zayden-jett-promo .section-divider { height: 1px; background: var(--border); margin: 0 80px; } /* ── RESPONSIVE ── */ @media (max-width: 1024px) { #zayden-jett-promo .hero { grid-template-columns: 1fr; } #zayden-jett-promo .hero-content { padding: 80px 40px 60px; } #zayden-jett-promo .hero-visual { height: 60vh; } #zayden-jett-promo .hero-img-wrap::after { background: linear-gradient(to bottom, var(--black) 0%, transparent 20%, transparent 80%, var(--black) 100%); } #zayden-jett-promo .story { grid-template-columns: 1fr; padding: 80px 40px; gap: 48px; } #zayden-jett-promo .trust-bar { padding: 20px 40px; flex-wrap: wrap; gap: 24px; } #zayden-jett-promo .specs-section { padding: 0 40px 80px; } #zayden-jett-promo .specs-grid { grid-template-columns: repeat(2, 1fr); } #zayden-jett-promo .spec-item:nth-child(2) { border-right: none; } #zayden-jett-promo .spec-item:nth-child(n+3) { border-top: 1px solid var(--border); } #zayden-jett-promo .spec-item:nth-child(4) { border-right: none; } #zayden-jett-promo .spec-item:nth-child(5) { border-right: none; } #zayden-jett-promo .warning-block { margin: 0 40px; margin-bottom: 80px; } #zayden-jett-promo .manifesto { padding: 80px 40px; } #zayden-jett-promo .bottom-cta { grid-template-columns: 1fr; padding: 80px 40px; gap: 40px; } #zayden-jett-promo .bottom-cta-right { align-items: flex-start; } #zayden-jett-promo .compat { padding: 40px; flex-direction: column; gap: 24px; } #zayden-jett-promo .section-divider { margin: 0 40px; } } @media (max-width: 640px) { #zayden-jett-promo .hero-content { padding: 60px 24px 48px; } #zayden-jett-promo .story { padding: 60px 24px; } #zayden-jett-promo .trust-bar { padding: 20px 24px; } #zayden-jett-promo .specs-section { padding: 0 24px 60px; } #zayden-jett-promo .specs-grid { grid-template-columns: 1fr; } #zayden-jett-promo .spec-item { border-right: none !important; border-top: 1px solid var(--border); } #zayden-jett-promo .spec-item:first-child { border-top: none; } #zayden-jett-promo .warning-block { margin: 0 24px; margin-bottom: 60px; padding: 24px; } #zayden-jett-promo .manifesto { padding: 60px 24px; } #zayden-jett-promo .bottom-cta { padding: 60px 24px; } #zayden-jett-promo .compat { padding: 32px 24px; } #zayden-jett-promo .section-divider { margin: 0 24px; } #zayden-jett-promo .story-images { grid-template-columns: 1fr; } #zayden-jett-promo .story-img.span-full { grid-column: 1; } } JETT VOID Artisan Keycap — Agent Series No. 01 She doesn't aim. She arrives. Cast in light-transmitting resin and sculpted to near-perfection, this is not a keycap. It is a frozen frame of chaos — a character captured mid-mission, suspended in time on your desk. ✦ Free Worldwide Shipping Claim Yours See the Craft ◈ Light-Transmitting ResinRGB-passthrough casting ◈ 4 Interchangeable HandsCustomise your expression ◈ Universal MX MountCherry / Gateron / Kailh / Razer ◈ Free Worldwide ShippingNo hidden fees. Ever. ◈ Limited RunNot restocked once sold out The Origin Sculpted From the Rift Itself Every curve, every strand of white hair, every detail of Jett's signature scarf was hand-engineered by artisans who obsess over the things mass production destroys. The blue resin surrounding her isn't decorative — it's structural, forming the key body itself from a single, crystal-clear casting. When your keyboard's RGB fires through the base, the resin comes alive. Edges glow. The void breathes. Under white LED it's a frozen storm. Under blue it's something close to magic. Four interchangeable hand poses ship with every unit — because even Jett knows the right move depends on the moment. Position the kunai. Throw up a sign. It's your desk, your rules. The Build Engineered to Last Material Resin Cast Light-transmitting PC-grade resin. Crystal-clear base, full RGB passthrough. Switch Compatibility MX Cross Works with Cherry, Razer, Gateron, Kailh, and most cross-stem switches. Sculpt 3D Artisan Full figure emerging from resin body. Not a flat print — a sculpture. Accessories 4 Hands Four interchangeable posed hands included: weapon draw, kunai, casual, ready stance. Lighting RGB Through Resin transmits and diffuses keyboard RGB. No separate power needed. Run Type Limited No restock once sold out. Each unit is a numbered limited production piece. ⬡ Installation Note If the stem feels tight on first install, warm the base with a hairdryer for 15 seconds or soak in 60–70°C water — never force it. This is precision resin casting, not plastic. The stem accepts all standard MX cross formats but requires a firm, straight press to seat correctly. Forced insertion will damage the cross-stem; we won't replace it. Treat it like the art it is. YOUR SETUP IS EITHER A STATEMENT OR AN APOLOGY. The people who understand what this keycap represents don't need convincing. They already know that what sits on their desk says something about who they are. This is for them — and not for anyone else. Add to Your Setup — $179 ZayDen — Because Basic is a Crime CLAIM THE LAST FEW. ✦ Free Worldwide Shipping Order Now Ask a Question Compatible Switches Cherry MX Razer Green / Yellow Gateron Kailh Outemu Akko CS Holy Pandas* Most MX Cross