{"product_id":"deep-green-blank-notebook-with-white-gel-pen-aesthetic-writing-sketch-journal","title":"Deep Green Blank Notebook with White Gel Pen | Aesthetic Writing \u0026 Sketch Journal","description":"\u003cstyle\u003e\n\/* =========================================================\n   DEEP GREEN NOTEBOOK · FINAL V3.3\n   Mobile First \/ Scoped CSS \/ Container Query\n   Lightweight Micro Motion \/ Zero Horizontal Scroll\n========================================================= *\/\n\n.green33-final,\n.green33-final *{\n  box-sizing:border-box;\n  min-width:0;\n  max-width:100%;\n}\n\n.green33-final{\n  width:100%;\n  max-width:100%;\n  overflow:hidden;\n  color:#18362b;\n  container-type:inline-size;\n  container-name:green33final;\n}\n\n.green33-final-shell{\n  width:min(100%,960px);\n  max-width:100%;\n  margin:0 auto;\n  padding:0 12px 34px;\n  overflow:hidden;\n}\n\n\/* =========================\n   CARDS\n========================= *\/\n\n.green33-final-card{\n  position:relative;\n  isolation:isolate;\n  width:100%;\n  max-width:100%;\n  margin:14px 0;\n  overflow:hidden;\n  border-radius:22px;\n  background:#f4f6f0;\n  border:1px solid rgba(21,69,48,.09);\n  box-shadow:0 12px 34px rgba(22,55,41,.07);\n\n  transition:\n    transform .6s cubic-bezier(.2,.7,.2,1),\n    box-shadow .6s ease,\n    border-color .42s ease;\n}\n\n.green33-final-card:hover{\n  transform:translateY(-3px);\n  border-color:rgba(42,118,80,.22);\n  box-shadow:0 18px 44px rgba(22,55,41,.11);\n}\n\n.green33-final-dark{\n  color:#f6faf7;\n  background:\n    radial-gradient(\n      circle at 82% 8%,\n      rgba(155,213,177,.10),\n      transparent 33%\n    ),\n    #113a2c;\n  border-color:rgba(255,255,255,.08);\n}\n\n.green33-final-soft{\n  background:#e8efe8;\n}\n\n.green33-final-content{\n  position:relative;\n  z-index:2;\n  padding:22px 18px;\n}\n\n\/* =========================\n   TYPOGRAPHY\n========================= *\/\n\n.green33-final-eyebrow{\n  display:inline-block;\n  margin:0 0 9px;\n  color:#27734f;\n  font-size:13px;\n  line-height:1.4;\n  font-weight:800;\n  letter-spacing:.10em;\n  text-transform:uppercase;\n}\n\n.green33-final-dark .green33-final-eyebrow{\n  color:#bfe1ca;\n}\n\n.green33-final-title{\n  margin:0;\n  font-size:clamp(30px,7cqw,52px);\n  line-height:1.04;\n  letter-spacing:-.035em;\n  font-weight:800;\n}\n\n.green33-final-h2{\n  margin:0 0 10px;\n  font-size:clamp(25px,5.5cqw,38px);\n  line-height:1.08;\n  letter-spacing:-.025em;\n  font-weight:800;\n}\n\n.green33-final-h3{\n  margin:0 0 5px;\n  font-size:clamp(18px,4.2cqw,22px);\n  line-height:1.2;\n  font-weight:800;\n}\n\n.green33-final-copy{\n  margin:10px 0 0;\n  color:#53675f;\n  font-size:clamp(15px,3.6cqw,18px);\n  line-height:1.65;\n}\n\n.green33-final-dark .green33-final-copy{\n  color:#dce9e0;\n}\n\n\/* =========================\n   SHIMMER\n========================= *\/\n\n@supports ((-webkit-background-clip:text) or (background-clip:text)){\n  .green33-final-shimmer{\n    background:\n      linear-gradient(\n        105deg,\n        #27724f 0%,\n        #27724f 35%,\n        #68a982 47%,\n        #def3e4 50%,\n        #68a982 53%,\n        #27724f 65%,\n        #27724f 100%\n      );\n    background-size:240% 100%;\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color:transparent;\n    animation:green33-final-shimmer 6s ease-in-out infinite;\n  }\n\n  .green33-final-dark .green33-final-shimmer{\n    background:\n      linear-gradient(\n        105deg,\n        #9fd1af 0%,\n        #9fd1af 35%,\n        #daf3e2 47%,\n        #ffffff 50%,\n        #daf3e2 53%,\n        #9fd1af 65%,\n        #9fd1af 100%\n      );\n    background-size:240% 100%;\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color:transparent;\n  }\n}\n\n@keyframes green33-final-shimmer{\n  0%,58%{\n    background-position:110% center;\n  }\n  80%,100%{\n    background-position:-110% center;\n  }\n}\n\n\/* =========================\n   IMAGE \/ MEDIA\n========================= *\/\n\n.green33-final-media{\n  position:relative;\n  width:100%;\n  overflow:hidden;\n  background:#dce6de;\n}\n\n.green33-final-media img{\n  display:block;\n  width:100%;\n  max-width:100%;\n  height:auto;\n  margin:0;\n  transform:scale(1);\n\n  transition:\n    transform .85s cubic-bezier(.2,.7,.2,1);\n}\n\n.green33-final-card:hover .green33-final-media img{\n  transform:scale(1.025);\n}\n\n.green33-final-media::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:2;\n  pointer-events:none;\n  opacity:0;\n\n  background:\n    linear-gradient(\n      115deg,\n      transparent 22%,\n      rgba(222,255,233,.05) 43%,\n      rgba(255,255,255,.13) 50%,\n      rgba(222,255,233,.05) 57%,\n      transparent 78%\n    );\n\n  transform:translateX(-115%);\n\n  transition:\n    transform 1.1s ease,\n    opacity .35s ease;\n}\n\n.green33-final-card:hover .green33-final-media::after{\n  transform:translateX(115%);\n  opacity:1;\n}\n\n\/* HERO BREATH *\/\n\n.green33-final-hero-media img{\n  animation:green33-final-breathe 9s ease-in-out infinite alternate;\n}\n\n@keyframes green33-final-breathe{\n  from{\n    transform:scale(1);\n  }\n  to{\n    transform:scale(1.012);\n  }\n}\n\n.green33-final-card:hover .green33-final-hero-media img{\n  animation-play-state:paused;\n  transform:scale(1.025);\n}\n\n\/* =========================\n   BENEFITS\n========================= *\/\n\n.green33-final-benefits{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:9px;\n  margin-top:17px;\n}\n\n.green33-final-benefit{\n  display:flex;\n  align-items:flex-start;\n  gap:10px;\n  padding:12px;\n  border-radius:14px;\n  background:rgba(255,255,255,.75);\n  border:1px solid transparent;\n  color:#254838;\n  font-size:14px;\n  line-height:1.45;\n  font-weight:700;\n\n  transition:\n    transform .42s ease,\n    border-color .42s ease,\n    box-shadow .42s ease,\n    background .42s ease;\n}\n\n.green33-final-dark .green33-final-benefit{\n  color:#f1f8f3;\n  background:rgba(255,255,255,.08);\n}\n\n.green33-final-benefit:hover{\n  transform:translateY(-2px);\n  border-color:rgba(42,118,80,.28);\n  box-shadow:0 8px 20px rgba(31,70,51,.08);\n}\n\n.green33-final-icon{\n  flex:0 0 auto;\n  font-size:18px;\n  line-height:1.1;\n}\n\n\/* =========================\n   SPLIT\n========================= *\/\n\n.green33-final-split{\n  display:grid;\n  grid-template-columns:1fr;\n  align-items:center;\n}\n\n\/* =========================\n   POINTS\n========================= *\/\n\n.green33-final-points{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:10px;\n  margin-top:16px;\n}\n\n.green33-final-point{\n  padding:14px;\n  border-radius:15px;\n  background:#fff;\n  border:1px solid rgba(20,62,46,.08);\n\n  transition:\n    transform .42s ease,\n    border-color .42s ease,\n    box-shadow .42s ease;\n}\n\n.green33-final-point:hover{\n  transform:translateY(-2px);\n  border-color:rgba(42,118,80,.27);\n  box-shadow:0 9px 22px rgba(31,70,51,.07);\n}\n\n.green33-final-point p{\n  margin:5px 0 0;\n  color:#5d6d66;\n  font-size:14px;\n  line-height:1.55;\n}\n\n\/* =========================\n   QUOTE\n========================= *\/\n\n.green33-final-quote{\n  margin-top:16px;\n  padding:15px 16px;\n  border-left:4px solid #2b7955;\n  border-radius:0 14px 14px 0;\n  background:rgba(43,121,85,.08);\n  font-size:clamp(16px,3.8cqw,20px);\n  line-height:1.5;\n  font-weight:800;\n}\n\n\/* =========================\n   USES\n========================= *\/\n\n.green33-final-uses{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:10px;\n  margin-top:16px;\n}\n\n.green33-final-use{\n  padding:14px;\n  border-radius:15px;\n  background:#fff;\n  border:1px solid rgba(20,62,46,.08);\n\n  transition:\n    transform .42s ease,\n    border-color .42s ease,\n    box-shadow .42s ease;\n}\n\n.green33-final-use:hover{\n  transform:translateY(-2px);\n  border-color:rgba(42,118,80,.27);\n  box-shadow:0 9px 22px rgba(31,70,51,.07);\n}\n\n.green33-final-use strong{\n  display:block;\n  margin-bottom:4px;\n  font-size:15px;\n}\n\n.green33-final-use span{\n  display:block;\n  color:#607069;\n  font-size:14px;\n  line-height:1.5;\n}\n\n\/* =========================\n   SPECS\n========================= *\/\n\n.green33-final-specs{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:9px;\n  margin-top:15px;\n}\n\n.green33-final-spec{\n  padding:14px;\n  border-radius:15px;\n  background:#fff;\n  border:1px solid rgba(20,62,46,.08);\n\n  transition:\n    transform .4s ease,\n    border-color .4s ease,\n    box-shadow .4s ease;\n}\n\n.green33-final-spec:hover{\n  transform:translateY(-2px);\n  border-color:rgba(42,118,80,.25);\n  box-shadow:0 8px 20px rgba(31,70,51,.06);\n}\n\n.green33-final-spec-label{\n  display:block;\n  margin-bottom:4px;\n  color:#2a7351;\n  font-size:12px;\n  line-height:1.3;\n  font-weight:800;\n  letter-spacing:.06em;\n  text-transform:uppercase;\n}\n\n.green33-final-spec-value{\n  display:block;\n  color:#244638;\n  font-size:15px;\n  line-height:1.5;\n  font-weight:700;\n}\n\n\/* =========================\n   FAQ\n========================= *\/\n\n.green33-final-faq{\n  margin-top:14px;\n}\n\n.green33-final-faq details{\n  width:100%;\n  margin:8px 0;\n  overflow:hidden;\n  border-radius:14px;\n  background:#fff;\n  border:1px solid rgba(20,62,46,.08);\n\n  transition:\n    transform .4s ease,\n    border-color .4s ease,\n    box-shadow .4s ease;\n}\n\n.green33-final-faq details:hover{\n  transform:translateY(-1px);\n  border-color:rgba(42,118,80,.24);\n  box-shadow:0 7px 18px rgba(31,70,51,.05);\n}\n\n.green33-final-faq summary{\n  position:relative;\n  cursor:pointer;\n  list-style:none;\n  padding:15px 46px 15px 16px;\n  color:#233e33;\n  font-size:15px;\n  line-height:1.4;\n  font-weight:800;\n}\n\n.green33-final-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n.green33-final-faq summary::after{\n  content:\"+\";\n  position:absolute;\n  top:50%;\n  right:16px;\n  width:22px;\n  height:22px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  transform:translateY(-50%) rotate(0deg);\n  border-radius:50%;\n  background:#dce9df;\n  color:#276d4c;\n  font-size:17px;\n  font-weight:900;\n\n  transition:\n    transform .35s ease,\n    background .35s ease;\n}\n\n.green33-final-faq details[open] summary::after{\n  transform:translateY(-50%) rotate(45deg);\n  background:#bfd8c7;\n}\n\n.green33-final-faq-answer{\n  padding:0 16px 15px;\n  color:#5c6d65;\n  font-size:14px;\n  line-height:1.6;\n}\n\n\/* =========================\n   CTA\n========================= *\/\n\n.green33-final-cta{\n  position:relative;\n  z-index:2;\n  padding:30px 18px;\n  text-align:center;\n}\n\n.green33-final-cta-label{\n  display:inline-block;\n  margin-top:16px;\n  padding:12px 18px;\n  border-radius:999px;\n  color:#173b2c;\n  background:\n    linear-gradient(\n      135deg,\n      #ddf0e3,\n      #abd1b8\n    );\n  font-size:14px;\n  line-height:1.3;\n  font-weight:900;\n\n  box-shadow:\n    0 7px 20px rgba(139,197,158,.16);\n\n  animation:\n    green33-final-cta 3.8s ease-in-out infinite;\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n.green33-final-cta-label:hover{\n  transform:translateY(-2px);\n  box-shadow:\n    0 11px 29px rgba(139,197,158,.30);\n}\n\n@keyframes green33-final-cta{\n  0%,100%{\n    box-shadow:\n      0 7px 20px rgba(139,197,158,.14);\n  }\n\n  50%{\n    box-shadow:\n      0 8px 28px rgba(139,197,158,.28);\n  }\n}\n\n\/* =========================\n   CONTAINER QUERY\n========================= *\/\n\n@container green33final (min-width:700px){\n\n  .green33-final-shell{\n    padding-left:18px;\n    padding-right:18px;\n  }\n\n  .green33-final-card{\n    margin:18px 0;\n  }\n\n  .green33-final-content{\n    padding:30px;\n  }\n\n  .green33-final-benefits{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  .green33-final-split{\n    grid-template-columns:1.02fr .98fr;\n  }\n\n  .green33-final-split.green33-final-reverse{\n    grid-template-columns:.98fr 1.02fr;\n  }\n\n  .green33-final-split.green33-final-reverse .green33-final-media{\n    order:2;\n  }\n\n  .green33-final-split.green33-final-reverse .green33-final-content{\n    order:1;\n  }\n\n  .green33-final-points{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .green33-final-uses{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .green33-final-specs{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n\/* =========================\n   TOUCH\n========================= *\/\n\n@media (hover:none){\n\n  .green33-final-card:hover,\n  .green33-final-benefit:hover,\n  .green33-final-point:hover,\n  .green33-final-use:hover,\n  .green33-final-spec:hover,\n  .green33-final-faq details:hover{\n    transform:none;\n  }\n\n  .green33-final-card:hover .green33-final-media img{\n    transform:none;\n  }\n\n  .green33-final-card:hover .green33-final-media::after{\n    opacity:0;\n  }\n}\n\n\/* =========================\n   REDUCED MOTION\n========================= *\/\n\n@media (prefers-reduced-motion:reduce){\n\n  .green33-final *,\n  .green33-final *::before,\n  .green33-final *::after{\n    animation-duration:.001ms !important;\n    animation-iteration-count:1 !important;\n    transition-duration:.001ms !important;\n  }\n\n  .green33-final-card,\n  .green33-final-card:hover,\n  .green33-final-benefit,\n  .green33-final-benefit:hover,\n  .green33-final-point,\n  .green33-final-point:hover,\n  .green33-final-use,\n  .green33-final-use:hover,\n  .green33-final-spec,\n  .green33-final-spec:hover,\n  .green33-final-cta-label,\n  .green33-final-cta-label:hover{\n    transform:none !important;\n  }\n\n  .green33-final-media img,\n  .green33-final-card:hover .green33-final-media img{\n    transform:none !important;\n  }\n\n  .green33-final-media::after{\n    display:none !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"green33-final\"\u003e\n\n  \u003cdiv class=\"green33-final-shell\"\u003e\n\n\n    \u003c!-- ========================================\n         HERO \/ IMAGE 1\n    ========================================= --\u003e\n\n    \u003csection class=\"green33-final-card green33-final-dark\"\u003e\n\n      \u003cdiv class=\"green33-final-content\"\u003e\n\n        \u003cp class=\"green33-final-eyebrow green33-final-shimmer\"\u003e\n          💚 Deep Green Paper × White Ink\n        \u003c\/p\u003e\n\n        \u003ch1 class=\"green33-final-title\"\u003e\n          Make Every Note Stand Out.\n        \u003c\/h1\u003e\n\n        \u003cp class=\"green33-final-copy\"\u003e\n          Deep green blank pages and crisp white writing turn\n          everyday notes, sketches, formulas and ideas into something\n          far more satisfying to look at.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"green33-final-media green33-final-hero-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/6499\/4414\/files\/fa298e44-e8a0-412a-92f4-dee94d4f3a76.png?v=1791539463\" alt=\"Deep green notebook with white writing and white gel pen\" width=\"1200\" height=\"1200\" loading=\"eager\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"green33-final-content\"\u003e\n\n        \u003cdiv class=\"green33-final-benefits\"\u003e\n\n          \u003cdiv class=\"green33-final-benefit\"\u003e\n            \u003cspan class=\"green33-final-icon\"\u003e💚\u003c\/span\u003e\n            \u003cspan\u003e198 Deep Green Pages\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"green33-final-benefit\"\u003e\n            \u003cspan class=\"green33-final-icon\"\u003e🤍\u003c\/span\u003e\n            \u003cspan\u003eWhite Gel Pen Included\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"green33-final-benefit\"\u003e\n            \u003cspan class=\"green33-final-icon\"\u003e✏️\u003c\/span\u003e\n            \u003cspan\u003eCompletely Blank Layout\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ========================================\n         STUDY \/ IMAGE 2\n    ========================================= --\u003e\n\n    \u003csection class=\"green33-final-card\"\u003e\n\n      \u003cdiv class=\"green33-final-split\"\u003e\n\n        \u003cdiv class=\"green33-final-media\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/6499\/4414\/files\/9143df28-b556-4f7d-a142-a7f9a4342f5e.png?v=1791539463\" alt=\"Green notebook with white engineering formulas and study notes\" width=\"1200\" height=\"1200\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"green33-final-content\"\u003e\n\n          \u003cp class=\"green33-final-eyebrow green33-final-shimmer\"\u003e\n            Made for Visual Notes\n          \u003c\/p\u003e\n\n          \u003ch2 class=\"green33-final-h2\"\u003e\n            Notes You’ll Actually Want to Revisit.\n          \u003c\/h2\u003e\n\n          \u003cp class=\"green33-final-copy\"\u003e\n            White writing against deep green paper gives headings,\n            formulas, diagrams and sketches an instantly clearer\n            visual presence.\n          \u003c\/p\u003e\n\n          \u003cp class=\"green33-final-copy\"\u003e\n            Whether you are working through equations or organizing\n            a new idea, the contrast helps every mark feel more intentional.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"green33-final-quote\"\u003e\n            Same information. A much more interesting page.\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ========================================\n         BLANK FREEDOM \/ IMAGE 3\n    ========================================= --\u003e\n\n    \u003csection class=\"green33-final-card green33-final-soft\"\u003e\n\n      \u003cdiv class=\"green33-final-content\"\u003e\n\n        \u003cp class=\"green33-final-eyebrow green33-final-shimmer\"\u003e\n          Your Page. Your Rules.\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"green33-final-h2\"\u003e\n          No Lines. No Prompts. Just Your Page.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"green33-final-copy\"\u003e\n          There is no printed layout deciding where your ideas should go.\n          Write across the page, draw a diagram, sketch a concept,\n          journal freely or build your own structure from scratch.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"green33-final-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/6499\/4414\/files\/1238f218-beb0-466f-9250-d29cffc4b409.png?v=1791539462\" alt=\"Blank deep green notebook pages with white gel pen\" width=\"1200\" height=\"1200\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"green33-final-content\"\u003e\n\n        \u003cdiv class=\"green33-final-points\"\u003e\n\n          \u003cdiv class=\"green33-final-point\"\u003e\n            \u003ch3 class=\"green33-final-h3\"\u003e📚 Write\u003c\/h3\u003e\n            \u003cp\u003e\n              Notes, ideas, lists and everyday thoughts without\n              a printed layout getting in the way.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"green33-final-point\"\u003e\n            \u003ch3 class=\"green33-final-h3\"\u003e✏️ Sketch\u003c\/h3\u003e\n            \u003cp\u003e\n              Use the entire page for illustrations,\n              diagrams and visual concepts.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"green33-final-point\"\u003e\n            \u003ch3 class=\"green33-final-h3\"\u003e🧠 Plan\u003c\/h3\u003e\n            \u003cp\u003e\n              Build mind maps, project plans,\n              study pages and idea boards your way.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"green33-final-point\"\u003e\n            \u003ch3 class=\"green33-final-h3\"\u003e📖 Journal\u003c\/h3\u003e\n            \u003cp\u003e\n              Mix words, drawings and layouts without\n              being limited by lines or prompts.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ========================================\n         SPECS VISUAL \/ IMAGE 4\n    ========================================= --\u003e\n\n    \u003csection class=\"green33-final-card green33-final-dark\"\u003e\n\n      \u003cdiv class=\"green33-final-content\"\u003e\n\n        \u003cp class=\"green33-final-eyebrow green33-final-shimmer\"\u003e\n          The Details That Matter\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"green33-final-h2\"\u003e\n          198 Green Pages Ready for Whatever Comes Next.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"green33-final-copy\"\u003e\n          Plenty of room for class notes, sketches, diagrams,\n          planning pages, journaling and ideas that do not fit\n          neatly inside a traditional lined notebook.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"green33-final-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/6499\/4414\/files\/291fe002-6ea1-4a60-bb13-15489a71aeb2.png?v=1791539463\" alt=\"198 green page notebook with 120gsm paper and white gel pen\" width=\"1200\" height=\"1200\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"green33-final-content\"\u003e\n\n        \u003cdiv class=\"green33-final-benefits\"\u003e\n\n          \u003cdiv class=\"green33-final-benefit\"\u003e\n            \u003cspan class=\"green33-final-icon\"\u003e📖\u003c\/span\u003e\n            \u003cspan\u003e198 Blank Pages\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"green33-final-benefit\"\u003e\n            \u003cspan class=\"green33-final-icon\"\u003e📄\u003c\/span\u003e\n            \u003cspan\u003e120gsm Paper\u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"green33-final-benefit\"\u003e\n            \u003cspan class=\"green33-final-icon\"\u003e🤍\u003c\/span\u003e\n            \u003cspan\u003eWhite Gel Pen Included\u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ========================================\n         REAL STUDY SCENE \/ IMAGE 5\n    ========================================= --\u003e\n\n    \u003csection class=\"green33-final-card\"\u003e\n\n      \u003cdiv class=\"green33-final-split green33-final-reverse\"\u003e\n\n        \u003cdiv class=\"green33-final-media\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/6499\/4414\/files\/70a2318a-a037-4400-ae52-81fb84f3df51.png?v=1791539462\" alt=\"Student using deep green notebook for engineering study notes\" width=\"1200\" height=\"1200\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"green33-final-content\"\u003e\n\n          \u003cp class=\"green33-final-eyebrow green33-final-shimmer\"\u003e\n            From Lecture to Late-Night Study Session\n          \u003c\/p\u003e\n\n          \u003ch2 class=\"green33-final-h2\"\u003e\n            A Different Canvas for Serious Notes.\n          \u003c\/h2\u003e\n\n          \u003cp class=\"green33-final-copy\"\u003e\n            Formulas, diagrams and technical notes do not have to live\n            on another ordinary white page.\n          \u003c\/p\u003e\n\n          \u003cp class=\"green33-final-copy\"\u003e\n            The deep green background gives white writing strong contrast\n            while the blank layout leaves plenty of room for the way\n            you actually think.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ========================================\n         VISUAL NOTES \/ IMAGE 6\n    ========================================= --\u003e\n\n    \u003csection class=\"green33-final-card\"\u003e\n\n      \u003cdiv class=\"green33-final-content\"\u003e\n\n        \u003cp class=\"green33-final-eyebrow green33-final-shimmer\"\u003e\n          Beyond Class Notes\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"green33-final-h2\"\u003e\n          Ideas, Plans, Lists and Diagrams—All on the Same Page.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"green33-final-copy\"\u003e\n          Blank pages mean you can switch from writing to drawing,\n          from planning to journaling, without changing notebooks\n          every time your thinking changes.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"green33-final-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/6499\/4414\/files\/46a8735b-4057-4ce3-b9ea-1498609e649b.png?v=1791539463\" alt=\"Green notebook with white notes plans diagrams and illustrations\" width=\"1200\" height=\"1200\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"green33-final-content\"\u003e\n\n        \u003cdiv class=\"green33-final-uses\"\u003e\n\n          \u003cdiv class=\"green33-final-use\"\u003e\n            \u003cstrong\u003e📚 Study\u003c\/strong\u003e\n            \u003cspan\u003e\n              Build revision pages, diagrams,\n              formulas and organized visual notes.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"green33-final-use\"\u003e\n            \u003cstrong\u003e💭 Ideas\u003c\/strong\u003e\n            \u003cspan\u003e\n              Capture quick thoughts before they disappear.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"green33-final-use\"\u003e\n            \u003cstrong\u003e✅ Planning\u003c\/strong\u003e\n            \u003cspan\u003e\n              Create lists, goals and layouts in the format\n              that makes sense to you.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"green33-final-use\"\u003e\n            \u003cstrong\u003e✏️ Drawing\u003c\/strong\u003e\n            \u003cspan\u003e\n              Let white linework pop against the dark green page.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ========================================\n         CREATIVE SCENE \/ IMAGE 7\n    ========================================= --\u003e\n\n    \u003csection class=\"green33-final-card green33-final-soft\"\u003e\n\n      \u003cdiv class=\"green33-final-split\"\u003e\n\n        \u003cdiv class=\"green33-final-media\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/6499\/4414\/files\/9a5eec61-533b-42bb-b087-27d6a3b4da62.png?v=1791539463\" alt=\"Person creating white ink mountain sketch in green notebook\" width=\"1200\" height=\"1200\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"green33-final-content\"\u003e\n\n          \u003cp class=\"green33-final-eyebrow green33-final-shimmer\"\u003e\n            Not Just for Writing\n          \u003c\/p\u003e\n\n          \u003ch2 class=\"green33-final-h2\"\u003e\n            Give Creative Ideas More Room to Breathe.\n          \u003c\/h2\u003e\n\n          \u003cp class=\"green33-final-copy\"\u003e\n            White sketches take on a completely different feel against\n            the rich green background.\n          \u003c\/p\u003e\n\n          \u003cp class=\"green33-final-copy\"\u003e\n            Use the notebook for landscapes, illustrations,\n            visual journaling or those ideas that make more sense\n            as a drawing than a paragraph.\n          \u003c\/p\u003e\n\n          \u003cdiv class=\"green33-final-quote\"\u003e\n            One blank page can become anything you want it to be.\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ========================================\n         PRODUCT CLOSING \/ IMAGE 8\n    ========================================= --\u003e\n\n    \u003csection class=\"green33-final-card\"\u003e\n\n      \u003cdiv class=\"green33-final-content\"\u003e\n\n        \u003cp class=\"green33-final-eyebrow green33-final-shimmer\"\u003e\n          Simple Outside. Different Inside.\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"green33-final-h2\"\u003e\n          A Clean Notebook Made to Feel Different From the First Page.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"green33-final-copy\"\u003e\n          The understated green exterior keeps the look simple,\n          while the deep green pages and white writing experience\n          give the notebook its real personality.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"green33-final-media\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0997\/6499\/4414\/files\/6f934e28-1c61-42af-b32e-908482fb2102.png?v=1791539463\" alt=\"Minimal deep green notebook with white gel pen\" width=\"1200\" height=\"1200\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ========================================\n         PRODUCT DETAILS\n    ========================================= --\u003e\n\n    \u003csection class=\"green33-final-card green33-final-soft\"\u003e\n\n      \u003cdiv class=\"green33-final-content\"\u003e\n\n        \u003cp class=\"green33-final-eyebrow green33-final-shimmer\"\u003e\n          Product Details\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"green33-final-h2\"\u003e\n          What You Need to Know\n        \u003c\/h2\u003e\n\n\n        \u003cdiv class=\"green33-final-specs\"\u003e\n\n          \u003cdiv class=\"green33-final-spec\"\u003e\n            \u003cspan class=\"green33-final-spec-label\"\u003e\n              Pages\n            \u003c\/span\u003e\n            \u003cspan class=\"green33-final-spec-value\"\u003e\n              198 Green Pages\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"green33-final-spec\"\u003e\n            \u003cspan class=\"green33-final-spec-label\"\u003e\n              Paper Weight\n            \u003c\/span\u003e\n            \u003cspan class=\"green33-final-spec-value\"\u003e\n              120gsm\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"green33-final-spec\"\u003e\n            \u003cspan class=\"green33-final-spec-label\"\u003e\n              Page Color\n            \u003c\/span\u003e\n            \u003cspan class=\"green33-final-spec-value\"\u003e\n              Deep Green\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"green33-final-spec\"\u003e\n            \u003cspan class=\"green33-final-spec-label\"\u003e\n              Page Layout\n            \u003c\/span\u003e\n            \u003cspan class=\"green33-final-spec-value\"\u003e\n              Completely Blank\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"green33-final-spec\"\u003e\n            \u003cspan class=\"green33-final-spec-label\"\u003e\n              Included\n            \u003c\/span\u003e\n            \u003cspan class=\"green33-final-spec-value\"\u003e\n              White Gel Pen\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"green33-final-spec\"\u003e\n            \u003cspan class=\"green33-final-spec-label\"\u003e\n              Suggested Uses\n            \u003c\/span\u003e\n            \u003cspan class=\"green33-final-spec-value\"\u003e\n              Notes, Sketches, Diagrams, Journaling \u0026amp; Planning\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ========================================\n         FAQ\n    ========================================= --\u003e\n\n    \u003csection class=\"green33-final-card\"\u003e\n\n      \u003cdiv class=\"green33-final-content\"\u003e\n\n        \u003cp class=\"green33-final-eyebrow green33-final-shimmer\"\u003e\n          FAQ\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"green33-final-h2\"\u003e\n          Good to Know\n        \u003c\/h2\u003e\n\n\n        \u003cdiv class=\"green33-final-faq\"\u003e\n\n          \u003cdetails\u003e\n\n            \u003csummary\u003e\n              Are the pages lined?\n            \u003c\/summary\u003e\n\n            \u003cdiv class=\"green33-final-faq-answer\"\u003e\n              No. The notebook uses completely blank green pages\n              without printed lines, prompts or a predefined layout.\n            \u003c\/div\u003e\n\n          \u003c\/details\u003e\n\n\n          \u003cdetails\u003e\n\n            \u003csummary\u003e\n              How many pages are included?\n            \u003c\/summary\u003e\n\n            \u003cdiv class=\"green33-final-faq-answer\"\u003e\n              The notebook contains 198 green pages.\n            \u003c\/div\u003e\n\n          \u003c\/details\u003e\n\n\n          \u003cdetails\u003e\n\n            \u003csummary\u003e\n              What is the paper weight?\n            \u003c\/summary\u003e\n\n            \u003cdiv class=\"green33-final-faq-answer\"\u003e\n              The notebook uses 120gsm paper.\n            \u003c\/div\u003e\n\n          \u003c\/details\u003e\n\n\n          \u003cdetails\u003e\n\n            \u003csummary\u003e\n              Is a white gel pen included?\n            \u003c\/summary\u003e\n\n            \u003cdiv class=\"green33-final-faq-answer\"\u003e\n              Yes. A white gel pen is included so you can start\n              creating on the deep green pages right away.\n            \u003c\/div\u003e\n\n          \u003c\/details\u003e\n\n\n          \u003cdetails\u003e\n\n            \u003csummary\u003e\n              What can I use the blank pages for?\n            \u003c\/summary\u003e\n\n            \u003cdiv class=\"green33-final-faq-answer\"\u003e\n              The free-form layout works well for notes, formulas,\n              diagrams, sketches, planning, journaling and other\n              visual ideas.\n            \u003c\/div\u003e\n\n          \u003c\/details\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ========================================\n         FINAL CTA\n    ========================================= --\u003e\n\n    \u003csection class=\"green33-final-card green33-final-dark\"\u003e\n\n      \u003cdiv class=\"green33-final-cta\"\u003e\n\n        \u003cp class=\"green33-final-eyebrow green33-final-shimmer\"\u003e\n          Start With a Different Blank Page\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"green33-final-h2\"\u003e\n          Your Next Idea Might Look Better in Green.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"green33-final-copy\"\u003e\n          Open to a blank page, pick up the white pen\n          and make the layout completely your own.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"green33-final-cta-label\"\u003e\n          💚 Choose Your Option Above \u0026amp; Start Writing\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"XZ","offers":[{"title":"Default Title","offer_id":67707503313262,"sku":"250","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/6499\/4414\/files\/6f934e28-1c61-42af-b32e-908482fb2102.png?v=1791539463","url":"https:\/\/bvuyomi.com\/products\/deep-green-blank-notebook-with-white-gel-pen-aesthetic-writing-sketch-journal","provider":"Bvuyomi","version":"1.0","type":"link"}