Dippa Swag Lights
.dfpd *, .dfpd *::before, .dfpd *::after { box-sizing: border-box; margin: 0; padding: 0; } .dfpd { --ink: #2A1F18; --ink-2: #463524; --ink-3: #6A4F3A; --cream: #FAF3E8; --linen: # ECDCB8; --border: #B89048; --border-lt: #D2AC78; --olive: #A88438; --olive-dk: #6E5018; --olive-sft: #FAEAB8; --sage: #6E8458; --sage-sft: #DDE8C8; --stone: #786040; font-family: 'Outfit', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; color: var(--ink); font-weight: 300; font-size: 16px; line-height: 1.6; 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-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; 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-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; 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; line-height: 1.7; color: var(--ink-2); max-width: 720px; margin-bottom: 0.85rem; } .dfpd-lede:last-child { margin-bottom: 0; } .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; } .dfpd-feature-title em { font-style: italic; color: var(--olive-dk); } .dfpd-sec { margin-bottom: 2.5rem; } .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-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); 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.45rem; } .dfpd-craft-text p:last-child { margin-bottom: 0; } .dfpd-craft-text p strong { color: var(--ink); font-weight: 500; } .dfpd-craft-text p em { color: var(--olive-dk); font-style: italic; } /* SIZE — single text-with-svg silhouette */ .dfpd-size-single { display: grid; grid-template-columns: 280px 1fr; gap: 1.75rem; padding: 1.5rem 1.75rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; align-items: center; } .dfpd-size-single-image { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 240px; margin: 0; background: #FFFFFF; border: 1px solid var(--border-lt); border-radius: 3px; padding: 8px; cursor: zoom-in; overflow: hidden; text-decoration: none; transition: border-color 0.2s, box-shadow 0.25s; } .dfpd-size-single-image:hover { border-color: var(--olive); box-shadow: 0 4px 14px rgba(42, 31, 24, 0.1); } .dfpd-size-single-image img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform 0.4s ease; } .dfpd-size-single-image:hover img { transform: scale(1.5); } .dfpd-size-placeholder { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; color: var(--stone); text-align: center; padding: 1rem; } .dfpd-size-placeholder-icon { width: 44px; height: 44px; border-radius: 50%; border: 1px dashed var(--border); color: var(--olive); display: flex; align-items: center; justify-content: center; } .dfpd-size-placeholder-label { font-family: 'Fraunces', serif; font-style: italic; font-size: 0.78rem; color: var(--stone); line-height: 1.35; } .dfpd-size-single-image-icon { position: absolute; bottom: 10px; right: 10px; width: 24px; height: 24px; background: rgba(42, 31, 24, 0.85); color: var(--cream); border-radius: 50%; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 2; } .dfpd-size-single-text { text-align: left; } .dfpd-size-single-eyebrow { font-size: 0.55rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--olive); margin-bottom: 0.5rem; } .dfpd-size-single-title { font-family: 'Fraunces', serif; font-size: 1.85rem; font-style: italic; font-weight: 400; color: var(--olive-dk); line-height: 1; margin-bottom: 0.5rem; } .dfpd-size-single-dim { font-family: 'Fraunces', serif; font-size: 1rem; font-style: italic; color: var(--ink-2); line-height: 1.5; margin-bottom: 0.85rem; } .dfpd-size-single-dim em { font-style: normal; color: var(--stone); font-family: 'Outfit', sans-serif; font-size: 0.78rem; } .dfpd-size-single-pill { display: inline-flex; padding: 0.35rem 0.85rem; background: var(--olive-sft); color: var(--olive-dk); border-radius: 2px; font-size: 0.65rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; } /* CORD CALLOUT */ .dfpd-cord { display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; padding: 1.4rem 1.75rem; background: var(--sage-sft); border: 1.5px solid var(--sage); border-radius: 4px; align-items: center; } .dfpd-cord-icon { width: 64px; height: 64px; border-radius: 50%; background: var(--cream); border: 1.5px solid var(--sage); color: var(--sage); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-cord-text-eyebrow { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.28em; text-transform: uppercase; color: var(--sage); margin-bottom: 0.35rem; } .dfpd-cord-text h4 { font-family: 'Fraunces', serif; font-size: 1.15rem; font-style: italic; font-weight: 400; color: var(--sage); line-height: 1.2; margin-bottom: 0.4rem; } .dfpd-cord-text h4 em { color: var(--olive-dk); } .dfpd-cord-text p { font-size: 0.88rem; color: var(--ink-2); line-height: 1.6; margin: 0; } .dfpd-cord-text p strong { color: var(--ink); font-weight: 500; } .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-size: 0.58rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--stone); } .dfpd-spec-val { font-size: 0.88rem; color: var(--ink); line-height: 1.5; } .dfpd-spec-val em { font-family: 'Fraunces', serif; font-style: italic; color: var(--olive-dk); } .dfpd-spec-val a { color: var(--olive-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--olive); padding-bottom: 1px; } .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; transition: transform 0.2s; } .dfpd-finish:hover { transform: translateY(-2px); } .dfpd-finish-swatch { width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 2px 4px rgba(42, 31, 24, 0.08), inset 0 -7px 12px rgba(0, 0, 0, 0.1), inset 2px 2px 3px rgba(255, 255, 255, 0.3); } .dfpd-finish-swatch.beige { background: radial-gradient(ellipse 25% 22% at 30% 28%, rgba(255,255,255,0.6) 0%, transparent 100%), radial-gradient(circle at 30% 30%, #F2E5C4 0%, #DCC894 60%, #A89065 100%); border: 1px solid rgba(42, 31, 24, 0.18); } .dfpd-finish-swatch.sage-green { background: radial-gradient(ellipse 25% 22% at 30% 28%, rgba(255,255,255,0.5) 0%, transparent 100%), radial-gradient(circle at 30% 30%, #B5C594 0%, #6E8458 55%, #475C38 100%); } .dfpd-finish-swatch.walnut { background: radial-gradient(ellipse 25% 22% at 30% 28%, rgba(255,225,180,0.4) 0%, transparent 100%), radial-gradient(circle at 30% 30%, #8E6438 0%, #5A3818 60%, #2C1A08 100%); } .dfpd-finish-label { font-size: 0.7rem; color: var(--ink-2); } .dfpd-foot { display: grid; grid-template-columns: repeat(3, 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, 31, 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; 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-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; 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); } .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-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; } .dfpd-link:hover { color: var(--ink); border-color: var(--ink); } @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-craft, .dfpd-cord { grid-template-columns: 1fr; text-align: center; } .dfpd-craft-icon, .dfpd-cord-icon { margin: 0 auto; } .dfpd-size-single { grid-template-columns: 1fr; text-align: center; } .dfpd-size-single-text { text-align: center; } .dfpd-size-svg, .dfpd-size-single-image { max-width: 280px; margin: 0 auto; } .dfpd-foot { grid-template-columns: 1fr; } } @media (max-width: 680px) { .dfpd { padding: 1rem 0 1.5rem; } .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 · Mid-century swag pendant The Dippa Swag Light. A mid-century swag pendant — a rounded fabric-wrapped shade with a turned wood cap, suspended on a 450 cm extendable cord with a single E26 / E27 socket. Drape it from any ceiling hook above a reading nook, dining nook, bedside, hallway, or living-room corner. Swag silhouette Fabric & wood Single E26 / E27 450 cm cord Materials & craft A pendant that travels with you. The story Mid-century, swag-style. The swag pendant emerged in mid-century American living rooms of the 1960s and 70s — its name comes from the way the cord visibly swags from a ceiling hook to a wall outlet, draping in a graceful curve. Originally a renter-friendly solution for adding pendant light without hardwiring or moving an outlet, the form became iconic for its casual elegance and "go anywhere" flexibility. The Dippa revives that vocabulary in three earthy fabric tones — Beige, Sage Green, or Walnut — wrapped around a metal frame and finished with a turned wood cap at the crown. The 450 cm extendable cord gives you the same freedom the original swag offered: hang it from any hook, drape it any way, change rooms whenever you like. Pairs effortlessly with mid-century modern, Scandinavian, bohemian, eclectic, warm-organic, and Japandi interiors. Signature feature · 450 cm cord Hang it anywhere. Generous length 450 cm / 14.7 ft of cord — extendable on request. Most pendants ship with 100-150 cm of cord. The Dippa ships with 450 cm — long enough for stairwell installations, double-height living rooms, swag-from-hook-to-outlet routing in rentals, and asymmetric placements where the cord becomes part of the design. Need more? Contact [email protected] before ordering. Size Compact pendant scale. Dimension diagramcoming soon Single configuration ∅ 11.8″ × H 13.8″ Dia 30 × H 35 cm Compact pendant scale · solo over a side table or in a reading nook Reading nook · bedside · dining · hallway · living corner Three finishes Earthy fabric tones. Fabric color Beige Sage Green Walnut Beige reads soft and neutral. Sage Green brings a calming muted depth. Walnut anchors the lamp in rich warm-brown tones — closest in spirit to the wood cap above. Specifications Details, on the record. Material Fabric (wrapped shade · 3 colorways) · Wood (turned cap) Light Source LED bulb or Edison bulb (not included · single bulb) Bulb Base E26 or E27 (E26 = US/CA · E27 = EU/UK/Asia/AU medium screw) Voltage AC 110–240 V Mounting Ceiling · Indoor Cord Length 450 cm / 180″ (extendable on request) Control Inline push-button switch (on/off only · not dimmable) Certifications North America · Europe · Saudi Arabia · Australia Downloads Documents & resources. PDF Document Tear Sheet PDF Document Assembly Guide 3D Resource 3D Files Frequently asked Quick questions. What is a "swag" pendant, and why is the cord so long? "Swag" is a mid-century American pendant style where the cord visibly drapes from a ceiling hook to a wall outlet — the curve in the cord is part of the look. The Dippa ships with 450 cm / 14.7 ft of cord precisely to support that style: enough length to swag from ceiling hook to outlet, run across to a different room, or drop a long line into a stairwell or double-height room. If you want to plug the lamp directly above an outlet, just gather the excess cord — or contact [email protected] before ordering for a custom cord length. What kind of bulb does it use, and is it dimmable? Single E26 or E27 medium screw bulb (LED recommended; not included). E26 is the US/Canada standard, E27 is the EU/UK/Asia/Australia standard — physically interchangeable, just different naming conventions. Recommend warm-white at 2700K, 6-9W LED for an even, glare-free glow through the fabric shade. The lamp is not dimmable — the inline push-button switch is on/off only. For adjustable brightness, use a smart plug with built-in dimming or a smart bulb with phone-app control. Which color suits which interior style? Beige: the safest neutral — disappears into cream walls, pairs with everything. Best for Scandi, Japandi, minimalist, and warm-modern rooms where the lamp should be quiet. Sage Green: a confident accent — adds calming organic depth without being loud. Best against white, taupe, or terracotta walls. Pairs especially well with biophilic, bohemian, and warm-eclectic interiors. Walnut: the richest of the three — deep warm-brown that echoes the wood cap and creates a tonal-monochrome harmony. Best for mid-century modern, traditional, and dark-academia rooms. How is it installed? The Dippa is a ceiling-mounted plug-in pendant. Install a ceiling hook (or two, for a swag arrangement) where you want the lamp to hang, drape the cord through the hook, and run the rest to your nearest outlet. The included inline push-button switch lets you turn it on and off without a wall switch. For permanent hardwiring, contact a licensed electrician — the lamp is designed for plug-in use but the wiring can be modified. What's the return policy? 30-day return policy on undamaged items in original packaging. Contact [email protected] for returns or questions — we reply within 24 hours. Questions? [email protected] — we reply within 24 hours.
More you might like
Related
Bubble Swag Lights
Related
Volcano Swag Lights
Related
Splugen Swag Lights
Related