Fleur Ceiling Light
.dfpd *, .dfpd *::before, .dfpd *::after { box-sizing: border-box; margin: 0; padding: 0; } .dfpd { --ink: #2A2418; --ink-2: #483C2C; --ink-3: #6B5840; --cream: #FCF8EE; --bg: #F2E AD2; --linen: #ECDFB8; --sand: #D8C088; --border: #BCA068; --border-lt: #D2B888; /* PRODUCT-SPECIFIC ACCENT — Vintage rose-gold (matches gold hardware + beige+green palette) */ --olive: #A88848; --olive-lt: #C8A868; --olive-dk: #6E5418; --olive-sft: #FAEAC8; /* PRODUCT-SPECIFIC WARNING — Sage green (matches green trim and tassel) */ --clay: #6E7848; --clay-sft: #E2E4C8; --stone: #806848; --mist: #A89868; font-family: 'Outfit', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; color: var(--ink); font-weight: 300; font-size: 16px; line-height: 1.6; background: transparent; padding: 1.5rem 0 2rem; width: 100%; } .dfpd-inner { max-width: 100%; margin: 0; padding: 0; } .dfpd-eyebrow { display: inline-flex; align-items: center; gap: 0.7rem; font-family: 'Outfit', sans-serif; font-size: 0.62rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--olive); margin-bottom: 0.85rem; } .dfpd-eyebrow::before { content: ''; width: 22px; height: 1px; background: var(--olive); } .dfpd-h2 { font-family: 'Fraunces', serif; font-size: clamp(1.25rem, 2vw, 1.5rem); font-weight: 400; line-height: 1.25; letter-spacing: -0.005em; color: var(--ink); margin-bottom: 1rem; } .dfpd-h2 em { font-style: italic; color: var(--olive-dk); } .dfpd-hero { padding-bottom: 2rem; border-bottom: 1px solid var(--border); margin-bottom: 2rem; } .dfpd-hero-eyebrow { display: inline-flex; align-items: center; gap: 0.7rem; font-family: 'Outfit', sans-serif; font-size: 0.68rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--olive); margin-bottom: 1rem; } .dfpd-hero-eyebrow::before { content: ''; width: 26px; height: 1px; background: var(--olive); } .dfpd-title { font-family: 'Fraunces', serif; font-size: clamp(1.75rem, 3.4vw, 2.35rem); font-weight: 300; line-height: 1.1; letter-spacing: -0.015em; color: var(--ink); margin-bottom: 1rem; max-width: 780px; } .dfpd-title em { font-style: italic; color: var(--olive-dk); font-weight: 400; } .dfpd-lede { font-size: 0.98rem; font-weight: 300; line-height: 1.7; color: var(--ink-2); max-width: 720px; } .dfpd-features { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--cream); margin-bottom: 2.5rem; } .dfpd-feature { padding: 1.25rem 1rem; text-align: center; border-right: 1px solid var(--border-lt); transition: background 0.3s; } .dfpd-feature:last-child { border-right: none; } .dfpd-feature:hover { background: var(--linen); } .dfpd-feature-icon { color: var(--olive-dk); margin-bottom: 0.6rem; display: inline-flex; } .dfpd-feature-title { font-family: 'Fraunces', serif; font-size: 0.92rem; font-weight: 400; line-height: 1.3; color: var(--ink); } .dfpd-feature-title em { font-style: italic; color: var(--olive-dk); } .dfpd-sec { margin-bottom: 2.5rem; } /* VIDEOS — 2 per row */ .dfpd-video-row { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; max-width: 920px; margin: 0 auto; } .dfpd-video-cell { display: flex; flex-direction: column; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; box-shadow: 0 6px 20px rgba(42, 36, 24, 0.10); } .dfpd-video-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; } .dfpd-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; } .dfpd-video-caption { padding: 0.85rem 1.15rem 1rem; border-top: 1px solid var(--border-lt); text-align: center; } .dfpd-video-caption h5 { font-family: 'Fraunces', serif; font-size: 1rem; font-weight: 400; color: var(--ink); margin-bottom: 0.2rem; letter-spacing: -0.005em; line-height: 1.2; } .dfpd-video-caption h5 em { font-style: italic; color: var(--olive-dk); } .dfpd-video-caption p { color: var(--stone); font-size: 0.82rem; line-height: 1.4; margin: 0; font-family: 'Fraunces', serif; font-style: italic; } /* CRAFT HERO */ .dfpd-craft { display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; padding: 1.5rem 1.75rem; background: linear-gradient(135deg, var(--cream) 0%, var(--olive-sft) 100%); border: 1px solid var(--border); border-radius: 4px; align-items: center; } .dfpd-craft-icon { width: 64px; height: 64px; border-radius: 50%; background: var(--cream); border: 1px solid var(--olive); color: var(--olive-dk); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-craft-text-eyebrow { font-family: 'Outfit', sans-serif; font-size: 0.6rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--olive); margin-bottom: 0.4rem; } .dfpd-craft-text h4 { font-family: 'Fraunces', serif; font-size: 1.3rem; font-style: italic; font-weight: 400; color: var(--olive-dk); letter-spacing: -0.01em; line-height: 1.2; margin-bottom: 0.45rem; } .dfpd-craft-text p { font-size: 0.9rem; color: var(--ink-2); line-height: 1.6; margin: 0 0 0.55rem; } .dfpd-craft-text p:last-child { margin-bottom: 0; } .dfpd-craft-text p strong { color: var(--ink); font-weight: 500; } /* IMPORTANT NOTES */ .dfpd-notes-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.85rem; } .dfpd-note { padding: 1.25rem 1.35rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; } .dfpd-note h4 { font-family: 'Fraunces', serif; font-size: 0.98rem; font-style: italic; font-weight: 400; color: var(--ink); margin-bottom: 0.35rem; letter-spacing: -0.005em; } .dfpd-note p { color: var(--ink-2); font-size: 0.85rem; font-weight: 300; line-height: 1.55; margin: 0; } .dfpd-note p strong { color: var(--ink); font-weight: 500; } .dfpd-note a.dfpd-link-inline { color: var(--olive-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--olive); padding-bottom: 1px; } /* SIZES — image-left + 3 size cards on right (shared diagram) */ .dfpd-size-shared { display: grid; grid-template-columns: 280px 1fr; gap: 1.25rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; } .dfpd-size-shared-image { position: relative; display: block; width: 100%; height: 100%; min-height: 280px; background: #FFFFFF; border-right: 1px solid var(--border-lt); cursor: zoom-in; text-decoration: none; color: inherit; overflow: hidden; padding: 12px; transition: background 0.2s; } .dfpd-size-shared-image:hover { background: var(--olive-sft); } .dfpd-size-shared-image img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.4s ease; } .dfpd-size-shared-image:hover img { transform: scale(1.4); } .dfpd-size-shared-image-icon { position: absolute; bottom: 12px; right: 12px; width: 24px; height: 24px; background: rgba(42, 36, 24, 0.85); color: var(--cream); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.2s; pointer-events: none; z-index: 2; } .dfpd-size-shared-image:hover .dfpd-size-shared-image-icon { background: var(--olive); } .dfpd-size-shared-list { padding: 1.1rem 1.4rem; display: flex; flex-direction: column; gap: 0.7rem; justify-content: center; } .dfpd-size-shared-item { display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: baseline; padding: 0.75rem 1rem; background: linear-gradient(180deg, var(--cream) 0%, var(--linen) 100%); border: 1px solid var(--border-lt); border-radius: 3px; transition: border-color 0.2s, transform 0.2s; } .dfpd-size-shared-item:hover { border-color: var(--olive); transform: translateX(2px); } .dfpd-size-shared-item-title { font-family: 'Fraunces', serif; font-size: 1.15rem; font-style: italic; font-weight: 400; color: var(--olive-dk); letter-spacing: -0.005em; line-height: 1; white-space: nowrap; } .dfpd-size-shared-item-dim { font-family: 'Fraunces', serif; font-size: 0.88rem; font-style: italic; color: var(--ink-2); line-height: 1.45; } .dfpd-size-shared-item-dim em { font-style: normal; color: var(--stone); font-family: 'Outfit', sans-serif; font-size: 0.72rem; } /* SPECS */ .dfpd-specs { border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--cream); } .dfpd-spec-row { display: grid; grid-template-columns: 160px 1fr; gap: 1.5rem; padding: 0.75rem 1.35rem; border-bottom: 1px solid var(--border-lt); align-items: baseline; font-size: 0.9rem; } .dfpd-spec-row:last-child { border-bottom: none; } .dfpd-spec-row:hover { background: var(--linen); } .dfpd-spec-label { font-family: 'Outfit', sans-serif; font-size: 0.58rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--stone); } .dfpd-spec-val { font-family: 'Outfit', sans-serif; font-size: 0.88rem; font-weight: 400; color: var(--ink); line-height: 1.5; } .dfpd-spec-val em { font-family: 'Fraunces', serif; font-style: italic; color: var(--olive-dk); font-weight: 400; } .dfpd-spec-val a { color: var(--olive-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--olive); padding-bottom: 1px; transition: color 0.2s, border-color 0.2s; } .dfpd-spec-val a:hover { color: var(--ink); border-color: var(--ink); } /* FINISHES — 3-color palette */ .dfpd-finishes { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 0.4rem; } .dfpd-finish { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-align: center; transition: transform 0.2s; } .dfpd-finish:hover { transform: translateY(-2px); } .dfpd-finish-swatch { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(42, 36, 24, 0.08); box-shadow: 0 2px 4px rgba(42, 36, 24, 0.08), inset 0 -7px 12px rgba(0, 0, 0, 0.08), inset 2px 2px 3px rgba(255, 255, 255, 0.25); } .dfpd-finish-swatch.beige { background: radial-gradient(circle at 30% 30%, #F8EDD0 0%, #DCBE82 60%, #9C8048 100%); } .dfpd-finish-swatch.sage-green { background: radial-gradient(circle at 30% 30%, #C2C898 0%, #8C9A6A 55%, #4E5A38 100%); } .dfpd-finish-swatch.gold { background: radial-gradient(circle at 30% 30%, #F2D680 0%, #B89238 55%, #7A5818 100%); } .dfpd-finish-label { font-family: 'Outfit', sans-serif; font-size: 0.66rem; font-weight: 400; color: var(--ink-2); line-height: 1.3; } /* DOWNLOADS — 2 columns */ .dfpd-foot { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; } .dfpd-download { display: flex; align-items: center; gap: 0.95rem; padding: 1rem 1.25rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; text-decoration: none; color: inherit; transition: all 0.2s; } .dfpd-download:hover { border-color: var(--olive); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(42, 36, 24, 0.08); } .dfpd-download-icon { width: 36px; height: 36px; background: var(--linen); border-radius: 4px; color: var(--olive-dk); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-download-title { font-family: 'Fraunces', serif; font-size: 0.95rem; font-weight: 400; color: var(--ink); line-height: 1.25; } .dfpd-download-sub { font-size: 0.62rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--olive); } .dfpd-download-arrow { margin-left: auto; color: var(--olive); transition: transform 0.2s; } .dfpd-download:hover .dfpd-download-arrow { transform: translateX(3px); } /* GEO FAQ */ .dfpd-faq { background: var(--cream); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; } .dfpd-faq-item { border-bottom: 1px solid var(--border-lt); } .dfpd-faq-item:last-child { border-bottom: none; } .dfpd-faq-item summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.35rem; cursor: pointer; list-style: none; font-family: 'Fraunces', serif; font-size: 1rem; font-style: italic; font-weight: 400; color: var(--ink); letter-spacing: -0.005em; transition: background 0.2s; } .dfpd-faq-item summary::-webkit-details-marker { display: none; } .dfpd-faq-item summary:hover { background: var(--linen); } .dfpd-faq-toggle { flex-shrink: 0; width: 24px; height: 24px; border: 1px solid var(--border); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--olive); background: var(--cream); transition: transform 0.25s, background 0.2s; } .dfpd-faq-item[open] .dfpd-faq-toggle { transform: rotate(45deg); background: var(--olive-sft); border-color: var(--olive); } .dfpd-faq-answer { padding: 0 1.35rem 1.15rem; font-size: 0.88rem; line-height: 1.65; color: var(--ink-2); font-weight: 300; } .dfpd-faq-answer p { margin: 0 0 0.55rem; } .dfpd-faq-answer p:last-child { margin-bottom: 0; } .dfpd-faq-answer p strong { color: var(--ink); font-weight: 500; } .dfpd-faq-answer a { color: var(--olive-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--olive); padding-bottom: 1px; } .dfpd-faq-answer a:hover { color: var(--ink); border-color: var(--ink); } .dfpd-support { padding-top: 1rem; border-top: 1px solid var(--border-lt); text-align: center; font-family: 'Fraunces', serif; font-style: italic; font-size: 0.88rem; color: var(--stone); } .dfpd-link { color: var(--olive-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--olive); padding-bottom: 1px; transition: color 0.2s, border-color 0.2s; } .dfpd-link:hover { color: var(--ink); border-color: var(--ink); } /* RESPONSIVE */ @media (max-width: 900px) { .dfpd-features { grid-template-columns: repeat(2, 1fr); } .dfpd-feature:nth-child(2n) { border-right: none; } .dfpd-feature:nth-child(-n+2) { border-bottom: 1px solid var(--border-lt); } .dfpd-notes-grid { grid-template-columns: 1fr; } .dfpd-foot { grid-template-columns: 1fr; } .dfpd-craft { grid-template-columns: 1fr; text-align: center; } .dfpd-craft-icon { margin: 0 auto; } .dfpd-size-shared { grid-template-columns: 1fr; } .dfpd-size-shared-image { border-right: none; border-bottom: 1px solid var(--border-lt); min-height: 220px; } } @media (max-width: 680px) { .dfpd { padding: 1rem 0 1.5rem; } .dfpd-hero { padding-bottom: 1.5rem; margin-bottom: 1.75rem; } .dfpd-video-row { grid-template-columns: 1fr; max-width: 100%; } .dfpd-spec-row { grid-template-columns: 1fr; gap: 0.2rem; padding: 0.85rem 1.15rem; } } @media (max-width: 480px) { .dfpd-features { grid-template-columns: 1fr; } .dfpd-feature { border-right: none; border-bottom: 1px solid var(--border-lt); } .dfpd-feature:last-child { border-bottom: none; } } Product Details · Vintage romance The Fleur Ceiling Light. A flush-mount ceiling light shaped like a blooming flower — refined metal craftsmanship cradling a soft fabric shade in light beige, finished with elegant sage-green trim, polished gold hardware, and a decorative tassel at its heart. Casts a warm, romantic glow that flatters bedrooms, living rooms, and dining spaces. A timeless piece with a hint of vintage-inspired charm, available in three diameters. Flower silhouette Soft fabric shade Decorative tassel E26 / E27 base In motion See it come to life. Assembly walkthrough How to mount the Fleur — about 15 minutes Product showcase The Fleur in motion across real interiors Craft details Where metalwork meets fabric & trim. The story A blooming silhouette, finished by hand. The Fleur shade is built on a metal frame shaped into the silhouette of a blooming flower — radiating segments curve gently outward from a central point. Each segment is wrapped in soft beige fabric, and the seams between segments are highlighted with delicate sage-green trim that echoes the curve of each "petal." Polished gold hardware caps the center, where a decorative tassel hangs as a finishing flourish — an unmistakable nod to vintage 19th-century lighting tradition, reinterpreted with a modern, restrained palette. Before you order Important notes. Bulb base Standard E26 / E27 screw base. Use E26 in North America, E27 in Europe. Which one for your region → Flush-mount · hardwired Connects directly to a standard ceiling junction box — sits flush against the ceiling with no exposed cord. Works with a common wall switch (not included). Great for low-ceiling rooms where pendants would feel too low. Three sizes Three diameters, one silhouette. · hover diagram to zoom · click to enlarge Small ∅ 15.7″ × H 10.6″Dia 40 × H 27 cm — bedroom, dressing room, hallway Medium ∅ 19.7″ × H 10.6″Dia 50 × H 27 cm — living room, primary bedroom, dining nook Large ∅ 23.6″ × H 10.6″Dia 60 × H 27 cm — wide entryway, large dining, statement room Specifications Details, on the record. Material Metal frame · Soft fabric shade · Sage-green trim · Polished gold hardware · Decorative tassel Light Source LED bulb or Edison bulb (not included) Bulb Base E26 or E27 (standard screw base) Voltage AC 110–240 V Mounting Flush-mount ceiling · Hardwired · Indoor use Control Common wall switch (not included — works with dimmers when paired with dimmable bulbs) Certifications North America · Europe · Saudi Arabia · Australia Finishes Light beige Green Gold hardware Downloads Documents & resources. PDF Document Specifications PDF Document Installation
More you might like
Related
Fleurette Ceiling Light
Related
Fleurette Ceiling Light
Related
Fleurette Ceiling Light
Related