{"product_id":"dark-mode-digital-notebook","title":"מחברת דיגיטלית Dark Mode | 15 חוצצים חכמים ו-7 סוגי דפים","description":"\u003cstyle\u003e\n\/* =========================================================\n   DEMIZ DESIGN — DARK MODE NOTEBOOK\n   SAFE STOREFRONT VERSION\n   ========================================================= *\/\n\n#demiz-dark-notebook {\n  direction: rtl;\n  text-align: right;\n  color: #2d2d2d;\n  font-family: \"MeyraviRegular\", Arial, sans-serif;\n  font-size: 15px;\n  line-height: 1.8;\n}\n\n#demiz-dark-notebook,\n#demiz-dark-notebook * {\n  box-sizing: border-box;\n}\n\n#demiz-dark-notebook p {\n  margin: 0 0 18px;\n  color: #2d2d2d !important;\n}\n\n#demiz-dark-notebook strong {\n  color: #1e2144 !important;\n  font-family: \"MeyraviBold\", Arial, sans-serif;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n#demiz-dark-notebook .dd-dark-hero {\n  position: relative;\n\n  margin-bottom: 28px;\n  padding: 26px 25px 25px;\n\n  background: #f7f2f1;\n  border: 1.5px solid #1e2144;\n  box-shadow: 6px 6px 0 #1e2144;\n\n  overflow: visible;\n}\n\n#demiz-dark-notebook .dd-dark-hero::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  right: 0;\n\n  width: 7px;\n  height: 100%;\n\n  background: #222222;\n}\n\n#demiz-dark-notebook .dd-dark-label {\n  display: inline-block;\n\n  margin-bottom: 14px;\n  padding: 5px 9px;\n\n  background: #ecaed5;\n  border: 1px solid #1e2144;\n\n  color: #1e2144 !important;\n\n  font-family: \"Courier New\", Courier, monospace;\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n\n  direction: ltr;\n}\n\n#demiz-dark-notebook .dd-dark-hero-title {\n  display: block;\n\n  margin-bottom: 9px;\n\n  color: #1e2144 !important;\n\n  font-family: \"MeyraviExtraBold\", \"MeyraviBold\", Arial, sans-serif;\n  font-size: 23px;\n  font-weight: 800;\n  line-height: 1.4;\n}\n\n#demiz-dark-notebook .dd-dark-hero p {\n  margin: 0;\n\n  color: #2d2d2d !important;\n\n  font-size: 16px;\n  line-height: 1.85;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n#demiz-dark-notebook .dd-dark-intro {\n  margin: 0 0 26px;\n\n  color: #2d2d2d !important;\n}\n\n\n\/* =========================================================\n   QUICK INFO\n   ========================================================= *\/\n\n#demiz-dark-notebook .dd-dark-quick {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n\n  margin: 26px 0 30px;\n}\n\n#demiz-dark-notebook .dd-dark-quick-item {\n  padding: 16px 12px;\n\n  text-align: center;\n\n  background: #fffdfc;\n  border: 1px solid #1e2144;\n}\n\n#demiz-dark-notebook .dd-dark-quick-item:nth-child(1) {\n  box-shadow: 3px 3px 0 #ecaed5;\n}\n\n#demiz-dark-notebook .dd-dark-quick-item:nth-child(2) {\n  box-shadow: 3px 3px 0 #a1ace8;\n}\n\n#demiz-dark-notebook .dd-dark-quick-item:nth-child(3) {\n  box-shadow: 3px 3px 0 #e0dc92;\n}\n\n#demiz-dark-notebook .dd-dark-quick-number {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #1e2144 !important;\n\n  font-family: \"MeyraviExtraBold\", \"MeyraviBold\", Arial, sans-serif;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.2;\n}\n\n#demiz-dark-notebook .dd-dark-quick-label {\n  display: block;\n\n  color: #2d2d2d !important;\n\n  font-size: 12px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   WHAT'S INSIDE\n   ========================================================= *\/\n\n#demiz-dark-notebook .dd-dark-inside {\n  margin: 30px 0;\n\n  background: #fffdfc;\n  border: 1.5px solid #1e2144;\n  box-shadow: 5px 5px 0 #1e2144;\n}\n\n#demiz-dark-notebook .dd-dark-inside-head {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  padding: 12px 18px;\n\n  background: #a1ace8;\n  border-bottom: 1.5px solid #1e2144;\n\n  color: #1e2144 !important;\n\n  font-family: \"MeyraviExtraBold\", \"MeyraviBold\", Arial, sans-serif;\n  font-size: 17px;\n  font-weight: 800;\n}\n\n#demiz-dark-notebook .dd-dark-inside-head::before {\n  content: \"✦\";\n\n  width: 25px;\n  height: 25px;\n  flex: 0 0 25px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  background: #ecaed5;\n  border: 1px solid #1e2144;\n\n  color: #1e2144;\n\n  font-family: Arial, sans-serif;\n  font-size: 12px;\n}\n\n#demiz-dark-notebook .dd-dark-list {\n  list-style: none !important;\n\n  margin: 0 !important;\n  padding: 17px 20px !important;\n}\n\n#demiz-dark-notebook .dd-dark-list li {\n  position: relative;\n\n  margin: 0 !important;\n  padding: 10px 34px 10px 0 !important;\n\n  border-bottom: 1px dashed rgba(30, 33, 68, 0.18);\n\n  color: #2d2d2d !important;\n\n  font-family: \"MeyraviRegular\", Arial, sans-serif !important;\n  font-size: 15px !important;\n  line-height: 1.7 !important;\n}\n\n#demiz-dark-notebook .dd-dark-list li:last-child {\n  border-bottom: 0;\n}\n\n#demiz-dark-notebook .dd-dark-list li::before {\n  content: \"✓\";\n\n  position: absolute;\n  top: 10px;\n  right: 0;\n\n  width: 23px;\n  height: 23px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background: #e0dc92;\n  border: 1px solid #1e2144;\n\n  color: #1e2144;\n\n  font-family: Arial, sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   7 PAGE TYPES\n   ========================================================= *\/\n\n#demiz-dark-notebook .dd-dark-pages {\n  margin: 30px 0;\n}\n\n#demiz-dark-notebook .dd-dark-section-title {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: #1e2144 !important;\n\n  font-family: \"MeyraviExtraBold\", \"MeyraviBold\", Arial, sans-serif;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n#demiz-dark-notebook .dd-dark-pages-intro {\n  margin-bottom: 16px !important;\n\n  color: #2d2d2d !important;\n}\n\n#demiz-dark-notebook .dd-dark-page-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 8px;\n}\n\n#demiz-dark-notebook .dd-dark-page {\n  min-height: 47px;\n  padding: 9px 7px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  text-align: center;\n\n  border: 1px solid #1e2144;\n\n  color: #1e2144 !important;\n\n  font-family: \"MeyraviBold\", Arial, sans-serif !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n}\n\n#demiz-dark-notebook .dd-dark-page:nth-child(1) {\n  background: #f7f2f1;\n}\n\n#demiz-dark-notebook .dd-dark-page:nth-child(2) {\n  background: rgba(161, 172, 232, 0.38);\n}\n\n#demiz-dark-notebook .dd-dark-page:nth-child(3) {\n  background: rgba(224, 220, 146, 0.55);\n}\n\n#demiz-dark-notebook .dd-dark-page:nth-child(4) {\n  background: rgba(236, 174, 213, 0.42);\n}\n\n#demiz-dark-notebook .dd-dark-page:nth-child(5) {\n  background: rgba(161, 172, 232, 0.22);\n}\n\n#demiz-dark-notebook .dd-dark-page:nth-child(6) {\n  background: rgba(224, 220, 146, 0.38);\n}\n\n#demiz-dark-notebook .dd-dark-page:nth-child(7) {\n  background: #ecaed5;\n}\n\n\n\/* =========================================================\n   SMART DIVIDERS\n   ========================================================= *\/\n\n#demiz-dark-notebook .dd-dark-smart {\n  position: relative;\n\n  margin: 28px 0;\n  padding: 20px 21px;\n\n  background: rgba(161, 172, 232, 0.18);\n  border: 1px solid rgba(30, 33, 68, 0.28);\n  border-right: 6px solid #a1ace8;\n}\n\n#demiz-dark-notebook .dd-dark-smart-title {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: #1e2144 !important;\n\n  font-family: \"MeyraviExtraBold\", \"MeyraviBold\", Arial, sans-serif;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n#demiz-dark-notebook .dd-dark-smart p {\n  margin: 0;\n\n  color: #2d2d2d !important;\n}\n\n\n\/* =========================================================\n   NAVIGATION\n   ========================================================= *\/\n\n#demiz-dark-notebook .dd-dark-navigation {\n  position: relative;\n\n  margin: 28px 0;\n  padding: 21px;\n\n  background: #f7f2f1;\n  border: 1.5px solid #1e2144;\n  box-shadow: 4px 4px 0 #ecaed5;\n}\n\n#demiz-dark-notebook .dd-dark-navigation::before {\n  content: \"DARK_MODE\";\n\n  position: absolute;\n  top: -12px;\n  left: 15px;\n\n  padding: 4px 8px;\n\n  background: #222222;\n  border: 1px solid #1e2144;\n\n  color: #ffffff !important;\n\n  font-family: \"Courier New\", Courier, monospace;\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n\n  direction: ltr;\n}\n\n#demiz-dark-notebook .dd-dark-navigation-title {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: #1e2144 !important;\n\n  font-family: \"MeyraviExtraBold\", \"MeyraviBold\", Arial, sans-serif;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n#demiz-dark-notebook .dd-dark-navigation p {\n  margin: 0;\n\n  color: #2d2d2d !important;\n}\n\n\n\/* =========================================================\n   COMPATIBILITY\n   ========================================================= *\/\n\n#demiz-dark-notebook .dd-dark-compatibility {\n  margin-top: 29px;\n  padding: 19px 20px;\n\n  background: #e0dc92;\n  border: 1.5px solid #1e2144;\n  box-shadow: 4px 4px 0 #1e2144;\n}\n\n#demiz-dark-notebook .dd-dark-compatibility-title {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: #1e2144 !important;\n\n  font-family: \"MeyraviExtraBold\", \"MeyraviBold\", Arial, sans-serif;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n#demiz-dark-notebook .dd-dark-compatibility p {\n  margin: 0;\n\n  color: #2d2d2d !important;\n}\n\n\n\/* =========================================================\n   NOTICE\n   ========================================================= *\/\n\n#demiz-dark-notebook .dd-dark-notice {\n  margin-top: 25px;\n  padding: 13px 15px;\n\n  text-align: center;\n\n  background: #f7f2f1;\n  border: 1px dashed #1e2144;\n\n  color: #2d2d2d !important;\n\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media screen and (max-width: 700px) {\n\n  #demiz-dark-notebook {\n    font-size: 14px;\n    line-height: 1.75;\n  }\n\n  #demiz-dark-notebook .dd-dark-hero {\n    padding: 21px 17px 20px;\n\n    box-shadow: 4px 4px 0 #1e2144;\n  }\n\n  #demiz-dark-notebook .dd-dark-hero-title {\n    font-size: 19px;\n  }\n\n  #demiz-dark-notebook .dd-dark-hero p {\n    font-size: 14px;\n  }\n\n  #demiz-dark-notebook .dd-dark-quick {\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n\n  #demiz-dark-notebook .dd-dark-quick-item {\n    padding: 12px 14px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    text-align: right;\n  }\n\n  #demiz-dark-notebook .dd-dark-quick-number {\n    margin: 0;\n\n    font-size: 18px;\n  }\n\n  #demiz-dark-notebook .dd-dark-inside {\n    box-shadow: 4px 4px 0 #1e2144;\n  }\n\n  #demiz-dark-notebook .dd-dark-inside-head {\n    padding: 11px 14px;\n\n    font-size: 16px;\n  }\n\n  #demiz-dark-notebook .dd-dark-list {\n    padding: 13px 15px !important;\n  }\n\n  #demiz-dark-notebook .dd-dark-list li {\n    padding: 9px 31px 9px 0 !important;\n\n    font-size: 14px !important;\n  }\n\n  #demiz-dark-notebook .dd-dark-page-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  #demiz-dark-notebook .dd-dark-page {\n    min-height: 43px;\n    padding: 8px 6px;\n\n    font-size: 11px !important;\n  }\n\n  #demiz-dark-notebook .dd-dark-smart,\n  #demiz-dark-notebook .dd-dark-navigation,\n  #demiz-dark-notebook .dd-dark-compatibility {\n    padding: 16px;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv id=\"demiz-dark-notebook\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"dd-dark-hero\"\u003e\n\n    \u003cspan class=\"dd-dark-label\"\u003e\n      DARK_MODE.NOTEBOOK \/ DEMIZ DESIGN\n    \u003c\/span\u003e\n\n    \u003cspan class=\"dd-dark-hero-title\"\u003e\n      על מחברת Dark Mode\n    \u003c\/span\u003e\n\n    \u003cp\u003e\n      \u003cstrong\u003eמחברת דיגיטלית בעברית\u003c\/strong\u003e\n      בעיצוב כהה ומינימליסטי, שמרכזת במקום אחד את כל מה שצריך\n      כדי לכתוב, ללמוד, לעבוד ולארגן כמה נושאים במקביל –\n      בלי להיות מוגבלים לסוג אחד של דף.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- INTRO --\u003e\n  \u003cp class=\"dd-dark-intro\"\u003e\n    המחברת כוללת\n    \u003cstrong\u003e15 חוצצים חכמים ל־15 נושאים שונים\u003c\/strong\u003e,\n    אינדקס מסודר ו־7 סוגי דפים שזמינים מתוך כל אחד מהחוצצים.\n    כל המחברת מקושרת באמצעות לינקים, כך שאפשר לעבור במהירות\n    בין נושאים, חוצצים וסוגי דפים בלי לדפדף ולחפש.\n  \u003c\/p\u003e\n\n\n  \u003c!-- QUICK INFO --\u003e\n  \u003cdiv class=\"dd-dark-quick\"\u003e\n\n    \u003cdiv class=\"dd-dark-quick-item\"\u003e\n      \u003cspan class=\"dd-dark-quick-number\"\u003e15\u003c\/span\u003e\n      \u003cspan class=\"dd-dark-quick-label\"\u003e\n        חוצצים לנושאים שונים\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dd-dark-quick-item\"\u003e\n      \u003cspan class=\"dd-dark-quick-number\"\u003e7\u003c\/span\u003e\n      \u003cspan class=\"dd-dark-quick-label\"\u003e\n        סוגי דפים בכל חוצץ\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dd-dark-quick-item\"\u003e\n      \u003cspan class=\"dd-dark-quick-number\"\u003e100%\u003c\/span\u003e\n      \u003cspan class=\"dd-dark-quick-label\"\u003e\n        ניווט אינטראקטיבי\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- WHAT'S INSIDE --\u003e\n  \u003cdiv class=\"dd-dark-inside\"\u003e\n\n    \u003cdiv class=\"dd-dark-inside-head\"\u003e\n      מה מחכה לכם בתוך המחברת?\n    \u003c\/div\u003e\n\n    \u003cul class=\"dd-dark-list\"\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eעיצוב Dark Mode מינימליסטי\u003c\/strong\u003e\n        עם רקע כהה ושפה נקייה\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eאינדקס מסודר\u003c\/strong\u003e\n        שמאפשר להגיע במהירות לנושא שרוצים\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003e15 חוצצים חכמים\u003c\/strong\u003e\n        לארגון עד 15 נושאים שונים במחברת אחת\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eהחוצץ הפעיל משנה את צבעו\u003c\/strong\u003e,\n        כך שאפשר לראות מיד באיזה חלק של המחברת נמצאים\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003e7 סוגי דפים שונים\u003c\/strong\u003e\n        זמינים מתוך כל אחד מהחוצצים\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        \u003cstrong\u003eניווט אינטראקטיבי באמצעות קישורים\u003c\/strong\u003e\n        בין האינדקס, החוצצים וסוגי הדפים\n      \u003c\/li\u003e\n\n    \u003c\/ul\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- PAGE TYPES --\u003e\n  \u003cdiv class=\"dd-dark-pages\"\u003e\n\n    \u003cspan class=\"dd-dark-section-title\"\u003e\n      7 סוגי דפים – בכל חוצץ\n    \u003c\/span\u003e\n\n    \u003cp class=\"dd-dark-pages-intro\"\u003e\n      לא צריך לבחור מראש איזה סוג מחברת מתאים לכל נושא.\n      מתוך כל חוצץ אפשר לגשת במהירות לכל שבעת סוגי הדפים:\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"dd-dark-page-grid\"\u003e\n\n      \u003cdiv class=\"dd-dark-page\"\u003eחלק\u003c\/div\u003e\n\n      \u003cdiv class=\"dd-dark-page\"\u003eנקודות\u003c\/div\u003e\n\n      \u003cdiv class=\"dd-dark-page\"\u003eמשבצות\u003c\/div\u003e\n\n      \u003cdiv class=\"dd-dark-page\"\u003eשורות צרות\u003c\/div\u003e\n\n      \u003cdiv class=\"dd-dark-page\"\u003eשורות רחבות\u003c\/div\u003e\n\n      \u003cdiv class=\"dd-dark-page\"\u003eקורנל שורות\u003c\/div\u003e\n\n      \u003cdiv class=\"dd-dark-page\"\u003eקורנל משבצות\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SMART DIVIDERS --\u003e\n  \u003cdiv class=\"dd-dark-smart\"\u003e\n\n    \u003cspan class=\"dd-dark-smart-title\"\u003e\n      חוצצים שבאמת יודעים איפה אתם נמצאים\n    \u003c\/span\u003e\n\n    \u003cp\u003e\n      לכל אחד מ־15 החוצצים יש ניווט משלו,\n      וכשעוברים בין נושאים\n      \u003cstrong\u003eצבע החוצץ הפעיל משתנה\u003c\/strong\u003e.\n      פרט קטן שהופך מחברת גדולה עם הרבה נושאים\n      להרבה יותר ברורה ואינטואיטיבית לשימוש.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- NAVIGATION --\u003e\n  \u003cdiv class=\"dd-dark-navigation\"\u003e\n\n    \u003cspan class=\"dd-dark-navigation-title\"\u003e\n      סוג הדף שאתם צריכים – בלי לחפש אותו\n    \u003c\/span\u003e\n\n    \u003cp\u003e\n      בכל חוצץ מחכה לכם גישה ישירה לכל\n      \u003cstrong\u003e7 סוגי הדפים\u003c\/strong\u003e.\n      רוצים לעבור משורות למשבצות? מנקודות לקורנל?\n      פשוט לוחצים על סוג הדף הרצוי וממשיכים לכתוב.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- COMPATIBILITY --\u003e\n  \u003cdiv class=\"dd-dark-compatibility\"\u003e\n\n    \u003cspan class=\"dd-dark-compatibility-title\"\u003e\n      איפה משתמשים במחברת?\n    \u003c\/span\u003e\n\n    \u003cp\u003e\n      המחברת מיועדת לשימוש באייפד ובטאבלטים תואמים,\n      באמצעות אפליקציות כתיבה התומכות בקובצי PDF\n      עם קישורים אינטראקטיביים.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- NOTICE --\u003e\n  \u003cdiv class=\"dd-dark-notice\"\u003e\n    שימו לב: מדובר במוצר דיגיטלי בלבד – לא יישלח מוצר פיזי.\n    התמונות המוצגות הן להמחשה.\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Demiz Design","offers":[{"title":"Default Title","offer_id":44777386442803,"sku":null,"price":149.0,"currency_code":"ILS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/1726\/8019\/files\/1_de06a125-787d-49c9-94cc-f9184b3f0c75.png?v=1787671753","url":"https:\/\/demizdesign.com\/products\/dark-mode-digital-notebook","provider":"Demiz Design","version":"1.0","type":"link"}