{"product_id":"color-by-number-book","title":"Color By Number Book","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\n\u003ctitle\u003eResponsive Calm Page Preview\u003c\/title\u003e\n\u003cstyle\u003ehtml,body{margin:0;padding:0} body{background:#f7f4ee}\u003c\/style\u003e\n\u003cstyle\u003e\n  .calm-page{\n    --bg:#f7f4ee;\n    --surface:#fffdf9;\n    --surface-2:#f0f2ec;\n    --ink:#2f342f;\n    --muted:#6d746d;\n    --sage:#aeb9a4;\n    --sage-dark:#70806c;\n    --lavender:#d8d0e1;\n    --sand:#e8dcc8;\n    --line:rgba(47,52,47,.10);\n    --shadow:0 18px 50px rgba(45,50,45,.08);\n    --radius-lg:30px;\n    --radius-md:22px;\n    --max:1224px;\n    --gutter:clamp(16px, 4vw, 32px);\n\n    width:100%;\n    max-width:100%;\n    margin:0;\n    position:relative;\n    overflow:hidden;\n    color:var(--ink);\n    background:\n      radial-gradient(circle at 15% 0%, rgba(216,208,225,.35), transparent 28%),\n      radial-gradient(circle at 90% 10%, rgba(174,185,164,.28), transparent 30%),\n      var(--bg);\n    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    line-height:1.65;\n    -webkit-font-smoothing:antialiased;\n    container-type:inline-size;\n    container-name:calmPage;\n  }\n\n  .calm-page,\n  .calm-page *{\n    box-sizing:border-box;\n  }\n\n  .calm-page img{\n    display:block;\n    width:100%;\n    max-width:100%;\n    height:auto;\n    border-radius:var(--radius-lg);\n  }\n\n  .calm-page .calm-wrap{\n    width:100%;\n    max-width:var(--max);\n    margin-inline:auto;\n    padding-inline:var(--gutter);\n  }\n\n  .calm-page .calm-intro{\n    padding:clamp(44px, 6vw, 72px) 0 clamp(24px, 3vw, 34px);\n    text-align:center;\n  }\n\n  .calm-page .calm-kicker{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n    max-width:100%;\n    padding:8px 14px;\n    border:1px solid var(--line);\n    background:rgba(255,255,255,.65);\n    border-radius:999px;\n    color:var(--sage-dark);\n    font-size:13px;\n    font-weight:700;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n    text-align:center;\n  }\n\n  .calm-page .calm-intro h1{\n    width:100%;\n    max-width:850px;\n    margin:20px auto 18px;\n    font-family:Georgia, \"Times New Roman\", serif;\n    font-size:clamp(38px, 5.4vw, 72px);\n    line-height:1.04;\n    letter-spacing:-.04em;\n    font-weight:500;\n    overflow-wrap:break-word;\n  }\n\n  .calm-page .calm-intro p{\n    width:100%;\n    max-width:720px;\n    margin:0 auto;\n    color:var(--muted);\n    font-size:clamp(16px, 1.7vw, 20px);\n    overflow-wrap:break-word;\n  }\n\n  .calm-page .calm-section{\n    padding:clamp(28px, 3.6vw, 44px) 0;\n  }\n\n  .calm-page .calm-grid{\n    display:grid;\n    grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);\n    gap:clamp(24px, 4vw, 56px);\n    align-items:center;\n  }\n\n  .calm-page .calm-section:nth-of-type(even) .calm-media{\n    order:2;\n  }\n\n  .calm-page .calm-media,\n  .calm-page .calm-card{\n    min-width:0;\n    width:100%;\n  }\n\n  .calm-page .calm-card{\n    background:rgba(255,253,249,.88);\n    border:1px solid var(--line);\n    border-radius:var(--radius-lg);\n    padding:clamp(24px, 3.6vw, 48px);\n    box-shadow:var(--shadow);\n    backdrop-filter:blur(8px);\n  }\n\n  .calm-page .calm-number{\n    width:42px;\n    height:42px;\n    border-radius:50%;\n    display:grid;\n    place-items:center;\n    margin-bottom:22px;\n    background:var(--surface-2);\n    color:var(--sage-dark);\n    font-weight:800;\n    font-size:15px;\n  }\n\n  .calm-page .calm-card h2{\n    margin:0 0 14px;\n    font-family:Georgia, \"Times New Roman\", serif;\n    font-size:clamp(30px, 3.6vw, 48px);\n    line-height:1.08;\n    letter-spacing:-.03em;\n    font-weight:500;\n    overflow-wrap:break-word;\n  }\n\n  .calm-page .calm-card \u003e p{\n    margin:0;\n    color:var(--muted);\n    font-size:clamp(16px, 1.5vw, 17px);\n    overflow-wrap:break-word;\n  }\n\n  .calm-page .calm-review{\n    margin-top:28px;\n    padding:22px 22px 20px;\n    background:linear-gradient(135deg, rgba(240,242,236,.9), rgba(255,255,255,.9));\n    border:1px solid var(--line);\n    border-radius:var(--radius-md);\n  }\n\n  .calm-page .calm-review__label{\n    margin-bottom:6px;\n    color:var(--sage-dark);\n    font-weight:800;\n    font-size:13px;\n    letter-spacing:.07em;\n    text-transform:uppercase;\n  }\n\n  .calm-page .calm-stars{\n    letter-spacing:.12em;\n    font-size:15px;\n    color:#8f805f;\n  }\n\n  .calm-page .calm-review blockquote{\n    margin:10px 0 12px;\n    font-family:Georgia, \"Times New Roman\", serif;\n    font-size:clamp(17px, 1.6vw, 19px);\n    line-height:1.55;\n    color:#424842;\n    overflow-wrap:break-word;\n  }\n\n  .calm-page .calm-review cite{\n    font-style:normal;\n    color:var(--muted);\n    font-size:14px;\n    font-weight:700;\n  }\n\n  .calm-page .calm-media{\n    position:relative;\n  }\n\n  .calm-page .calm-media::before{\n    content:\"\";\n    position:absolute;\n    inset:8% -5% -5% 10%;\n    background:linear-gradient(145deg, rgba(216,208,225,.55), rgba(174,185,164,.34));\n    filter:blur(24px);\n    z-index:-1;\n    border-radius:40px;\n  }\n\n  .calm-page .calm-media img{\n    aspect-ratio:1 \/ 1;\n    object-fit:cover;\n    box-shadow:0 22px 60px rgba(45,50,45,.10);\n    border:1px solid rgba(255,255,255,.7);\n  }\n\n  .calm-page .calm-soft-panel{\n    margin:clamp(32px, 4vw, 52px) 0 clamp(48px, 6vw, 78px);\n    padding:clamp(28px, 5vw, 64px);\n    border-radius:34px;\n    background:\n      linear-gradient(135deg, rgba(216,208,225,.48), rgba(232,220,200,.5)),\n      var(--surface);\n    border:1px solid var(--line);\n    text-align:center;\n  }\n\n  .calm-page .calm-soft-panel h2{\n    width:100%;\n    max-width:760px;\n    margin:0 auto 14px;\n    font-family:Georgia, \"Times New Roman\", serif;\n    font-size:clamp(32px, 4vw, 56px);\n    line-height:1.08;\n    font-weight:500;\n    letter-spacing:-.03em;\n    overflow-wrap:break-word;\n  }\n\n  .calm-page .calm-soft-panel p{\n    width:100%;\n    max-width:680px;\n    margin:0 auto 26px;\n    color:var(--muted);\n    font-size:clamp(16px, 1.5vw, 17px);\n    overflow-wrap:break-word;\n  }\n\n  .calm-page .calm-button{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    max-width:100%;\n    min-height:52px;\n    padding:0 24px;\n    border-radius:999px;\n    background:var(--ink);\n    color:#fff;\n    text-decoration:none;\n    text-align:center;\n    font-weight:800;\n    line-height:1.25;\n    transition:transform .2s ease, opacity .2s ease;\n  }\n\n  .calm-page .calm-button:hover{\n    transform:translateY(-1px);\n    opacity:.92;\n  }\n\n  .calm-page .calm-note{\n    display:block;\n    margin-top:12px;\n    color:var(--muted);\n    font-size:13px;\n  }\n\n  \/* Container-query breakpoints respond to the actual section width,\n     which is more reliable inside Shopify themes and page builders. *\/\n  @container calmPage (max-width: 880px){\n    .calm-page .calm-grid{\n      grid-template-columns:1fr;\n      gap:22px;\n    }\n\n    .calm-page .calm-section:nth-of-type(even) .calm-media{\n      order:initial;\n    }\n\n    .calm-page .calm-card{\n      padding:26px 22px;\n    }\n  }\n\n  @container calmPage (max-width: 640px){\n    .calm-page{\n      --radius-lg:22px;\n      --radius-md:18px;\n    }\n\n    .calm-page .calm-intro{\n      padding-top:38px;\n    }\n\n    .calm-page .calm-section{\n      padding:22px 0;\n    }\n\n    .calm-page .calm-intro h1{\n      font-size:clamp(34px, 10vw, 46px);\n      letter-spacing:-.035em;\n    }\n\n    .calm-page .calm-card h2{\n      font-size:clamp(29px, 8vw, 36px);\n    }\n\n    .calm-page .calm-review{\n      margin-top:22px;\n      padding:19px 18px 18px;\n    }\n\n    .calm-page .calm-soft-panel{\n      border-radius:24px;\n    }\n  }\n\n  @container calmPage (max-width: 420px){\n    .calm-page .calm-wrap{\n      padding-inline:14px;\n    }\n\n    .calm-page .calm-kicker{\n      font-size:11px;\n      letter-spacing:.06em;\n      padding:7px 11px;\n    }\n\n    .calm-page .calm-card{\n      padding:22px 18px;\n    }\n\n    .calm-page .calm-number{\n      width:38px;\n      height:38px;\n      margin-bottom:18px;\n    }\n\n    .calm-page .calm-button{\n      width:100%;\n      padding:0 18px;\n    }\n  }\n\n  \/* Fallback for browsers without container queries. *\/\n  @media (max-width: 980px){\n    .calm-page .calm-grid{\n      grid-template-columns:1fr;\n      gap:22px;\n    }\n\n    .calm-page .calm-section:nth-of-type(even) .calm-media{\n      order:initial;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .calm-page *,\n    .calm-page *::before,\n    .calm-page *::after{\n      scroll-behavior:auto !important;\n      transition:none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cmain class=\"calm-page\"\u003e\n\u003csection class=\"calm-intro\"\u003e\n\u003cdiv class=\"calm-wrap\"\u003e\n\u003cspan class=\"calm-kicker\"\u003eMade for slow moments\u003c\/span\u003e\n\u003ch1\u003eA calmer way to color, unwind, and switch off for a while.\u003c\/h1\u003e\n\u003cp\u003eDesigned for adults who want a simple creative ritual at the end of a long day — no pressure, no guessing, just rich color and a few quiet minutes to yourself.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"calm-section\"\u003e\n\u003cdiv class=\"calm-wrap calm-grid\"\u003e\n\u003cdiv class=\"calm-media\"\u003e\u003cimg src=\"https:\/\/cdn.instant.so\/sites\/DsVdO46aqTJID94s\/assets\/6oxMv2SAPAPkDKVV\/chatgpt-image-jul-4-2026-at-012537-am.png?width=1280\" alt=\"Adult color by number set for relaxing creative time\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"calm-card\"\u003e\n\u003cdiv class=\"calm-number\"\u003e01\u003c\/div\u003e\n\u003ch2\u003eYour quiet routine, without the frustration.\u003c\/h2\u003e\n\u003cp\u003eColoring should feel easy to settle into. Smooth acrylic ink lays down evenly, helping each page feel more satisfying and less like a battle with streaks, dry tips, or uneven color.\u003c\/p\u003e\n\u003cdiv class=\"calm-review\"\u003e\n\u003cdiv class=\"calm-review__label\"\u003eA little moment for yourself\u003c\/div\u003e\n\u003cdiv class=\"calm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cblockquote\u003e“So smooth and easy to blend, I never feel like I'm fighting my markers. I've tried MANY coloring sets — I'll never use anything else again. The most relaxing 20 minutes of my day.”\u003c\/blockquote\u003e\n\u003ccite\u003eRachel M.\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"calm-section\"\u003e\n\u003cdiv class=\"calm-wrap calm-grid\"\u003e\n\u003cdiv class=\"calm-media\"\u003e\u003cimg src=\"https:\/\/cdn.instant.so\/sites\/DsVdO46aqTJID94s\/assets\/gOOA3QKGZxRUrWjK\/chatgpt-image-jul-4-2026-at-012717-am.png?width=1280\" alt=\"Rich acrylic marker color on adult coloring page\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"calm-card\"\u003e\n\u003cdiv class=\"calm-number\"\u003e02\u003c\/div\u003e\n\u003ch2\u003eRich color that feels satisfying from the first stroke.\u003c\/h2\u003e\n\u003cp\u003eTrue acrylic pigment gives each section a fuller, more even finish, so the page gradually comes together with the kind of deep, vivid color that makes the process feel rewarding as you go.\u003c\/p\u003e\n\u003cdiv class=\"calm-review\"\u003e\n\u003cdiv class=\"calm-review__label\"\u003eSmooth, vivid, easy to use\u003c\/div\u003e\n\u003cdiv class=\"calm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cblockquote\u003e“Love this marker set, will definitely reorder. Rich, true color that fills in every design without streaking, but still glides on smooth and easy.”\u003c\/blockquote\u003e\n\u003ccite\u003eKylene A.\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"calm-section\"\u003e\n\u003cdiv class=\"calm-wrap calm-grid\"\u003e\n\u003cdiv class=\"calm-media\"\u003e\u003cimg src=\"https:\/\/cdn.instant.so\/sites\/DsVdO46aqTJID94s\/assets\/Uq6tDBRUmKoUe84B\/chatgpt-image-jul-4-2026-at-012902-am.png?width=1280\" alt=\"Detailed adult coloring illustration\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"calm-card\"\u003e\n\u003cdiv class=\"calm-number\"\u003e03\u003c\/div\u003e\n\u003ch2\u003eDetailed enough to hold your attention.\u003c\/h2\u003e\n\u003cp\u003eWith 75 intricate designs across florals, animals, mandalas, and landscapes, there is enough detail to help you stay absorbed in the page without making the experience feel childish or overly simplistic.\u003c\/p\u003e\n\u003cdiv class=\"calm-review\"\u003e\n\u003cdiv class=\"calm-review__label\"\u003eMade for grown-up downtime\u003c\/div\u003e\n\u003cdiv class=\"calm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cblockquote\u003e“Every other 'adult' coloring book I've bought felt like it was made for a 10 year old. This one actually challenges you. I've spent hours on a single mandala page and loved every minute.”\u003c\/blockquote\u003e\n\u003ccite\u003eDenise R.\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"calm-section\"\u003e\n\u003cdiv class=\"calm-wrap calm-grid\"\u003e\n\u003cdiv class=\"calm-media\"\u003e\u003cimg src=\"https:\/\/cdn.instant.so\/sites\/DsVdO46aqTJID94s\/assets\/7gs0155j3krHOrHt\/chatgpt-image-jul-4-2026-at-013226-am.png?width=1280\" alt=\"Even marker coverage on a detailed coloring design\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"calm-card\"\u003e\n\u003cdiv class=\"calm-number\"\u003e04\u003c\/div\u003e\n\u003ch2\u003eEven coverage, page after page.\u003c\/h2\u003e\n\u003cp\u003eA continuous-flow ink system helps keep the color consistent, so you can stay focused on the relaxing part — filling in the design — instead of stopping to fix patchy areas or faded sections.\u003c\/p\u003e\n\u003cdiv class=\"calm-review\"\u003e\n\u003cdiv class=\"calm-review__label\"\u003eConsistent color\u003c\/div\u003e\n\u003cdiv class=\"calm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cblockquote\u003e“This is the only marker set I've found that doesn't go patchy halfway through a page. Every other set I've tried went streaky. I love this one.”\u003c\/blockquote\u003e\n\u003ccite\u003eBetsy H.\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"calm-section\"\u003e\n\u003cdiv class=\"calm-wrap calm-grid\"\u003e\n\u003cdiv class=\"calm-media\"\u003e\u003cimg src=\"https:\/\/cdn.instant.so\/sites\/DsVdO46aqTJID94s\/assets\/leKPG4D2Knhz0jCz\/chatgpt-image-jul-4-2026-at-013425-am.png?width=1280\" alt=\"Numbered markers matched to a color by number page legend\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"calm-card\"\u003e\n\u003cdiv class=\"calm-number\"\u003e05\u003c\/div\u003e\n\u003ch2\u003eNo guessing. Just match the number and keep going.\u003c\/h2\u003e\n\u003cp\u003eEvery marker is numbered to match the page legend, which means less stopping, less second-guessing, and a more natural rhythm from one section to the next.\u003c\/p\u003e\n\u003cdiv class=\"calm-review\"\u003e\n\u003cdiv class=\"calm-review__label\"\u003eSimple from the start\u003c\/div\u003e\n\u003cdiv class=\"calm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cblockquote\u003e“I was worried about mixing up 36 colors, but the numbering makes it foolproof. I just match the number and go. Zero stress, zero guessing.”\u003c\/blockquote\u003e\n\u003ccite\u003eMarcus T.\u003c\/cite\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"calm-wrap\"\u003e\n\u003cdiv class=\"calm-soft-panel\"\u003e\n\u003ch2\u003eMake a little room in your day for something quiet.\u003c\/h2\u003e\n\u003cp\u003eOpen a page, pick a number, and let the rest happen one small section at a time. No need to be artistic. No need to finish in one sitting.\u003c\/p\u003e\n\u003ca class=\"calm-button\" href=\"#buy\"\u003eStart Your Coloring Ritual\u003c\/a\u003e \u003cspan class=\"calm-note\"\u003eA simple creative break designed for adult downtime.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/main\u003e\n\n\u003c\/body\u003e","brand":"Vivasho","offers":[{"title":"1 COMPLETE KIT — SOLO RELAX SET","offer_id":50448410706134,"sku":"ML6461-A4+ML3146-01","price":34.99,"currency_code":"USD","in_stock":true},{"title":"2 COMPLETE KITS — SHARE THE CALM DUO","offer_id":50448718987478,"sku":"ML6461-A4-2PC+ML3146-01-2PC","price":44.99,"currency_code":"USD","in_stock":true},{"title":"3 COMPLETE KITS — COLOR TOGETHER PACK","offer_id":50448719020246,"sku":"ML6461-A4-3PC+ML3146-01-3PC","price":54.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0615\/4194\/1462\/files\/2_dd7a2bdc-3db3-49f3-bf75-b2880161e773.webp?v=1789725674","url":"https:\/\/www.vivasho.com\/products\/color-by-number-book","provider":"Vivasho","version":"1.0","type":"link"}