{"product_id":"creative-engine","title":"Keycaps NuPhy | CREATIVE ENGINE","description":"\u003cp\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --bg: #f5f5f5;\n  --white: #fff;\n  --ink: #1a1a1a;\n  --muted: #888;\n  --rule: #e0e0e0;\n  --orange: #FF6B00;\n}\n\nbody {\n  font-family: 'IBM Plex Sans', sans-serif;\n  background: var(--bg);\n  color: var(--ink);\n}\n\nimg { display: block; width: 100%; height: auto; }\n\n ── SLIDER ── ,\n.slider {\n  position: relative;\n  overflow: hidden;\n  background: #111;\n  aspect-ratio: 16\/9;\n}\n\n@media (max-width: 600px) {\n  .slider { aspect-ratio: 4\/3; }\n}\n\n.slider__track {\n  display: flex;\n  height: 100%;\n  transition: transform .5s cubic-bezier(.4,0,.2,1);\n}\n\n.slider__slide {\n  flex: 0 0 100%;\n  height: 100%;\n}\n\n.slider__slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.slider__btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: rgba(255,255,255,.15);\n  border: 1px solid rgba(255,255,255,.2);\n  color: #fff;\n  width: 36px; height: 36px;\n  display: flex; align-items: center; justify-content: center;\n  cursor: pointer;\n  font-size: 16px;\n  transition: background .2s;\n  z-index: 10;\n  backdrop-filter: blur(4px);\n}\n.slider__btn:hover { background: rgba(255,255,255,.3); }\n.slider__btn--prev { left: 12px; }\n.slider__btn--next { right: 12px; }\n\n.slider__dots {\n  position: absolute;\n  bottom: 12px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 6px;\n  z-index: 10;\n}\n\n.slider__dot {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: rgba(255,255,255,.4);\n  cursor: pointer;\n  transition: background .2s;\n}\n.slider__dot.active { background: #fff; }\n\n ── CONTAINER ── ,\n.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }\n\n ── SECTION ── ,\n.section { padding: 56px 0; border-bottom: 1px solid var(--rule); }\n.section:last-child { border-bottom: none; }\n\n.section__eyebrow {\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 9px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: var(--orange);\n  margin-bottom: 12px;\n}\n\n.section__title {\n  font-size: clamp(1.4rem, 4vw, 2rem);\n  font-weight: 500;\n  line-height: 1.2;\n  margin-bottom: 20px;\n  color: var(--ink);\n}\n\n.section__body {\n  font-size: 14px;\n  color: var(--muted);\n  line-height: 1.85;\n  max-width: 640px;\n}\n\n ── HERO TEXT ── ,\n.hero-text {\n  background: var(--white);\n  padding: 40px 20px;\n  border-bottom: 1px solid var(--rule);\n}\n\n.hero-text__title {\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: clamp(1.6rem, 5vw, 2.8rem);\n  font-weight: 500;\n  letter-spacing: -.02em;\n  color: var(--ink);\n  margin-bottom: 16px;\n}\n\n.hero-text__title span { color: var(--orange); }\n\n.hero-text__body {\n  font-size: 14px;\n  color: var(--muted);\n  line-height: 1.85;\n  max-width: 720px;\n}\n\n ── LAYOUT COM IMAGEM ── ,\n.split {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 32px;\n  align-items: center;\n}\n\n@media (min-width: 768px) {\n  .split { grid-template-columns: 1fr 1fr; gap: 56px; }\n  .split--reverse .split__img { order: 2; }\n  .split--reverse .split__text { order: 1; }\n}\n\n.split__img { overflow: hidden; background: #eee; }\n.split__img img { width: 100%; display: block; object-fit: cover; }\n\n ── TECH SPECS ── ,\n.specs-card {\n  background: var(--white);\n  border: 1px solid var(--rule);\n  margin-top: 8px;\n}\n\n.specs-card__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--rule);\n  cursor: pointer;\n  user-select: none;\n}\n\n.specs-card__heading {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--ink);\n}\n\n.specs-card__close {\n  font-size: 18px;\n  color: var(--muted);\n  background: none;\n  border: none;\n  cursor: pointer;\n  line-height: 1;\n  transition: transform .2s;\n}\n\n.specs-card--collapsed .specs-card__close { transform: rotate(45deg); }\n.specs-card--collapsed .specs-card__body { display: none; }\n\n.specs-card__body {\n  background: #f0f0f0;\n  padding: 28px 20px;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n}\n\n@media (min-width: 640px) {\n  .specs-card__body { grid-template-columns: 1fr 1fr; gap: 24px 60px; padding: 32px 28px; }\n}\n\n.ts-group__label { font-size: 13px; font-weight: 500; color: var(--ink); margin-bottom: 3px; }\n.ts-group__value { font-size: 13px; color: var(--muted); line-height: 1.7; }\n\n ── COMPAT CARD ── ,\n.compat-card {\n  background: var(--white);\n  border: 1px solid var(--rule);\n  overflow: hidden;\n}\n\n.compat-card__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--rule);\n}\n\n.compat-card__heading {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--ink);\n}\n\n.compat-card__close {\n  font-size: 18px;\n  color: var(--muted);\n  line-height: 1;\n}\n\n.compat-card__body {\n  background: #f0f0f0;\n  padding: 24px 20px;\n}\n\n.compat-value { font-size: 13px; color: #666; line-height: 1.7; }\n\u003c\/style\u003e\n\u003c!-- ══ SLIDE 1 ══ --\u003e\n\u003cdiv class=\"slider\" id=\"slider1\"\u003e\n\u003cdiv class=\"slider__track\" id=\"track1\"\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/7c36d70f-6901-4270-8535-dfca3a305a99\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Creative Engine\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/fcf1f6d7-d106-48a8-b8c1-3b1a7a356ec4\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Creative Engine\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"slider__btn slider__btn--prev\" onclick=\"slide('slider1',-1)\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"slider__btn slider__btn--next\" onclick=\"slide('slider1',1)\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"slider__dots\" id=\"dots1\"\u003e\n\u003cdiv class=\"slider__dot active\" onclick=\"goTo('slider1',0)\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__dot\" onclick=\"goTo('slider1',1)\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ HERO TEXT ══ --\u003e\n\u003cdiv class=\"hero-text\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"hero-text__title\"\u003e\u003cspan\u003eCREATIVE ENGINE\u003c\/span\u003e\u003c\/div\u003e\n\u003cp class=\"hero-text__body\"\u003eCREATIVE ENGINE é um keycap set construído para o fluxo de trabalho de criadores — uma interface física para quem molda mundos com âncoras, paths e curvas. Ele traz suas ações mais usadas da tela para as pontas dos dedos. Aqui, o teclado se torna mais do que um dispositivo de entrada — é um acelerador criativo de mesa, mantendo as ideias em movimento a cada keystroke satisfatório.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ KEYTOK PBT ══ --\u003e\n\u003cdiv class=\"section\" style=\"background: var(--white);\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv class=\"split__text\"\u003e\n\u003cdiv class=\"section__eyebrow\"\u003eMaterial\u003c\/div\u003e\n\u003ch2 class=\"section__title\"\u003eKeyTok PBT Keycaps\u003c\/h2\u003e\n\u003cp class=\"section__body\"\u003eMoldados em PBT, os keycaps NuPhy são altamente resistentes a oleosidade e arranhões, com legends duráveis e cores vivas. O processo dye-sub permite um nível ultrapreciso de detalhes de cor e uma riqueza visual em camadas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split__img\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/15e07308-2349-475f-b705-0849b25f64bb\/-\/format\/auto\/-\/quality\/better\/-\/resize\/1920x\/\" alt=\"KeyTok PBT Keycaps\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ KEYBOARD COMPATIBILITIES ══ --\u003e\n\u003cdiv class=\"section\" style=\"background: var(--bg);\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"split split--reverse\"\u003e\n\u003cdiv class=\"split__text\"\u003e\n\u003cdiv class=\"section__eyebrow\"\u003eCompatibilidade\u003c\/div\u003e\n\u003ch2 class=\"section__title\"\u003eKeyboard Compatibilities\u003c\/h2\u003e\n\u003cp class=\"section__body\"\u003eO keycap set CREATIVE ENGINE no perfil nSA inclui 126 teclas no total. Suporta a NuPhy Air Series, Air60 HE, Air75 HE, Kick75 Low-profile e Node Series Low-profile, além de ser compatível com outros teclados mecânicos compactos low-profile nos layouts: 60 \/ 65 \/ 75 \/ 80 \/ 96 \/ 100.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split__img\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/aa63a1d2-5d39-4d11-a05d-4dca146c4f7f\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Keyboard Compatibilities\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ nSA PROFILE ══ --\u003e\n\u003cdiv class=\"section\" style=\"background: var(--white);\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"split\"\u003e\n\u003cdiv class=\"split__text\"\u003e\n\u003cdiv class=\"section__eyebrow\"\u003ePerfil\u003c\/div\u003e\n\u003ch2 class=\"section__title\"\u003enSA Profile\u003c\/h2\u003e\n\u003cp class=\"section__body\"\u003eDesenvolvido pela NuPhy com base em pesquisas profundas sobre ergonomia e estética low-profile, o perfil nSA é sobre uma experiência de digitação perfeita. A curvatura da superfície mantém contato mais próximo com os dedos, reduzindo fadiga. As 6 fileiras de altura igual com inclinação suave permitem movimentação natural pelos dedos. Cantos arredondados e lados iguais completam o visual minimalista inerente aos teclados low-profile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"split__img\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/2a641af9-c8d9-4ac5-9a6f-9df23f5f5465\/-\/format\/auto\/-\/quality\/normal\/\" alt=\"nSA Profile\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ DESIGN INSPIRATION ══ --\u003e\n\u003cdiv class=\"section\" style=\"background: var(--bg);\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"split__text\" style=\"max-width: 720px;\"\u003e\n\u003cdiv class=\"section__eyebrow\"\u003eInspiração\u003c\/div\u003e\n\u003ch2 class=\"section__title\"\u003eDesign Inspiration\u003c\/h2\u003e\n\u003cp class=\"section__body\"\u003eInspirado na icônica interface laranja e cinza do Adobe Illustrator — e na memória muscular que designers constroem ao longo do tempo: atalhos favoritos, ícones de ferramentas e combos de teclas que você aciona sem pensar. Transformamos esses \"hábitos invisíveis\" em uma linguagem visual nos keycaps. É uma homenagem à arte vetorial e um acessório físico para a mesa — mantendo sua fluência sempre à mão para que pensar, escolher e criar se conectem mais rapidamente à execução.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ IMAGEM CREATIVE ENGINE FULLWIDTH ══ --\u003e\n\u003cdiv style=\"background: #111;\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/fb54fa2d-051b-4961-99f9-e625b92e93f9\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Creative Engine\" loading=\"lazy\" style=\"max-height: 520px; object-fit: cover;\"\u003e\u003c\/div\u003e\n\u003c!-- ══ SLIDE 2 ══ --\u003e\n\u003cdiv class=\"slider\" id=\"slider2\" style=\"margin-top: 0;\"\u003e\n\u003cdiv class=\"slider__track\" id=\"track2\"\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/00a6dda9-9761-4a1f-8b1b-916c526e0486\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Creative Engine detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/6edd0731-c8d1-4d65-800f-44366e907359\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Creative Engine detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/bf2f3665-f63d-4f9f-89aa-b286f9e56081\/-\/format\/auto\/-\/quality\/normal\/-\/resize\/1920x\/\" alt=\"Creative Engine detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__slide\"\u003e\u003cimg src=\"https:\/\/i.shgcdn.com\/7a9a6ce5-4caf-4374-a21a-44602100e317\/-\/resize\/1920x\/\" alt=\"Creative Engine detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"slider__btn slider__btn--prev\" onclick=\"slide('slider2',-1)\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"slider__btn slider__btn--next\" onclick=\"slide('slider2',1)\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"slider__dots\" id=\"dots2\"\u003e\n\u003cdiv class=\"slider__dot active\" onclick=\"goTo('slider2',0)\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__dot\" onclick=\"goTo('slider2',1)\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__dot\" onclick=\"goTo('slider2',2)\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider__dot\" onclick=\"goTo('slider2',3)\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ══ COMPATIBILIDADE ══ --\u003e\n\u003cdiv style=\"padding: 32px 20px; max-width: 1100px; margin: 0 auto;\"\u003e\n\u003cdiv class=\"compat-card\" style=\"margin-bottom: 8px;\"\u003e\n\u003cdiv class=\"compat-card__header\"\u003e\n\u003cspan class=\"compat-card__heading\"\u003eCompatibilidade para teclados NuPhy\u003c\/span\u003e \u003cspan class=\"compat-card__close\"\u003e×\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compat-card__body\"\u003e\n\u003cdiv class=\"compat-value\"\u003eAir Series · Kick75 Low-profile · Node Series Low-profile\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compat-card\" style=\"margin-bottom: 8px;\"\u003e\n\u003cdiv class=\"compat-card__header\"\u003e\n\u003cspan class=\"compat-card__heading\"\u003eLayouts suportados pelo CREATIVE ENGINE\u003c\/span\u003e \u003cspan class=\"compat-card__close\"\u003e×\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"compat-card__body\"\u003e\n\u003cdiv class=\"compat-value\"\u003e60 \/ 65 \/ 75 \/ 80 \/ 96 \/ 100\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TECH SPECS colapsável --\u003e\n\u003cdiv class=\"specs-card\" id=\"specs-main\"\u003e\n\u003cdiv class=\"specs-card__header\" onclick=\"toggleSpecs('specs-main')\"\u003e\n\u003cspan class=\"specs-card__heading\"\u003eTech Specs\u003c\/span\u003e \u003cbutton class=\"specs-card__close\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specs-card__body\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003ePerfil do Keycap\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003enSA\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eShifts Incluídos\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003e2.75u · 2.25u · 2u · 1.75u · 1u\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003ePBT Dye-Sublimation 5 lados\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eSpacebar Incluído\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003e6.25u\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eNúmero de Teclas\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003e126\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eFabricante\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003eKeyTok\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-group__label\"\u003eDesigner\u003c\/div\u003e\n\u003cdiv class=\"ts-group__value\"\u003eBOHU\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\/\/ Slider state\nconst state = {};\n\nfunction initSlider(id) {\n  const slides = document.querySelectorAll(`#${id} .slider__slide`);\n  state[id] = { current: 0, total: slides.length };\n  autoPlay(id);\n}\n\nfunction slide(id, dir) {\n  const s = state[id];\n  s.current = (s.current + dir + s.total) % s.total;\n  update(id);\n}\n\nfunction goTo(id, idx) {\n  state[id].current = idx;\n  update(id);\n}\n\nfunction update(id) {\n  const s = state[id];\n  document.getElementById('track' + id.slice(-1)).style.transform = `translateX(-${s.current * 100}%)`;\n  document.querySelectorAll(`#dots${id.slice(-1)} .slider__dot`).forEach((d, i) =\u003e {\n    d.classList.toggle('active', i === s.current);\n  });\n}\n\nfunction autoPlay(id) {\n  setInterval(() =\u003e slide(id, 1), 4000);\n}\n\ninitSlider('slider1');\ninitSlider('slider2');\n\nfunction toggleSpecs(id) {\n  document.getElementById(id).classList.toggle('specs-card--collapsed');\n}\n\u003c\/script\u003e","brand":"NuPhy® x BOHO","offers":[{"title":"All in One","offer_id":51093025849648,"sku":"0101081","price":689.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0966\/0507\/7808\/files\/1_0dd33786-7f00-4abe-b76d-0a2f13a490dd.jpg?v=1774304184","url":"https:\/\/nuphybrasil.com.br\/products\/creative-engine","provider":"Nuphy Brasil","version":"1.0","type":"link"}