{"product_id":"first-day-of-school-scrapbook-album-rjc","title":"First Day of School Scrapbook Album","description":"\u003c!--\n[AI Design Logic]\nProduct Type: Kids School Years Memory Book \u0026 Scrapbook Album\nTarget Audience: Parents looking to systematically document and organize K-12 school keepsakes.\nVisual Style: Warm, creative, memory-focused layout using soft ivory, pastel borders, and clear typographic hierarchy.\nColor Strategy: Soft cream (#FDFBF7) background for cards, charcoal (#2B2B2B) for high-contrast reading, warm coral rose (#E85D75) as the primary brand color, and a soft beige (#E5DEC9) for borders.\nModule Order: AI Design Logic Comment -\u003e Intro\/Hero Content -\u003e Compare Section -\u003e Feature 1 -\u003e Feature 2 -\u003e Feature 3 -\u003e Specifications Table -\u003e FAQ\nDetail Image Mapping: Hero=detail_7, Compare=detail_3, Feature1=detail_8, Feature2=detail_6, Feature3=detail_14\nSpecification Data Source: detail_11, detail_15 (data extraction only; no specification image placeholder is rendered)\nCompare Section: Included. Features a visual comparison between digital phone clutter and a beautifully organized physical scrapbook (supported directly by detail_3).\nInformation Boundary: Strictly relies on facts from the product analysis report and original text. Contains details such as 15-year school range (Preschool to 12th Grade), 17 multi-pocket pages, 3-ring binder design, positioning ruler, and pre-printed\/blank index tabs. No unverified facts are present.\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #e85d75;\n      --primary-hover: #d04b61;\n      --text-main: #2b2b2b;\n      --text-sub: #555555;\n      --bg-body: #ffffff;\n      --bg-card: #fdfbf7;\n      --bg-soft: #f7f5f0;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --border-color: #e5dec9;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n      --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.08);\n      \n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      color: var(--text-main);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      background-color: var(--bg-body);\n    }\n\n    \/* Fixed Typography System *\/\n    .product-detail-container h1,\n    .product-detail-container .main-title {\n      font-size: 22px !important;\n      line-height: 1.3 !important;\n      font-weight: 700;\n      margin: 0 0 16px 0;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h2,\n    .product-detail-container h3,\n    .product-detail-container .section-title,\n    .product-detail-container .feature-title,\n    .product-detail-container .spec-title,\n    .product-detail-container .faq-question {\n      font-size: 20px !important;\n      line-height: 1.4 !important;\n      font-weight: 700;\n      margin: 0 0 14px 0;\n      color: var(--text-main);\n    }\n\n    .product-detail-container p,\n    .product-detail-container span,\n    .product-detail-container li,\n    .product-detail-container td,\n    .product-detail-container th,\n    .product-detail-container .hero-subtitle,\n    .product-detail-container .feature-desc,\n    .product-detail-container .spec-value,\n    .product-detail-container .faq-answer,\n    .product-detail-container .pill,\n    .product-detail-container .tag {\n      font-size: 18px !important;\n      line-height: 1.6 !important;\n      font-weight: 400;\n      color: var(--text-sub);\n    }\n\n    \/* Spacing System *\/\n    .product-detail-section {\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n    }\n\n    \/* Natural Image Flow Container *\/\n    .image-placeholder {\n      width: 100%;\n      background: var(--bg-soft);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-lg);\n      padding: 40px 20px;\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      margin-bottom: 20px;\n    }\n\n    .image-placeholder-icon {\n      font-size: 24px;\n      margin-bottom: 8px;\n    }\n\n    .image-placeholder-text {\n      font-weight: 500;\n      color: var(--text-sub);\n    }\n\n    \/* Badges \u0026 Tags *\/\n    .badge-container {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-bottom: 20px;\n    }\n\n    .pill {\n      background-color: var(--bg-soft);\n      border: 1px solid var(--border-color);\n      padding: 6px 16px;\n      border-radius: 50px;\n      display: inline-block;\n      font-weight: 500 !important;\n      color: var(--primary) !important;\n    }\n\n    .tag {\n      background-color: var(--bg-soft);\n      padding: 4px 12px;\n      border-radius: var(--radius-md);\n      display: inline-block;\n      font-weight: 500 !important;\n      color: var(--text-main) !important;\n      border: 1px solid var(--border-color);\n    }\n\n    \/* Hero Block Styles *\/\n    .hero-block {\n      text-align: center;\n      padding: 40px 20px;\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .hero-block .badge-container {\n      justify-content: center;\n    }\n\n    .hero-subtitle {\n      max-width: 800px;\n      margin: 0 auto 30px auto;\n    }\n\n    \/* Compare Section Styles *\/\n    .compare-section {\n      background-color: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-lg);\n      padding: 30px;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .compare-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 24px;\n      margin-top: 20px;\n    }\n\n    @media (min-width: 768px) {\n      .compare-grid {\n        grid-template-columns: 1.2fr 1fr;\n        align-items: center;\n      }\n    }\n\n    \/* Feature Block Styles *\/\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n      background: var(--bg-body);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-lg);\n      padding: 24px;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .feature-copy {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .feature-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 16px;\n    }\n\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        padding: 40px;\n        gap: 40px;\n      }\n      .feature-item.reverse {\n        flex-direction: row-reverse;\n      }\n      .feature-media,\n      .feature-copy {\n        flex: 1;\n        min-width: 0;\n      }\n    }\n\n    \/* Specifications Table Styles *\/\n    .specifications-section {\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-lg);\n      padding: 30px;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 20px;\n    }\n\n    .spec-table tr {\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .spec-table tr:last-child {\n      border-bottom: none;\n    }\n\n    .spec-table td {\n      padding: 16px;\n      vertical-align: top;\n    }\n\n    \/* Desktop Specifications Table *\/\n    @media (min-width: 767px) {\n      .spec-table td:first-child {\n        font-weight: 600;\n        color: var(--text-main);\n        width: 30%;\n      }\n      .spec-table td:last-child {\n        width: 70%;\n      }\n    }\n\n    \/* Mobile Specifications Layout Rules *\/\n    @media (max-width: 767px) {\n      .spec-table,\n      .spec-table tbody,\n      .spec-table tr {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n      }\n\n      .spec-table td {\n        display: grid;\n        grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);\n        gap: 14px;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 14px 0;\n        align-items: start;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n\n      .spec-table td::before {\n        content: attr(data-label);\n        display: block;\n        min-width: 0;\n        font-size: 18px !important;\n        font-weight: 600;\n        line-height: 1.5;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n        color: var(--text-main);\n      }\n\n      .spec-table .spec-value {\n        display: block;\n        min-width: 0;\n        max-width: 100%;\n        font-size: 18px !important;\n        line-height: 1.5;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n    }\n\n    @media (max-width: 420px) {\n      .spec-table td {\n        grid-template-columns: 1fr;\n        gap: 6px;\n      }\n    }\n\n    \/* FAQ Section Styles *\/\n    .faq-section {\n      background: var(--bg-body);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-lg);\n      padding: 30px;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .faq-item {\n      border-bottom: 1px solid var(--border-color);\n      padding: 20px 0;\n    }\n\n    .faq-item:first-child {\n      padding-top: 10px;\n    }\n\n    .faq-item:last-child {\n      border-bottom: none;\n      padding-bottom: 10px;\n    }\n\n    .faq-question {\n      margin-bottom: 8px;\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n    }\n\n    .faq-question-icon {\n      color: var(--primary);\n      font-weight: bold;\n    }\n\u003c\/style\u003e\n\u003c!-- A. INTRO \/ HERO CONTENT BLOCK --\u003e\n\u003csection class=\"product-detail-section hero-block\"\u003e\n\u003cdiv class=\"badge-container\"\u003e\u003cspan class=\"pill\"\u003eK-12 Family Keepsake\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch1 class=\"main-title\"\u003ePreserve Years of Precious School Memories\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eEliminate paper clutter and save what matters most. Document your child's complete journey from Preschool all the way to 12th Grade with this beautiful, simple, and guided K-12 memory scrapbook.\u003c\/p\u003e\n\n\u003cdiv class=\"image-placeholder\"\u003e\u003cspan class=\"image-placeholder-icon\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img65\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260904162639\/38a93a4fbbd2cf165871313a4874099f.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPARE SECTION --\u003e\n\n\u003csection class=\"product-detail-section compare-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDigital Clutter vs. Tangible Memories\u003c\/h2\u003e\n\n\u003cdiv class=\"compare-grid\"\u003e\n\u003cdiv class=\"image-placeholder\" style=\"margin-bottom: 0;\"\u003e\u003cspan class=\"image-placeholder-icon\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img66\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260904162639\/8588a29fc72c26aea52820f3fbfdaa44.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"compare-info\"\u003e\n\u003ch3 class=\"feature-title\" style=\"margin-top: 10px;\"\u003eSave What Phones Can't Hold\u003c\/h3\u003e\n\n\u003cp class=\"feature-desc\"\u003eDo not let your children's school milestones get buried deep inside digital photo folders. Instead of endless scrolling, compile physical report cards, original drawings, and annual handprints in a beautifully styled book you can touch, browse, and treasure together over the years.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- B. FEATURE SECTIONS --\u003e\u003c!-- Feature 1 --\u003e\n\n\u003csection class=\"product-detail-section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\" style=\"margin-bottom: 0;\"\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan class=\"image-placeholder-icon\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img67\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260904162639\/d808fd6b7a11421b0216aa2bad717d87.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cspan class=\"image-placeholder-text\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eGuided \u0026amp; Prompted Annual Tracking\u003c\/h2\u003e\n\n\u003cp class=\"feature-desc\"\u003eEach school year features beautifully guided pages that prompt you to record class details, friends, personal favorites, current height, and key memories. Makes chronicling childhood milestones stress-free and simple, even for busy parents.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"tag\"\u003ePreschool to Grade 12\u003c\/span\u003e \u003cspan class=\"tag\"\u003ePre-Printed Prompts\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003csection class=\"product-detail-section feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\" style=\"margin-bottom: 0;\"\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan class=\"image-placeholder-icon\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img68\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260904162639\/bdefc39eda67cf46f7e0881743da7518.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cspan class=\"image-placeholder-text\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eLay-Flat Gold Metal Binder\u003c\/h2\u003e\n\n\u003cp class=\"feature-desc\"\u003eDesigned with a premium golden 3-hole metal mechanism that opens and closes smoothly. The flexible layout allows you to easily add extra keepsake sheets, rearrange pages, or utilize the included cardstock positioning ruler for flawless custom hole-punching.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"tag\"\u003e3-Ring Binder Style\u003c\/span\u003e \u003cspan class=\"tag\"\u003e180° Flat Layout\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003csection class=\"product-detail-section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\" style=\"margin-bottom: 0;\"\u003e\n\u003cspan class=\"image-placeholder-icon\"\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan class=\"image-placeholder-icon\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img70\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/2320511\/20260904162639\/c347d5a99d891f1585ed195305d4ba95.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cspan class=\"image-placeholder-text\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eMulti-Pocket Storage Pages\u003c\/h2\u003e\n\n\u003cp class=\"feature-desc\"\u003eEquipped with plenty of thick built-in pockets to securely store physical certificates, school reports, handwritten essays, and paintings. Keep physical papers perfectly preserved and flat, protecting them from wrinkles and damage.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"tag\"\u003ePlenty Keepsake Pockets\u003c\/span\u003e \u003cspan class=\"tag\"\u003eThick Cardstock Pages\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. SPECIFICATIONS (Text Only, No Image Rendered) --\u003e\n\n\u003csection class=\"product-detail-section specifications-section\"\u003e\n\u003ch2 class=\"spec-title\"\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"School Range\"\u003e\u003cspan class=\"spec-value\"\u003e15 School Years (Preschool, Kindergarten to 12th Grade)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Binding Type\"\u003e\u003cspan class=\"spec-value\"\u003eGolden 3-Hole Metal Binder (Openable for Expansion)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Pocket Pages\"\u003e\u003cspan class=\"spec-value\"\u003eMulti-Pocket Storage Pages\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Index Navigation\"\u003e\u003cspan class=\"spec-value\"\u003e\u003cspan class=\"spec-value\"\u003eMulti \u003c\/span\u003ePre-printed Tabs + \u003cspan class=\"spec-value\"\u003eMulti \u003c\/span\u003eBlank Multi-colored Tabs\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Dimensions\"\u003e\u003cspan class=\"spec-value\"\u003e30cm x 21cm x 3cm (11.8in x 8.3in x 1.2in) \u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Packaging\"\u003e\u003cspan class=\"spec-value\"\u003eSturdy Matching Printed Gift Box with \"Name\" Label\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Design Versions\"\u003e\u003cspan class=\"spec-value\"\u003eGirl Style (Pink Polka Dots) \/ Boy Style (Rainbow Stripes)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Crafting Extras\"\u003e\u003cspan class=\"spec-value\"\u003eIncludes Cardstock Hole-Punching Positioning Ruler\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003csection class=\"product-detail-section faq-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e\n\u003cspan class=\"faq-question-icon\"\u003eQ:\u003c\/span\u003e \u003cspan\u003eHow many years can this memory book record?\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe scrapbook documents 15 full school years in total, tracking your child's developmental milestones starting from Preschool and Kindergarten all the way up through 12th Grade.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e\n\u003cspan class=\"faq-question-icon\"\u003eQ:\u003c\/span\u003e \u003cspan\u003eCan I add custom pages or report cards of different sizes?\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eYes. The album features a golden 3-ring loose-leaf binder mechanism that opens easily. You can add extra sheets or report cards by using the included cardstock positioning ruler to punch holes in the perfect alignment.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e\n\u003cspan class=\"faq-question-icon\"\u003eQ:\u003c\/span\u003e \u003cspan\u003eDoes the scrapbook arrive ready to be given as a gift?\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eYes, each memory album is packaged in a sturdy, beautifully printed matching gift box. The top of the box features a decorative \"Name\" label, making it gift-ready for baby showers, birthdays, or school graduations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Newjoyloo","offers":[{"title":"Pastel Dots","offer_id":47409772298413,"sku":null,"price":19.95,"currency_code":"USD","in_stock":true},{"title":"Stripes","offer_id":47409772331181,"sku":null,"price":19.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/38a93a4fbbd2cf165871313a4874099f.jpg?v=1788512291","url":"https:\/\/newjoyloo.com\/products\/first-day-of-school-scrapbook-album-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}