Basil Quatrefoil Chandelier
.dfpd *, .dfpd *::before, .dfpd *::after { box-sizing: border-box; margin: 0; padding: 0; } .dfpd { --ink: #2A2418; --ink-2: #483C28; --ink-3: #6B5640; --cream: #FCF8EC; --bg: #F2E AD0; --linen: #ECDFB4; --sand: #D8C078; --border: #BCA258; --border-lt: #D4B878; /* PRODUCT-SPECIFIC ACCENT — Polished brass gold (matches detailed brass finish) */ --olive: #B89638; --olive-lt: #D4B458; --olive-dk: #7A5C18; --olive-sft: #FAEAB0; --clay: #8C6818; --clay-sft: #F2E2B0; --stone: #807038; --mist: #B8A058; 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; } /* MAIN VIDEO */ .dfpd-video { position: relative; aspect-ratio: 16 / 9; width: 100%; max-width: 720px; background: #000; border-radius: 4px; overflow: hidden; box-shadow: 0 6px 20px rgba(42, 36, 24, 0.12); margin: 0 auto; } .dfpd-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; } /* 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; } /* INSTALLATION STEPS IMAGE CARD */ .dfpd-install-steps { background: var(--cream); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; } .dfpd-install-steps-image { position: relative; display: block; width: 100%; background: #FFFFFF; cursor: zoom-in; text-decoration: none; color: inherit; overflow: hidden; padding: 16px; transition: background 0.2s; } .dfpd-install-steps-image:hover { background: var(--olive-sft); } .dfpd-install-steps-image img { display: block; width: 100%; max-height: 480px; object-fit: contain; margin: 0 auto; transition: transform 0.4s ease; } .dfpd-install-steps-image:hover img { transform: scale(1.05); } .dfpd-install-steps-image-icon { position: absolute; bottom: 18px; right: 18px; width: 26px; height: 26px; 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-install-steps-image:hover .dfpd-install-steps-image-icon { background: var(--olive); } .dfpd-install-steps-caption { padding: 0.85rem 1.35rem 1rem; border-top: 1px solid var(--border-lt); text-align: center; font-family: 'Fraunces', serif; font-style: italic; font-size: 0.82rem; color: var(--stone); } /* 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 — 2 cards image-left + text-right */ .dfpd-sizes { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.85rem; } .dfpd-size-card { display: grid; grid-template-columns: 220px 1fr; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; transition: box-shadow 0.25s; } .dfpd-size-card:hover { box-shadow: 0 4px 14px rgba(42, 36, 24, 0.08); } .dfpd-size-thumb { position: relative; display: block; width: 100%; height: 100%; min-height: 240px; 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-thumb:hover { background: var(--olive-sft); } .dfpd-size-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.4s ease; } .dfpd-size-thumb:hover img { transform: scale(1.4); } .dfpd-size-thumb-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-thumb:hover .dfpd-size-thumb-icon { background: var(--olive); } .dfpd-size-info { padding: 1.25rem 1.4rem; display: flex; flex-direction: column; justify-content: center; } .dfpd-size-eyebrow { font-family: 'Outfit', sans-serif; font-size: 0.55rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--olive); margin-bottom: 0.4rem; } .dfpd-size-name { font-family: 'Fraunces', serif; font-size: 1.45rem; font-style: italic; font-weight: 400; color: var(--olive-dk); letter-spacing: -0.005em; line-height: 1; margin-bottom: 0.55rem; } .dfpd-size-dim { font-family: 'Fraunces', serif; font-size: 0.95rem; font-style: italic; color: var(--ink-2); line-height: 1.45; margin-bottom: 0.6rem; } .dfpd-size-dim em { font-style: normal; color: var(--stone); font-family: 'Outfit', sans-serif; font-size: 0.78rem; } .dfpd-size-meta { display: flex; gap: 0.85rem; flex-wrap: wrap; margin-bottom: 0.65rem; } .dfpd-size-meta-item { font-family: 'Outfit', sans-serif; font-size: 0.72rem; color: var(--stone); } .dfpd-size-meta-item strong { color: var(--ink); font-weight: 500; font-family: 'Fraunces', serif; font-style: italic; font-size: 0.85rem; } .dfpd-size-pill { display: inline-flex; align-items: center; padding: 0.3rem 0.8rem; background: var(--olive-sft); color: var(--olive-dk); border-radius: 2px; font-family: 'Outfit', sans-serif; font-size: 0.62rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; align-self: flex-start; } /* 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 — Brass + Opaque glass */ .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.1), inset 2px 2px 3px rgba(255, 255, 255, 0.25); } .dfpd-finish-swatch.brass { background: radial-gradient(circle at 30% 30%, #F2D680 0%, #B89238 55%, #7A5818 100%); } .dfpd-finish-swatch.opaque-glass { background: radial-gradient(circle at 30% 30%, #FFFFFF 0%, #F2EFE0 60%, #DCD2B8 100%); border: 1px solid rgba(42, 36, 24, 0.14); } .dfpd-finish-swatch.clear-glass { background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(232,236,236,0.6) 30%, rgba(196,202,206,0.85) 60%, rgba(255,255,255,0.95) 100%); border: 1px solid rgba(42, 36, 24, 0.18); } .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-sizes { grid-template-columns: 1fr; } .dfpd-craft { grid-template-columns: 1fr; text-align: center; } .dfpd-craft-icon { margin: 0 auto; } .dfpd-size-card { grid-template-columns: 1fr; } .dfpd-size-thumb { border-right: none; border-bottom: 1px solid var(--border-lt); } } @media (max-width: 680px) { .dfpd { padding: 1rem 0 1.5rem; } .dfpd-hero { padding-bottom: 1.5rem; margin-bottom: 1.75rem; } .dfpd-video { 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 · Quatrefoil silhouette The Basil Quatrefoil Chandelier. A timeless brass-and-glass chandelier built around a classic quatrefoil silhouette — four softly scalloped curves wrapped in vertically ribbed clear glass, suspended from a polished brass canopy. A frosted glass diffuser at the bottom softens the light evenly across the room, while the ribbed glass refracts subtle prismatic shimmer through the brass detailing. Available in two sizes for foyers, dining rooms, primary bedrooms, and stairwells. Quatrefoil shape Ribbed clear glass Frosted diffuser Brass chandelier In motion See it come to life. Craft details A timeless quatrefoil silhouette. The story Four scalloped curves, refracting light all around. The Basil's signature is its quatrefoil shape — a classic four-leaf clover-like silhouette that has been a hallmark of decorative architecture from Gothic windows to contemporary American casegoods. Translated into lighting, the quatrefoil becomes a softly scalloped drum that catches the eye from every angle. The shade is vertically ribbed clear glass framed in polished brass — the ribs refract the bulb's light into subtle prismatic shimmer, while a frosted glass disc at the bottom diffuses the downward output evenly so the room never sees a harsh hot spot. Bulbs are visible through the clear glass, so we recommend pairing with vintage Edison-style filaments for the most flattering look. Installation guide Lamp installation steps. Click to enlarge · full installation walkthrough also in the downloadable PDF below Before you order Important notes. Bulb base & count Standard E26 / E27 screw base. Small takes 4 bulbs · Large takes 5 bulbs (not included). Use E26 in North America, E27 in Europe. Bulb guide → Semi-flush · hardwired Connects to a standard ceiling junction box. Sits semi-flush with rigid brass rods (no hanging cord). Works with a common wall switch (not included) — pair with dimmable bulbs for adjustable brightness. Two sizes Two diameters, one silhouette. · hover diagrams to zoom · click to enlarge Small · 4 bulb Small ∅ 19.7″ × H 15.7″Dia 50 × H 40 cm Bulb count E27 × 4 Base E26 / E27 Bedroom · Foyer · Dining nook Large · 5 bulb Large ∅ 23.6″ × H 15.7″Dia 60 × H 40 cm Bulb count E27 × 5 Base E26 / E27 Dining · Living room · Stairwell Specifications Details, on the record. Material Brass · Vertically ribbed clear glass · Frosted glass diffuser (bottom disc) Light Source LED bulb or Edison bulb (not included · vintage Edison filament recommended) Bulb Base E26 or E27 (Small: 4 bulbs · Large: 5 bulbs) Voltage AC 110–240 V IP Rating IP20 (indoor dry locations only) Mounting Semi-flush 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 Finish Brass Ribbed clear Frosted diffuser Downloads Documents & resources. PDF Document Specifications PDF Document Installation Frequently asked Questions, answered. What does "quatrefoil" mean? Quatrefoil is a decorative shape made up of four equal lobes radiating around a central point — like a four-leaf clover or four overlapping circles. The motif has appeared in Gothic stained-glass windows, Renaissance ironwork, and contemporary American architecture for centuries. In the Basil, the quatrefoil shape becomes a softly scalloped drum shade — four gentle curves wrapped in vertically ribbed clear glass framed in brass — making the chandelier read as instantly classic from every angle. What sizes does the Basil come in, and how many bulbs? Two sizes, both with the same H 15.7″ (40 cm) profile: Small: ∅ 19.7″ × H 15.7″ (Dia 50 × H 40 cm) — takes 4 × E26/E27 bulbs. Best for primary bedrooms, dining nooks, foyers, or small entryways.Large: ∅ 23.6″ × H 15.7″ (Dia 60 × H 40 cm) — takes 5 × E26/E27 bulbs. Best for full-size dining rooms, living rooms, and stairwell installations. How does the ribbed glass + frosted diffuser combination work? The Basil uses two types of glass for layered light distribution: Vertically ribbed clear glass wraps the sides of the drum — the bulbs are visible through it, and the ribs refract their output into a subtle prismatic shimmer that catches the eye. This is the visual focal point.Frosted glass diffuser sits at the bottom of the drum as a flat disc — it softens the downward output, eliminating harsh hot spots and bright points on the floor or table beneath. The combination gives you decorative shimmer overhead and gentle, glare-free wash beneath — ideal above dining tables and seating areas. What kind of bulb does it use, and is it dimmable? Standard E26 / E27 screw-base bulb (LED or Edison). Use E26 in North America, E27 in Europe and the UK. Bulbs are not included. Because bulbs are visible through the ribbed clear glass, we recommend vintage Edison-style filament bulbs for the most flattering visual effect — the warm filament refracted through the ribs is part of the look. Warm-white LED Edison-style bulbs (2700K) are also a great option for energy efficiency. The fixture works with a common wall switch; for dimming, pair with dimmable LED bulbs and a compatible wall dimmer. How is the Basil installed? The Basil is a semi-flush ceiling chandelier — it hardwires to a standard ceiling junction box, then suspends a short distance below the canopy on rigid brass rods (not a hanging cord). The drum shade hangs about 15.7″ (40 cm) below the ceiling. See the illustrated installation steps above, or download the full installation PDF below for a complete walkthrough. An electrician is recommended unless an existing junction box is already in place. Where does the Basil work best? The Basil's brass-and-glass quatrefoil pairs effortlessly with traditional, transitional, and modern-classic interiors. Best placements: Small: primary bedrooms, dining nooks, breakfast areas, small foyers, walk-in closets.Large: full-size dining rooms, formal living rooms, two-story entryways, stairwell installations. Pairs especially well with cream walls, walnut furniture, brass hardware, marble counters, and classic textile palettes. What is the return and exchange policy? Dekorfine offers a 30-day return policy on undamaged items in their original packaging. For returns, exchanges, or any questions, contact [email protected] — we reply within 24 hours. Questions? [email protected] — we reply within 24 hours.
