{"product_id":"cleo-colourblock-knit-dress","title":"CLEO | COLOURBLOCK KNIT DRESS","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root {\n    --warm-white: #ffffff;\n    --charcoal: #2c2c2c;\n    --taupe: #9e8e7e;\n    --gold: #b8976a;\n    --light-border: #e8e0d6;\n    --soft-bg: #f3ede5;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    font-family: 'Montserrat', sans-serif;\n    background: #ffffff;\n    color: var(--charcoal);\n    font-size: 13px;\n    line-height: 1.7;\n  }\n\n  .wrapper {\n    max-width: 780px;\n    margin: 0 auto;\n    padding: 0 20px 60px;\n  }\n\n  \/* URGENCY BANNER *\/\n  .urgency-banner {\n    background: var(--charcoal);\n    color: #fff;\n    text-align: center;\n    padding: 10px 20px;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    margin-bottom: 22px;\n  }\n\n  .urgency-banner span { color: var(--gold); }\n\n  \/* TAGLINE *\/\n  .tagline-block {\n    border: 1px solid var(--gold);\n    padding: 14px 22px;\n    margin-bottom: 28px;\n    text-align: center;\n    background: var(--warm-white);\n  }\n\n  .tagline-block p {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-size: 17px;\n    color: var(--charcoal);\n    letter-spacing: 0.02em;\n  }\n\n  \/* INTRO *\/\n  .intro {\n    font-size: 13px;\n    color: #4a4a4a;\n    line-height: 1.85;\n    margin-bottom: 10px;\n  }\n\n  .intro strong {\n    display: block;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 19px;\n    font-weight: 500;\n    color: var(--charcoal);\n    margin-top: 18px;\n    letter-spacing: 0.04em;\n  }\n\n  \/* SECTION LABEL *\/\n  .section-label {\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--taupe);\n    margin: 30px 0 12px;\n  }\n\n  \/* COLOUR SWATCHES *\/\n  .colour-swatches {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-bottom: 4px;\n  }\n\n  .swatch {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    border: 1px solid var(--light-border);\n    padding: 7px 14px;\n    background: var(--warm-white);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.06em;\n    cursor: pointer;\n    transition: border-color 0.2s;\n  }\n\n  .swatch:hover { border-color: var(--gold); }\n\n  .dot {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    display: inline-block;\n    flex-shrink: 0;\n    border: 1px solid #ddd;\n  }\n\n  .dot-colourblock {\n    background: linear-gradient(180deg, #2c2c2c 33%, #888 33%, #888 66%, #fff 66%);\n    border: 1px solid #ccc;\n  }\n\n  \/* SIZE BUTTONS *\/\n  .size-buttons {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n\n  .size-btn {\n    border: 1px solid var(--light-border);\n    padding: 7px 16px;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    background: var(--warm-white);\n    cursor: pointer;\n    transition: border-color 0.2s, background 0.2s;\n  }\n\n  .size-btn:hover {\n    border-color: var(--gold);\n    background: var(--soft-bg);\n  }\n\n  \/* FEATURES *\/\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1px;\n    background: var(--light-border);\n    border: 1px solid var(--light-border);\n    margin: 28px 0;\n  }\n\n  .feature-tile {\n    background: var(--warm-white);\n    padding: 22px 16px;\n    text-align: center;\n  }\n\n  .feature-icon {\n    font-size: 20px;\n    margin-bottom: 10px;\n    display: block;\n  }\n\n  .feature-title {\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--charcoal);\n    margin-bottom: 8px;\n  }\n\n  .feature-body {\n    font-size: 11.5px;\n    color: #666;\n    line-height: 1.65;\n  }\n\n  \/* WHO IS THIS FOR *\/\n  .info-box {\n    background: var(--soft-bg);\n    border: 1px solid var(--light-border);\n    padding: 22px 26px;\n    margin-bottom: 22px;\n  }\n\n  .info-box-title {\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--gold);\n    margin-bottom: 14px;\n  }\n\n  .info-box ul {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 7px;\n  }\n\n  .info-box ul li {\n    font-size: 12px;\n    color: #4a4a4a;\n    padding-left: 18px;\n    position: relative;\n    line-height: 1.6;\n  }\n\n  .info-box ul li::before {\n    content: '✓';\n    position: absolute;\n    left: 0;\n    color: var(--gold);\n    font-size: 11px;\n    font-weight: 600;\n  }\n\n  \/* STYLE IT WITH *\/\n  .style-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1px;\n    background: var(--light-border);\n    border: 1px solid var(--light-border);\n    margin-bottom: 28px;\n  }\n\n  .style-col {\n    background: var(--warm-white);\n    padding: 18px 14px;\n  }\n\n  .style-col-label {\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--taupe);\n    margin-bottom: 8px;\n    padding-bottom: 8px;\n    border-bottom: 1px solid var(--light-border);\n  }\n\n  .style-col p {\n    font-size: 11.5px;\n    color: #555;\n    line-height: 1.65;\n  }\n\n  \/* SIZE CHART *\/\n  .size-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 11.5px;\n    background: #fff;\n    border: 1px solid var(--light-border);\n  }\n\n  .size-table th {\n    padding: 10px 14px;\n    text-align: left;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    font-size: 10px;\n    text-transform: uppercase;\n    border-bottom: 1px solid var(--light-border);\n    color: var(--charcoal);\n    background: var(--soft-bg);\n  }\n\n  .size-table td {\n    padding: 10px 14px;\n    color: #666;\n    border-bottom: 1px solid var(--light-border);\n  }\n\n  .size-table td:first-child {\n    font-weight: 600;\n    color: var(--charcoal);\n  }\n\n  .size-table tr:nth-child(even) td {\n    background: var(--soft-bg);\n  }\n\n  .size-table tr:last-child td {\n    border-bottom: none;\n  }\n\n  \/* CARE ROW *\/\n  .care-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1px;\n    background: var(--light-border);\n    border: 1px solid var(--light-border);\n    margin-top: 22px;\n  }\n\n  .care-col {\n    background: var(--warm-white);\n    padding: 18px 20px;\n  }\n\n  .care-col-label {\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--taupe);\n    margin-bottom: 10px;\n  }\n\n  .care-col ul {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n  }\n\n  .care-col ul li {\n    font-size: 12px;\n    color: #555;\n    padding-left: 14px;\n    position: relative;\n  }\n\n  .care-col ul li::before {\n    content: '–';\n    position: absolute;\n    left: 0;\n    color: var(--taupe);\n  }\n\n  .disclaimer {\n    font-size: 10.5px;\n    color: #999;\n    margin-top: 18px;\n    font-style: italic;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 560px) {\n    .features-grid, .style-grid { grid-template-columns: 1fr; }\n    .care-row { grid-template-columns: 1fr; }\n    .size-table th, .size-table td { padding: 8px 10px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"wrapper\"\u003e\n\u003c!-- URGENCY BANNER --\u003e\n\u003cdiv class=\"urgency-banner\"\u003e⚠ \u003cspan\u003eSelling Fast\u003c\/span\u003e — Your Winter Dress Is Waiting\u003c\/div\u003e\n\u003c!-- TAGLINE --\u003e\n\u003cdiv class=\"tagline-block\"\u003e\n\u003cp\u003eOne dress. Three colours. Endless elegance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- INTRO --\u003e\n\u003cp class=\"intro\"\u003eThe dress that makes getting dressed easy. The Cleo features a bold colourblock design in black, grey and white — a timeless combination that looks intentional without any effort. The long sleeves and knee-length hem keep you warm and covered as the temperature drops, while the relaxed A-line silhouette flatters every figure effortlessly.\u003cbr\u003e\u003cbr\u003eFrom the office to a dinner out. From a casual lunch to a weekend with friends. The Cleo is the dress you'll reach for again and again this autumn and winter. \u003cstrong\u003eUnderstated. Polished. Effortlessly yours.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c!-- COLOUR --\u003e\n\u003cdiv class=\"section-label\"\u003eAvailable In\u003c\/div\u003e\n\u003cdiv class=\"colour-swatches\"\u003e\n\u003cdiv class=\"swatch\"\u003e\n\u003cspan class=\"dot dot-colourblock\"\u003e\u003c\/span\u003e Black, Grey \u0026amp; White\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE --\u003e\n\u003cdiv style=\"margin-top: 24px;\" class=\"section-label\"\u003eSize\u003c\/div\u003e\n\u003cdiv class=\"size-buttons\"\u003e\n\u003cdiv class=\"size-btn\"\u003eS\u003c\/div\u003e\n\u003cdiv class=\"size-btn\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-btn\"\u003eL\u003c\/div\u003e\n\u003cdiv class=\"size-btn\"\u003eXL\u003c\/div\u003e\n\u003cdiv class=\"size-btn\"\u003e2XL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE CHART --\u003e\n\u003cdiv style=\"margin-top: 24px;\" class=\"section-label\"\u003eSize Guide\u003c\/div\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eAU Size\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHips (cm)\u003c\/th\u003e\n\u003cth\u003eLength (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003eAU 8–10\u003c\/td\u003e\n\u003ctd\u003e84–88\u003c\/td\u003e\n\u003ctd\u003e66–70\u003c\/td\u003e\n\u003ctd\u003e90–94\u003c\/td\u003e\n\u003ctd\u003e96\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003eAU 10–12\u003c\/td\u003e\n\u003ctd\u003e88–92\u003c\/td\u003e\n\u003ctd\u003e70–74\u003c\/td\u003e\n\u003ctd\u003e94–98\u003c\/td\u003e\n\u003ctd\u003e97\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003eAU 12–14\u003c\/td\u003e\n\u003ctd\u003e92–96\u003c\/td\u003e\n\u003ctd\u003e74–78\u003c\/td\u003e\n\u003ctd\u003e98–102\u003c\/td\u003e\n\u003ctd\u003e98\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003eAU 14–16\u003c\/td\u003e\n\u003ctd\u003e96–102\u003c\/td\u003e\n\u003ctd\u003e78–84\u003c\/td\u003e\n\u003ctd\u003e102–108\u003c\/td\u003e\n\u003ctd\u003e99\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e2XL\u003c\/td\u003e\n\u003ctd\u003eAU 16–18\u003c\/td\u003e\n\u003ctd\u003e102–108\u003c\/td\u003e\n\u003ctd\u003e84–90\u003c\/td\u003e\n\u003ctd\u003e108–114\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-tile\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🖤\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eBold Colourblock\u003c\/div\u003e\n\u003cp class=\"feature-body\"\u003eThree-tone design in black, grey and white — striking, sophisticated and effortlessly stylish\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-tile\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🧶\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eSoft Knit Fabric\u003c\/div\u003e\n\u003cp class=\"feature-body\"\u003eWarm and lightweight — the perfect weight for Australian autumn and winter days\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-tile\"\u003e\n\u003cspan class=\"feature-icon\"\u003e✨\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eFlattering Silhouette\u003c\/div\u003e\n\u003cp class=\"feature-body\"\u003eRelaxed A-line cut with long sleeves and a knee-length hem that flatters every figure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- WHO IS THIS FOR --\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cdiv class=\"info-box-title\"\u003eWho Is This For?\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eWomen who want to look polished without overthinking their outfit\u003c\/li\u003e\n\u003cli\u003eThose who love a classic, timeless colour palette that goes with everything\u003c\/li\u003e\n\u003cli\u003eAnyone looking for a dress that works from the office straight to dinner\u003c\/li\u003e\n\u003cli\u003eAustralian women who want warmth and style in one elegant piece\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- STYLE IT WITH --\u003e\n\u003cdiv class=\"section-label\"\u003eStyle It With\u003c\/div\u003e\n\u003cdiv class=\"style-grid\"\u003e\n\u003cdiv class=\"style-col\"\u003e\n\u003cdiv class=\"style-col-label\"\u003eOffice Ready\u003c\/div\u003e\n\u003cp\u003eKnee-high boots + structured tote + gold disc necklace — boardroom to bar\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-col\"\u003e\n\u003cdiv class=\"style-col-label\"\u003eWeekend Lunch\u003c\/div\u003e\n\u003cp\u003eAnkle boots + quilted chain bag + simple hoop earrings — effortlessly put-together\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"style-col\"\u003e\n\u003cdiv class=\"style-col-label\"\u003eEvening Out\u003c\/div\u003e\n\u003cp\u003eBlock heel boots + statement earrings + sleek clutch — elegant without trying\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARE \u0026 DETAILS --\u003e\n\u003cdiv class=\"section-label\"\u003eCare \u0026amp; Details\u003c\/div\u003e\n\u003cdiv class=\"care-row\"\u003e\n\u003cdiv class=\"care-col\"\u003e\n\u003cdiv class=\"care-col-label\"\u003eCare Instructions\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eHand wash or gentle machine wash cold\u003c\/li\u003e\n\u003cli\u003eLay flat to dry — do not tumble dry\u003c\/li\u003e\n\u003cli\u003eDo not bleach\u003c\/li\u003e\n\u003cli\u003eIron on low heat if needed\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"care-col\"\u003e\n\u003cdiv class=\"care-col-label\"\u003eProduct Details\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eColourblock knit fabric\u003c\/li\u003e\n\u003cli\u003eLong sleeves, round neckline\u003c\/li\u003e\n\u003cli\u003eRelaxed A-line silhouette\u003c\/li\u003e\n\u003cli\u003eKnee length\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"disclaimer\"\u003eAll measurements in cm. A 1–3cm variance may occur due to manual measuring. Colours may vary slightly between screens.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Audrey \u0026 Belle","offers":[{"title":"Black \/ S | 8-10","offer_id":58151594033497,"sku":null,"price":79.95,"currency_code":"AUD","in_stock":true},{"title":"Black \/ M | 10-12","offer_id":58151594066265,"sku":null,"price":79.95,"currency_code":"AUD","in_stock":true},{"title":"Black \/ L | 12-14","offer_id":58151594099033,"sku":null,"price":79.95,"currency_code":"AUD","in_stock":true},{"title":"Black \/ XL | 14-16","offer_id":58151594131801,"sku":null,"price":79.95,"currency_code":"AUD","in_stock":true},{"title":"Black \/ 2XL |16-18","offer_id":58151594164569,"sku":null,"price":79.95,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/8594\/9017\/files\/ChatGPT_Image_31_mei_2026_22_57_46.png?v=1780261096","url":"https:\/\/audreybelle.com.co\/products\/cleo-colourblock-knit-dress","provider":"Audrey \u0026 Belle","version":"1.0","type":"link"}