{"product_id":"color-theory-design-reference","title":"Handy Color Schemer","description":"\n\u003cdiv style=\"width: 100%; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; color: #2d3748; background: #f3f6f8;\"\u003e\n    \n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #0073b1; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #0073b1 0%, #004471 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            🏷️ Basic Information\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f3f6f8; border-left: 4px solid #0073b1; padding: 12px 16px; font-weight: 600; color: #004471; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #0073b1; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Identification\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Make:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            N\/A\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Model:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Handy Color Schemer\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Year:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            N\/A\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f3f6f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #004471; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Generation:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            N\/A\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"width: 100%; margin: 0; margin-bottom: 2px; background: white; overflow: hidden; border: 1px solid #1a5490; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;\"\u003e\n    \u003cdiv style=\"background: linear-gradient(135deg, #1a5490 0%, #0d3d6b 100%); color: white; padding: 16px; text-align: center;\"\u003e\n        \u003cdiv style=\"font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\"\u003e\n            📋 Manual Details\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Documentation\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Manual Type:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Color Scheme Generator\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Language:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            English\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Page Count:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            N\/A (digital\/software)\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Format:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Digital\/Software\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Usage\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Primary Function:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Website Color Scheme Generation\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Target Audience:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Web Designers, Developers, Enthusiasts\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Features\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Scheme Generation Method:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Algorithm-based, User-input driven\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Color Palettes Supported:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            Monochromatic, Analogous, Complementary, Triadic, etc.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Customization Options:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Hue, Saturation, Brightness adjustments, predefined palettes\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Output Formats:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Hex codes, RGB values, potentially CSS variables\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Compatibility\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Operating Systems:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Likely web-browser based, or desktop OS compatible (Windows, macOS, Linux)\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Requirements\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Software Dependencies:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Web browser or specific application installation\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Support\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Technical Support Available:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Likely via website, forums, or email\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Licensing\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Usage Rights:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Varies by product version (free\/paid)\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Product Type\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Category:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #4a5568; line-height: 1.6; word-wrap: break-word; font-size: 14px;\"\u003e\n            Software Tool \/ Digital Product\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #f2f5f8; border-left: 4px solid #1a5490; padding: 12px 16px; font-weight: 600; color: #0d3d6b; font-size: 16px; position: relative;\"\u003e\n        \u003cdiv style=\"display: inline-block; width: 6px; height: 6px; background: #1a5490; border-radius: 50%; margin-right: 8px;\"\u003e\u003c\/div\u003e\n        Product Identifier\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Version:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            N\/A (if software, likely has versions)\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"padding: 12px 16px; border-bottom: 1px solid #f2f5f8;\"\u003e\n        \u003cdiv style=\"font-weight: 600; color: #0d3d6b; font-size: 15px; margin-bottom: 6px;\"\u003e\n            Vendor:\n        \u003c\/div\u003e\n        \u003cdiv style=\"color: #666666; background: #f5f5f5; padding: 8px 12px; border-radius: 8px; border: 1px solid #d0d0d0; font-weight: 600; font-size: 14px;\"\u003e\n            N\/A\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Allied","offers":[{"title":"Default Title","offer_id":42150945783868,"sku":"33818","price":134.0,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0615\/4489\/0428\/files\/33818-handy-color-schemer.jpg?v=1725436082","url":"https:\/\/e-manual.com\/ko\/products\/color-theory-design-reference","provider":"e-Manual Online Workshop Manuals","version":"1.0","type":"link"}