Flex LED Pendant Light
.dfpd *, .dfpd *::before, .dfpd *::after { box-sizing: border-box; margin: 0; padding: 0; } .dfpd { --ink: #2B2824; --ink-2: #4A443C; --ink-3: #6A6358; --cream: #FDFBF6; --bg: #F5F 2EC; --linen: #F0EBE0; --sand: #E8E0D0; --border: #D8D2C4; --border-lt: #E6DFD0; --olive: #8B7B54; --olive-lt: #A08D65; --olive-dk: #6E6142; --olive-sft: #F4F0E4; --stone: #8A8273; --mist: #B5AE9D; --clay: #A84A2F; --clay-sft: #F4ECE4; 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); } /* HERO */ .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; } /* FEATURE CHIPS */ .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 — large */ .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(43, 40, 36, 0.1); margin: 0 auto 1.25rem; } .dfpd-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; } /* ARCHIVE VIDEO — small inline */ .dfpd-archive-card { display: grid; grid-template-columns: 240px 1fr; gap: 0; max-width: 720px; margin: 0 auto; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; } .dfpd-archive-vid { position: relative; aspect-ratio: 16 / 9; background: #000; } .dfpd-archive-vid iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; } .dfpd-archive-text { padding: 1rem 1.25rem; display: flex; flex-direction: column; justify-content: center; border-left: 3px solid var(--stone); background: var(--linen); } .dfpd-archive-eyebrow { font-family: 'Outfit', sans-serif; font-size: 0.55rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--stone); margin-bottom: 0.35rem; } .dfpd-archive-text h4 { font-family: 'Fraunces', serif; font-size: 1rem; font-weight: 400; font-style: italic; color: var(--ink-2); margin-bottom: 0.3rem; letter-spacing: -0.005em; line-height: 1.2; } .dfpd-archive-text p { font-size: 0.78rem; font-weight: 300; line-height: 1.45; color: var(--ink-3); margin: 0; } /* IMPORTANT NOTES — 3 cards */ .dfpd-notes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.85rem; margin-bottom: 1rem; } .dfpd-note { padding: 1.25rem 1.35rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; } .dfpd-note.accent { background: var(--clay-sft); border-left: 2px solid var(--clay); border-radius: 0 4px 4px 0; } .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.accent h4 { color: var(--clay); } .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.accent p strong { color: var(--clay); 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; } .dfpd-note.accent a.dfpd-link-inline { color: var(--clay); border-color: var(--clay); } /* Dimmer Tip */ .dfpd-tip { padding: 1rem 1.5rem; background: linear-gradient(90deg, var(--olive-sft) 0%, var(--cream) 100%); border: 1px solid var(--border); border-left: 3px solid var(--olive); border-radius: 0 4px 4px 0; } .dfpd-tip h4 { font-family: 'Fraunces', serif; font-style: italic; font-weight: 400; font-size: 1rem; color: var(--olive-dk); margin-bottom: 0.4rem; letter-spacing: -0.005em; } .dfpd-tip p { color: var(--ink-2); font-size: 0.88rem; font-weight: 300; line-height: 1.6; margin: 0; } .dfpd-tip p strong { color: var(--ink); font-weight: 500; } .dfpd-tip a { color: var(--olive-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--olive); padding-bottom: 1px; white-space: nowrap; } .dfpd-tip a:hover { color: var(--ink); border-color: var(--ink); } /* SIZE — single shared diagram + length selector grid */ .dfpd-size-shared { display: grid; grid-template-columns: 280px 1fr; gap: 1.5rem; align-items: start; margin-bottom: 1.25rem; } .dfpd-size-shared-thumb { display: block; background: #FFFFFF; border: 1px solid var(--border-lt); border-radius: 4px; overflow: hidden; padding: 8px; text-decoration: none; color: inherit; transition: border-color 0.2s, box-shadow 0.25s; height: 100%; min-height: 200px; } .dfpd-size-shared-thumb:hover { border-color: var(--olive); box-shadow: 0 4px 14px rgba(43, 40, 36, 0.1); } .dfpd-size-shared-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.35s ease; } .dfpd-size-shared-thumb:hover img { transform: scale(1.06); } .dfpd-size-shared-info { display: flex; flex-direction: column; gap: 0.85rem; height: 100%; } .dfpd-size-shared-info h4 { font-family: 'Fraunces', serif; font-size: 1.15rem; font-weight: 400; color: var(--ink); letter-spacing: -0.005em; margin-bottom: 0.4rem; } .dfpd-size-shared-info h4 em { font-style: italic; color: var(--olive-dk); } .dfpd-size-shared-info p { font-size: 0.88rem; color: var(--ink-2); line-height: 1.55; margin-bottom: 0.6rem; } .dfpd-size-shared-info p strong { color: var(--ink); font-weight: 500; } .dfpd-spec-quick { display: flex; flex-wrap: wrap; gap: 1.5rem; padding: 0.85rem 1.2rem; background: var(--olive-sft); border-radius: 3px; } .dfpd-spec-quick-item { display: flex; flex-direction: column; gap: 0.15rem; } .dfpd-spec-quick-label { font-family: 'Outfit', sans-serif; font-size: 0.55rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--stone); } .dfpd-spec-quick-val { font-family: 'Fraunces', serif; font-size: 0.95rem; font-style: italic; color: var(--olive-dk); font-weight: 400; } /* LENGTH SELECTOR — pills grid */ .dfpd-lengths-title { 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.7rem; margin-top: 0.5rem; } .dfpd-lengths { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.5rem; margin-bottom: 0.75rem; } .dfpd-length { padding: 0.7rem 0.85rem; background: var(--cream); border: 1px solid var(--border); border-radius: 3px; text-align: center; transition: border-color 0.2s, background 0.2s, transform 0.2s; } .dfpd-length:hover { border-color: var(--olive); background: var(--linen); transform: translateY(-1px); } .dfpd-length-imperial { font-family: 'Fraunces', serif; font-size: 1.05rem; font-style: italic; font-weight: 400; color: var(--olive-dk); line-height: 1; margin-bottom: 0.2rem; } .dfpd-length-metric { font-family: 'Outfit', sans-serif; font-size: 0.62rem; font-weight: 400; color: var(--stone); letter-spacing: 0.05em; } /* 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; } /* FINISHES */ .dfpd-finish-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-top: 0.4rem; } .dfpd-finish-group { padding: 0.8rem 1rem; background: var(--cream); border: 1px solid var(--border-lt); border-radius: 3px; } .dfpd-finish-group-label { font-family: 'Outfit', sans-serif; font-size: 0.55rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--stone); margin-bottom: 0.7rem; } .dfpd-finishes { display: flex; flex-wrap: wrap; gap: 1rem; } .dfpd-finish { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; text-align: center; transition: transform 0.2s; } .dfpd-finish:hover { transform: translateY(-2px); } .dfpd-finish-swatch { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(43, 40, 36, 0.08); box-shadow: 0 2px 4px rgba(43, 40, 36, 0.08), inset 0 -7px 12px rgba(0, 0, 0, 0.1), inset 2px 2px 3px rgba(255, 255, 255, 0.2); } .dfpd-finish-swatch.gold { background: radial-gradient(circle at 30% 30%, #F4D78D 0%, #C89B46 55%, #8E6A26 100%); } .dfpd-finish-swatch.white { background: radial-gradient(circle at 30% 30%, #FFFFFF 0%, #F0EBE0 60%, #D8D2C4 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 */ .dfpd-foot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; margin-bottom: 1rem; } .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(43, 40, 36, 0.06); } .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); } .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-finish-groups { grid-template-columns: 1fr; } .dfpd-foot { grid-template-columns: 1fr; } .dfpd-size-shared { grid-template-columns: 1fr; } .dfpd-archive-card { grid-template-columns: 1fr; } .dfpd-archive-text { border-left: none; border-top: 3px solid var(--stone); } } @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; } .dfpd-lengths { grid-template-columns: repeat(2, 1fr); } } @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 Flex LED Pendant Light. A flexible silicone LED ribbon designed to wrap around any frame — pre-existing or custom-fabricated. The non-powered end terminates in a clean finishing cap; the powered end connects to a standard junction box via a field-adjustable pendant cord. Drape it, sculpt it, hang it — turn any architectural moment into a dramatic statement. Flexible ribbon Integrated LED L 11 length options Custom length In motion See it come to life. Archive footage Earlier product shoot An older product video — kept here as supplementary reference for installations and detail viewing. Before you order Important notes. Custom length available The length can be customized to your floor height. If you need a length not listed below, contact us with your project specifications. How it installs The powered end connects to a standard junction box via a field-adjustable pendant cord. The non-powered end finishes in a clean cap. Supports any frame Designed to drape around pre-existing or custom-fabricated frames — perfect for value-engineered architectural lighting. Dimming recommendation If you choose the dimmable version, we recommend pairing it with a thyristor (triac) dimmer switch for the best performance. Browse on Amazon → Length options Eleven lengths · custom available. · click diagram to enlarge Single strip Each strip is one continuous flexible ribbon. Choose a standard length below or order custom — we'll cut to your specification. Body diameter ∅ 2 cm / 0.8″ Material Silicone & metal Standard lengths L 78.7″ 200 cm L 98.4″ 250 cm L 10′ 300 cm L 12′ 350 cm L 13′ 400 cm L 15′ 450 cm L 16′ 480 cm L 20′ 600 cm L 24′ 720 cm L 26′ 780 cm L 29′ 870 cm Specifications Details, on the record. Material Silicone · Metal Body diameter ∅ 2 cm / 0.8″ Light Source Integrated LED Voltage AC 110–240 V Mounting Ceiling · Indoor use (connects to standard junction box) Control Common wall switch (not included) Certifications North America · Europe · Saudi Arabia · Australia Finishes Hardware finish Gold Lampshade color White PDF Document Specifications PDF Document Installation Resource 3D Files Questions? [email protected] — we reply within 24 hours.
More you might like
Related
CANALIS 13 Mini Pendantl Lighting Black - LED Hanging Light
Related
Modern Crystal Led Pendant Light: Semicircle K9 Crystals Han
Related
Modern Crystal Led Pendant Light: Gold Circular Pendant Ligh
Related