{"product_id":"hue-harbor","title":"Hue Harbor","description":"\u003cstyle\u003e\n  .hue-product {\n    --hue-ink: #304b5d;\n    --hue-text: #53616b;\n    --hue-blue: #eaf1f6;\n    --hue-cream: #faf8f3;\n    --hue-line: #dce4e8;\n    max-width: 920px;\n    margin: 0 auto;\n    color: var(--hue-text);\n    font-family: inherit;\n    font-size: 16px;\n    line-height: 1.8;\n    text-align: left;\n  }\n\n  .hue-product,\n  .hue-product * {\n    box-sizing: border-box;\n  }\n\n  .hue-product .hue-hero {\n    padding: 46px 32px;\n    background: var(--hue-cream);\n    border-radius: 20px;\n    text-align: center;\n  }\n\n  .hue-product .hue-eyebrow {\n    margin: 0 0 12px;\n    color: #687f8b;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n  }\n\n  .hue-product h2,\n  .hue-product h3 {\n    color: var(--hue-ink);\n    text-transform: none;\n    letter-spacing: normal;\n  }\n\n  .hue-product h2 {\n    margin: 0 0 14px;\n    font-size: clamp(30px, 6vw, 44px);\n    line-height: 1.2;\n  }\n\n  .hue-product h3 {\n    margin: 0 0 12px;\n    font-size: 24px;\n    line-height: 1.35;\n  }\n\n  .hue-product p {\n    margin: 0 0 16px;\n  }\n\n  .hue-product p:last-child {\n    margin-bottom: 0;\n  }\n\n  .hue-product .hue-tagline {\n    margin-bottom: 18px;\n    color: var(--hue-ink);\n    font-size: 20px;\n    line-height: 1.5;\n  }\n\n  .hue-product .hue-intro {\n    max-width: 620px;\n    margin: 0 auto;\n  }\n\n  .hue-product .hue-colors {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 24px;\n  }\n\n  .hue-product .hue-colors span {\n    width: 15px;\n    height: 15px;\n    border-radius: 50%;\n    display: block;\n  }\n\n  .hue-product .hue-section {\n    padding: 34px 4px;\n    border-bottom: 1px solid var(--hue-line);\n  }\n\n  .hue-product .hue-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 16px;\n    margin-top: 22px;\n  }\n\n  .hue-product .hue-card {\n    padding: 24px 20px;\n    background: var(--hue-cream);\n    border-radius: 14px;\n  }\n\n  .hue-product .hue-card h3 {\n    font-size: 18px;\n  }\n\n  .hue-product .hue-card p {\n    font-size: 15px;\n    line-height: 1.75;\n  }\n\n  .hue-product .hue-step {\n    display: inline-block;\n    margin-bottom: 12px;\n    color: #688397;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 1.5px;\n  }\n\n  .hue-product .hue-highlight {\n    margin: 30px 0;\n    padding: 30px;\n    border-radius: 16px;\n    background: var(--hue-blue);\n  }\n\n  .hue-product .hue-list {\n    padding-left: 22px;\n    margin: 18px 0 0;\n  }\n\n  .hue-product .hue-list li {\n    padding-left: 4px;\n    margin-bottom: 10px;\n  }\n\n  .hue-product details {\n    padding: 18px 0;\n    border-bottom: 1px solid var(--hue-line);\n  }\n\n  .hue-product summary {\n    color: var(--hue-ink);\n    font-weight: 600;\n    cursor: pointer;\n    line-height: 1.6;\n  }\n\n  .hue-product details p {\n    margin: 12px 0 0;\n    font-size: 15px;\n  }\n\n  .hue-product .hue-note {\n    margin-top: 28px;\n    padding: 20px 22px;\n    border-left: 3px solid #a9bdca;\n    background: var(--hue-cream);\n    font-size: 13px;\n    line-height: 1.75;\n  }\n\n  .hue-product .hue-closing {\n    padding: 34px 12px 12px;\n    color: var(--hue-ink);\n    font-size: 21px;\n    text-align: center;\n    line-height: 1.5;\n  }\n\n  @media (max-width: 600px) {\n    .hue-product {\n      font-size: 15px;\n    }\n\n    .hue-product .hue-hero {\n      padding: 34px 20px;\n      border-radius: 14px;\n    }\n\n    .hue-product .hue-grid {\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n\n    .hue-product .hue-section {\n      padding: 28px 2px;\n    }\n\n    .hue-product .hue-highlight {\n      padding: 24px 20px;\n    }\n\n    .hue-product h3 {\n      font-size: 22px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"hue-product\"\u003e\n  \u003csection class=\"hue-hero\"\u003e\n    \u003cp class=\"hue-eyebrow\"\u003eA New Way to Explore Color\u003c\/p\u003e\n    \u003ch2\u003eHue Harbor\u003c\/h2\u003e\n    \u003cp class=\"hue-tagline\"\u003eTurn. Overlap. Discover.\u003c\/p\u003e\n    \u003cp class=\"hue-intro\"\u003e\n      A little turn invites a closer look. Hue Harbor is a tabletop color-play\n      concept that brings translucent color, hands-on movement, and a sculptural\n      double-arch silhouette together in one inviting design.\n    \u003c\/p\u003e\n    \u003cdiv class=\"hue-colors\" aria-hidden=\"true\"\u003e\n      \u003cspan style=\"background:#edbb48;\"\u003e\u003c\/span\u003e\n      \u003cspan style=\"background:#8cad68;\"\u003e\u003c\/span\u003e\n      \u003cspan style=\"background:#62b7cc;\"\u003e\u003c\/span\u003e\n      \u003cspan style=\"background:#de8b99;\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hue-section\"\u003e\n    \u003ch3\u003eA Small Harbor for Big Curiosity\u003c\/h3\u003e\n    \u003cp\u003e\n      What happens when yellow meets blue? What changes when another color\n      moves into view? Hue Harbor centers the experience on those simple,\n      satisfying questions.\n    \u003c\/p\u003e\n    \u003cp\u003e\n      Its proposed rotating color wheels meet at a shared viewing area,\n      inviting children to explore overlapping filters, notice differences,\n      and describe what they see. The play begins with a turn—and continues\n      with “What if?”\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hue-section\"\u003e\n    \u003ch3\u003eThree Invitations to Play\u003c\/h3\u003e\n    \u003cdiv class=\"hue-grid\"\u003e\n      \u003cdiv class=\"hue-card\"\u003e\n        \u003cspan class=\"hue-step\"\u003e01 \/ TURN\u003c\/span\u003e\n        \u003ch3\u003eStart With Movement\u003c\/h3\u003e\n        \u003cp\u003e\n          The side controls are designed to move the color wheels, giving\n          little hands an active role in the experience.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hue-card\"\u003e\n        \u003cspan class=\"hue-step\"\u003e02 \/ LOOK\u003c\/span\u003e\n        \u003ch3\u003eFollow the Overlap\u003c\/h3\u003e\n        \u003cp\u003e\n          Look toward the shared window and notice how layered transparent\n          colors change the view.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hue-card\"\u003e\n        \u003cspan class=\"hue-step\"\u003e03 \/ EXPLORE\u003c\/span\u003e\n        \u003ch3\u003eTry Another Combination\u003c\/h3\u003e\n        \u003cp\u003e\n          Turn again, compare what you see, and find a favorite color\n          combination to revisit.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"hue-highlight\"\u003e\n    \u003ch3\u003e“What Color Do You Think Comes Next?”\u003c\/h3\u003e\n    \u003cp\u003e\n      Make room for a little shared discovery. Take turns choosing a color,\n      describe it in your own words, or look around the room for something\n      similar. There is no score to chase—just another combination to explore.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hue-section\"\u003e\n    \u003ch3\u003ePlayful Color. A Considered Shape.\u003c\/h3\u003e\n    \u003cp\u003e\n      The design pairs a soft ivory front with visible layered wood edges,\n      a dusty blue base, and a coral-colored handle. Transparent yellow,\n      cyan, and pink elements bring a vivid focal point to the otherwise\n      quiet palette.\n    \u003c\/p\u003e\n    \u003cul class=\"hue-list\"\u003e\n      \u003cli\u003e\n        \u003cstrong\u003eDouble-arch silhouette:\u003c\/strong\u003e Two rounded forms frame the\n        overlapping color wheels.\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cstrong\u003eContrasting side controls:\u003c\/strong\u003e A coral handle and a\n        ridged blue dial give each side its own visual character.\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cstrong\u003eBroad tabletop base:\u003c\/strong\u003e A low platform anchors the\n        design, with three circular color accents along the front.\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cstrong\u003eVisible texture:\u003c\/strong\u003e Wood-grain details and translucent\n        surfaces create a balance of tactile and visual interest.\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hue-section\"\u003e\n    \u003ch3\u003eMake the Moment Your Own\u003c\/h3\u003e\n    \u003cp\u003e\n      Start with a question: “Can you find something green?” Then take a\n      closer look at the overlap. Try describing a color without naming it,\n      or choose a favorite and explain what it reminds you of.\n    \u003c\/p\u003e\n    \u003cp\u003e\n      The concept is intended for tabletop exploration, with the toy placed\n      on a level surface and an adult nearby to share the experience.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hue-section\" style=\"border-bottom:0;\"\u003e\n    \u003ch3\u003eA Few Things to Know\u003c\/h3\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eWhat is the idea behind Hue Harbor?\u003c\/summary\u003e\n      \u003cp\u003e\n        Hue Harbor is a concept for a hands-on color exploration toy.\n        Rotating translucent wheels are intended to create changing\n        overlaps within a shared viewing area.\n      \u003c\/p\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eDoes it project light or use a screen?\u003c\/summary\u003e\n      \u003cp\u003e\n        The proposed design uses physical color filters and ambient light,\n        rather than a screen or an integrated projector. Any transmitted\n        color depends on the lighting, filter materials, and final construction.\n      \u003c\/p\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eWill the colors look exactly like the concept images?\u003c\/summary\u003e\n      \u003cp\u003e\n        Not necessarily. Color appearance and any colored shadows will vary\n        with the light source, viewing angle, and materials. The images\n        illustrate the design direction rather than verified optical performance.\n      \u003c\/p\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eWhat age is it suitable for?\u003c\/summary\u003e\n      \u003cp\u003e\n        A recommended age has not yet been established. Age suitability,\n        materials, moving-part clearances, and applicable toy safety\n        requirements must be evaluated before the product is offered for sale.\n      \u003c\/p\u003e\n    \u003c\/details\u003e\n  \u003c\/section\u003e\n\n  \u003cp class=\"hue-closing\"\u003e\n    A little turn.\u003cbr\u003e\n    A colorful new possibility.\n  \u003c\/p\u003e\n\n  \u003caside class=\"hue-note\"\u003e\n    \u003cstrong\u003eConcept product:\u003c\/strong\u003e Hue Harbor is currently a design\n    concept. Final materials, dimensions, operating mechanism, included\n    items, age suitability, and safety compliance have not been verified.\n    These details must be confirmed before accepting orders.\n  \u003c\/aside\u003e\n\u003c\/div\u003e","brand":"Adornivo","offers":[{"title":"Default Title","offer_id":67964576890942,"sku":null,"price":43.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/4376\/6590\/files\/12-1.png?v=1793004403","url":"https:\/\/adornivo.com\/products\/hue-harbor","provider":"Adornivo","version":"1.0","type":"link"}