Elegant Blue Gradient Button-Down Shirt Dress

😍Buy $70 get 8% off 😍Buy $80 get 22% off😍Buy $150 get 65% off
color
Blue
size
XS
S
M
L
XL
2XL
3XL
Price
$29.79
Quantity
Free worldwide shipping
Free returns
Sustainably made
Secure payments
/** @private {string} */ class SpzCustomAnchorScroll extends SPZ.BaseElement { static deferredMount() { return false; } constructor(element) { super(element); /** @private {Element} */ this.scrollableContainer_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.viewport_ = this.getViewport(); this.initActions_(); } setTarget(containerId, targetId) { this.containerId = '#' + containerId; this.targetId = '#' + targetId; } scrollToTarget() { const container = document.querySelector(this.containerId); const target = container.querySelector(this.targetId); const {scrollTop} = container; const eleOffsetTop = this.getOffsetTop_(target, container); this.viewport_ .interpolateScrollIntoView_( container, scrollTop, scrollTop + eleOffsetTop ); } initActions_() { this.registerAction( 'scrollToTarget', (invocation) => this.scrollToTarget(invocation?.caller) ); this.registerAction( 'setTarget', (invocation) => this.setTarget(invocation?.args?.containerId, invocation?.args?.targetId) ); } /** * @param {Element} element * @param {Element} container * @return {number} * @private */ getOffsetTop_(element, container) { if (!element./*OK*/ getClientRects().length) { return 0; } const rect = element./*OK*/ getBoundingClientRect(); if (rect.width || rect.height) { return rect.top - container./*OK*/ getBoundingClientRect().top; } return rect.top; } } SPZ.defineElement('spz-custom-anchor-scroll', SpzCustomAnchorScroll); const STRENGTHEN_TRUST_URL = "/api/strengthen_trust/settings"; class SpzCustomStrengthenTrust extends SPZ.BaseElement { constructor(element) { super(element); this.renderElement_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.xhr_ = SPZServices.xhrFor(this.win); const renderId = this.element.getAttribute('render-id'); SPZCore.Dom.waitForChild( document.body, () => !!document.getElementById(renderId), () => { this.renderElement_ = SPZCore.Dom.scopedQuerySelector( document.body, `#${renderId}` ); if (this.renderElement_) { this.render_(); } this.registerAction('track', (invocation) => { this.track_(invocation.args); }); } ); } render_() { this.fetchData_().then((data) => { if (!data) { return; } SPZ.whenApiDefined(this.renderElement_).then((apis) => { apis?.render(data); document.querySelector('#strengthen-trust-render-1539149753700').addEventListener('click',(event)=>{ if(event.target.nodeName == 'A'){ this.track_({type: 'trust_content_click'}); } }) }); }); } track_(data = {}) { const track = window.sa && window.sa.track; if (!track) { return; } track('trust_enhancement_event', data); } parseJSON_(string) { let result = {}; try { result = JSON.parse(string); } catch (e) {} return result; } fetchData_() { return this.xhr_ .fetchJson(STRENGTHEN_TRUST_URL) .then((responseData) => { if (!responseData || !responseData.data) { return null; } const data = responseData.data; const moduleSettings = (data.module_settings || []).reduce((result, moduleSetting) => { return result.concat(Object.assign(moduleSetting, { logos: (moduleSetting.logos || []).map((item) => { return moduleSetting.logos_type == 'custom' ? this.parseJSON_(item) : item; }) })); }, []); return Object.assign(data, { module_settings: moduleSettings, isEditor: window.self !== window.top, }); }); } } SPZ.defineElement('spz-custom-strengthen-trust', SpzCustomStrengthenTrust);
Description

Description

Product Description

This elegant shirt dress features a smooth blue gradient that fades from a soft sky tone to a deeper navy, offering a refined ombré effect. Designed with a classic pointed collar and a full button-down front, the dress balances a tailored look with an easy, drapey silhouette. The length hits around the knee to mid-calf (varies by height), creating a versatile piece suitable for both daytime and evening wear.

Key Features

  • Ombre blue gradient: subtle transition of tones for a sophisticated, modern look.
  • Button-down front with classic collar: easy to style and adjust for neckline preference.
  • Relaxed yet structured silhouette: provides comfort while maintaining a polished appearance.
  • Defined waist option: built-in or removable tie/belt (if included) to create shape and versatility.
  • Cuff sleeves: roll or button the sleeves for different styling options.
  • Practical details: side pockets and a breathable, lightweight woven fabric for all-day comfort.
  • Easy care: low-maintenance fabric suitable for regular wear (follow garment care label).

Styling Suggestions

  • Casual daytime: pair with white sneakers and a woven tote for a relaxed weekend look.
  • Office-ready: layer a neutral blazer, add loafers or low block heels, and a structured bag for a polished outfit.
  • Evening out: switch to strappy sandals or pointed heels, add statement earrings, and cinch the waist with a slim belt to elevate the silhouette.
  • Transitional weather: layer a lightweight trench or denim jacket and wear ankle boots for a chic layered ensemble.
  • Accessories: metallic or pearl jewelry complements the cool blue tones; a tan or navy belt adds contrast and definition.

Summary

The Elegant Blue Gradient Button-Down Shirt Dress is a versatile wardrobe staple that combines timeless shirting details with a contemporary ombré finish. Its comfortable drape and functional elements make it suitable for a wide range of occasions—from casual weekends to professional settings—while simple styling changes allow you to dress it up or down effortlessly.