{"product_id":"spider-web-keycaps-130","title":"Spider-Web Keycaps (130)","description":"\u003c!-- \n  PASTE INSTRUCTIONS:\n  1. Open your product description field's \"Show HTML\" \/ source-code view (not the visual editor — \n     the visual editor will strip these style attributes too).\n  2. Copy everything from the outer \u003cdiv id=\"pdp-desc\"\u003e down to its closing \u003c\/div\u003e and paste it there.\n  3. Do not paste the Google Fonts \u003clink\u003e below into the description field — it will get stripped \n     and does nothing there. If you want the custom font sitewide, add that \u003clink\u003e to your theme's \n     main layout file (e.g. theme.liquid) instead. Everything below is designed to look correct even \n     with the fallback system font, so this is optional.\n--\u003e\n\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@700;800\u0026amp;family=Inter:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cdiv id=\"pdp-desc\" style=\"\n  --ink:#0d0d0d; --ink-dim:#46454a; --ink-faint:#86858c;\n  --surface:#f6f6f7; --line:#e6e6e8; --radius:14px;\n  --font-display:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;\n  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;\n  box-sizing:border-box; max-width:640px; margin:0 auto; padding:0 20px;\n  font-family:var(--font-body); color:var(--ink); font-size:16px; line-height:1.55;\n\"\u003e\n\n  \u003c!-- QUICK FACTS --\u003e\n  \u003cdiv style=\"box-sizing:border-box; padding:36px 0; border-bottom:1px solid var(--line);\"\u003e\n    \u003ch2 style=\"box-sizing:border-box; font-family:var(--font-display); font-weight:800; font-size:clamp(23px,5.5vw,28px); line-height:1.25; letter-spacing:-0.01em; margin:0 0 20px;\"\u003eWhat you're getting\u003c\/h2\u003e\n\n    \u003cdiv style=\"box-sizing:border-box; display:flex; align-items:flex-start; gap:14px; margin-bottom:20px;\"\u003e\n      \u003cspan style=\"box-sizing:border-box; display:block; flex-shrink:0; width:30px; height:30px; color:var(--ink); margin-top:2px;\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:block; width:100%; height:100%;\"\u003e\u003cpath d=\"M12 2v20M2 12h20M4.5 4.5l15 15M19.5 4.5l-15 15M7 2.5A9 9 0 0 0 2.5 7M17 2.5A9 9 0 0 1 21.5 7M7 21.5A9 9 0 0 1 2.5 17M17 21.5a9 9 0 0 0 4.5-4.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cdiv style=\"box-sizing:border-box;\"\u003e\n        \u003cdiv style=\"box-sizing:border-box; font-family:var(--font-display); font-weight:700; font-size:clamp(17px,4.2vw,19px); line-height:1.3; color:var(--ink);\"\u003eEngraved web, not printed\u003c\/div\u003e\n        \u003cdiv style=\"box-sizing:border-box; margin-top:4px; font-size:clamp(15px,4vw,17px); color:var(--ink-dim); line-height:1.45;\"\u003eCut into the plastic — catches light from every angle, won't wear off.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"box-sizing:border-box; display:flex; align-items:flex-start; gap:14px; margin-bottom:20px;\"\u003e\n      \u003cspan style=\"box-sizing:border-box; display:block; flex-shrink:0; width:30px; height:30px; color:var(--ink); margin-top:2px;\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:block; width:100%; height:100%;\"\u003e\u003crect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M6 10h.01M10 10h.01M14 10h.01M18 10h.01M6 14h12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cdiv style=\"box-sizing:border-box;\"\u003e\n        \u003cdiv style=\"box-sizing:border-box; font-family:var(--font-display); font-weight:700; font-size:clamp(17px,4.2vw,19px); line-height:1.3; color:var(--ink);\"\u003e130 keys, fits any layout\u003c\/div\u003e\n        \u003cdiv style=\"box-sizing:border-box; margin-top:4px; font-size:clamp(15px,4vw,17px); color:var(--ink-dim); line-height:1.45;\"\u003eFull-size, TKL and 60% covered, including a 6.25U spacebar.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"box-sizing:border-box; display:flex; align-items:flex-start; gap:14px; margin-bottom:20px;\"\u003e\n      \u003cspan style=\"box-sizing:border-box; display:block; flex-shrink:0; width:30px; height:30px; color:var(--ink); margin-top:2px;\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:block; width:100%; height:100%;\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cdiv style=\"box-sizing:border-box;\"\u003e\n        \u003cdiv style=\"box-sizing:border-box; font-family:var(--font-display); font-weight:700; font-size:clamp(17px,4.2vw,19px); line-height:1.3; color:var(--ink);\"\u003eBuilt for RGB\u003c\/div\u003e\n        \u003cdiv style=\"box-sizing:border-box; margin-top:4px; font-size:clamp(15px,4vw,17px); color:var(--ink-dim); line-height:1.45;\"\u003eLegends let backlight through clean, even with lights off.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"box-sizing:border-box; display:flex; align-items:flex-start; gap:14px;\"\u003e\n      \u003cspan style=\"box-sizing:border-box; display:block; flex-shrink:0; width:30px; height:30px; color:var(--ink); margin-top:2px;\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:block; width:100%; height:100%;\"\u003e\u003cpath d=\"M12 2 3 6v6c0 5 4 9 9 10 5-1 9-5 9-10V6l-9-4Z\"\u003e\u003c\/path\u003e\u003cpath d=\"m8 12 3 3 5-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cdiv style=\"box-sizing:border-box;\"\u003e\n        \u003cdiv style=\"box-sizing:border-box; font-family:var(--font-display); font-weight:700; font-size:clamp(17px,4.2vw,19px); line-height:1.3; color:var(--ink);\"\u003ePBT plastic\u003c\/div\u003e\n        \u003cdiv style=\"box-sizing:border-box; margin-top:4px; font-size:clamp(15px,4vw,17px); color:var(--ink-dim); line-height:1.45;\"\u003eWon't go shiny or thin where you type most.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FEATURE 1 --\u003e\n  \u003cdiv style=\"box-sizing:border-box; padding:36px 0; border-bottom:1px solid var(--line);\"\u003e\n    \u003cdiv style=\"box-sizing:border-box; display:flex; align-items:center; justify-content:center; background:var(--surface); border-radius:var(--radius); padding:30px 20px; margin-bottom:20px;\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--ink)\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:block; width:56px; height:56px;\"\u003e\u003cpath d=\"M12 2v20M2 12h20M4.5 4.5l15 15M19.5 4.5l-15 15M7 2.5A9 9 0 0 0 2.5 7M17 2.5A9 9 0 0 1 21.5 7M7 21.5A9 9 0 0 1 2.5 17M17 21.5a9 9 0 0 0 4.5-4.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003ch3 style=\"box-sizing:border-box; font-family:var(--font-display); font-weight:700; font-size:clamp(19px,5vw,22px); line-height:1.3; margin:0 0 8px; color:var(--ink);\"\u003eCut into the cap, not printed on top\u003c\/h3\u003e\n    \u003cp style=\"box-sizing:border-box; font-size:clamp(16px,4.2vw,18px); color:var(--ink-dim); line-height:1.55; max-width:46ch; margin:0;\"\u003eTilt it and the web moves with the light. A printed set looks flat from every angle — this one doesn't.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FEATURE 2 --\u003e\n  \u003cdiv style=\"box-sizing:border-box; padding:36px 0; border-bottom:1px solid var(--line);\"\u003e\n    \u003cdiv style=\"box-sizing:border-box; display:flex; align-items:center; justify-content:center; background:#101010; border-radius:var(--radius); padding:30px 20px; margin-bottom:20px;\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#f2f2f2\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:block; width:56px; height:56px;\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003ch3 style=\"box-sizing:border-box; font-family:var(--font-display); font-weight:700; font-size:clamp(19px,5vw,22px); line-height:1.3; margin:0 0 8px; color:var(--ink);\"\u003eLights off, board still glowing\u003c\/h3\u003e\n    \u003cp style=\"box-sizing:border-box; font-size:clamp(16px,4.2vw,18px); color:var(--ink-dim); line-height:1.55; max-width:46ch; margin:0;\"\u003eBacklight comes through the legends clean — built for the dark-room, RGB-cycling setup.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FIT \u0026 SPECS --\u003e\n  \u003cdiv style=\"box-sizing:border-box; padding:36px 0; border-bottom:1px solid var(--line);\"\u003e\n    \u003ch2 style=\"box-sizing:border-box; font-family:var(--font-display); font-weight:800; font-size:clamp(23px,5.5vw,28px); line-height:1.25; letter-spacing:-0.01em; margin:0 0 20px;\"\u003eFit \u0026amp; specs\u003c\/h2\u003e\n    \u003cdiv style=\"box-sizing:border-box; display:flex; justify-content:space-between; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--line); gap:12px;\"\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); color:var(--ink-faint);\"\u003eSet includes\u003c\/span\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); font-weight:600; text-align:right; color:var(--ink);\"\u003e130 keycaps\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"box-sizing:border-box; display:flex; justify-content:space-between; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--line); gap:12px;\"\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); color:var(--ink-faint);\"\u003eProfile\u003c\/span\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); font-weight:600; text-align:right; color:var(--ink);\"\u003eCherry\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"box-sizing:border-box; display:flex; justify-content:space-between; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--line); gap:12px;\"\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); color:var(--ink-faint);\"\u003eMaterial\u003c\/span\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); font-weight:600; text-align:right; color:var(--ink);\"\u003ePBT\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"box-sizing:border-box; display:flex; justify-content:space-between; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--line); gap:12px;\"\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); color:var(--ink-faint);\"\u003ePrint\u003c\/span\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); font-weight:600; text-align:right; color:var(--ink);\"\u003eEngraved + sublimated\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"box-sizing:border-box; display:flex; justify-content:space-between; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--line); gap:12px;\"\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); color:var(--ink-faint);\"\u003eLayouts\u003c\/span\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); font-weight:600; text-align:right; color:var(--ink);\"\u003eFull \/ TKL \/ 60%\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"box-sizing:border-box; display:flex; justify-content:space-between; align-items:baseline; padding:14px 0; gap:12px;\"\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); color:var(--ink-faint);\"\u003eSpacebar\u003c\/span\u003e\n      \u003cspan style=\"box-sizing:border-box; font-size:clamp(15px,4vw,17px); font-weight:600; text-align:right; color:var(--ink);\"\u003e6.25U, standard stabs\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- GUARANTEE --\u003e\n  \u003cdiv style=\"box-sizing:border-box; padding:36px 0;\"\u003e\n    \u003cdiv style=\"box-sizing:border-box; background:var(--surface); border-radius:var(--radius); text-align:center; padding:36px 24px;\"\u003e\n      \u003cspan style=\"box-sizing:border-box; display:block; width:24px; height:24px; margin:0 auto 12px; color:var(--ink);\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:block; width:100%; height:100%;\"\u003e\u003cpath d=\"M12 2 3 6v6c0 5 4 9 9 10 5-1 9-5 9-10V6l-9-4Z\"\u003e\u003c\/path\u003e\u003cpath d=\"m8 12 3 3 5-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003ch2 style=\"box-sizing:border-box; font-family:var(--font-display); font-weight:800; font-size:clamp(23px,5.5vw,28px); line-height:1.25; letter-spacing:-0.01em; margin:0 0 8px;\"\u003eLove it or your money back\u003c\/h2\u003e\n      \u003cp style=\"box-sizing:border-box; font-size:clamp(16px,4.2vw,18px); color:var(--ink-dim); max-width:38ch; margin:0 auto; line-height:1.55;\"\u003eNot happy with your set? Return it within 30 days for a full refund. No questions asked.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TESTIMONIALS --\u003e\n  \u003cdiv style=\"box-sizing:border-box; padding:36px 0;\"\u003e\n    \u003ch2 style=\"box-sizing:border-box; font-family:var(--font-display); font-weight:800; font-size:clamp(23px,5.5vw,28px); line-height:1.25; letter-spacing:-0.01em; margin:0 0 20px;\"\u003eWhat people are saying\u003c\/h2\u003e\n    \u003cdiv style=\"box-sizing:border-box; display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:14px;\"\u003e\n      \u003cdiv style=\"box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius); padding:20px;\"\u003e\n        \u003cdiv style=\"box-sizing:border-box; color:var(--ink); font-size:clamp(17px,4.5vw,19px); letter-spacing:2px;\"\u003e★★★★★\u003c\/div\u003e\n        \u003cp style=\"box-sizing:border-box; margin:10px 0 0; font-size:clamp(16px,4.2vw,18px); color:var(--ink); line-height:1.5;\"\u003e\"Looks way better in person. The engraving actually catches the light.\"\u003c\/p\u003e\n        \u003cdiv style=\"box-sizing:border-box; margin-top:12px; font-size:clamp(14px,3.5vw,15px); color:var(--ink-faint); font-weight:600;\"\u003eMarco T. — Verified Buyer\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius); padding:20px;\"\u003e\n        \u003cdiv style=\"box-sizing:border-box; color:var(--ink); font-size:clamp(17px,4.5vw,19px); letter-spacing:2px;\"\u003e★★★★★\u003c\/div\u003e\n        \u003cp style=\"box-sizing:border-box; margin:10px 0 0; font-size:clamp(16px,4.2vw,18px); color:var(--ink); line-height:1.5;\"\u003e\"Fit my board perfectly, spacebar included is a nice touch.\"\u003c\/p\u003e\n        \u003cdiv style=\"box-sizing:border-box; margin-top:12px; font-size:clamp(14px,3.5vw,15px); color:var(--ink-faint); font-weight:600;\"\u003eAisha R. — Verified Buyer\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius); padding:20px;\"\u003e\n        \u003cdiv style=\"box-sizing:border-box; color:var(--ink); font-size:clamp(17px,4.5vw,19px); letter-spacing:2px;\"\u003e★★★★★\u003c\/div\u003e\n        \u003cp style=\"box-sizing:border-box; margin:10px 0 0; font-size:clamp(16px,4.2vw,18px); color:var(--ink); line-height:1.5;\"\u003e\"Best keycaps I've bought. The RGB glow through the legends is clean.\"\u003c\/p\u003e\n        \u003cdiv style=\"box-sizing:border-box; margin-top:12px; font-size:clamp(14px,3.5vw,15px); color:var(--ink-faint); font-weight:600;\"\u003eDev K. — Verified Buyer\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"GrayField","offers":[{"title":"Default Title","offer_id":53603008282890,"sku":null,"price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0925\/2388\/8906\/files\/keycapshero.png?v=1788170436","url":"https:\/\/grayfieldbrand.com\/products\/spider-web-keycaps-130","provider":"GrayField","version":"1.0","type":"link"}