Clivedon Pendant Lamp
.dfpd *, .dfpd *::before, .dfpd *::after { box-sizing: border-box; margin: 0; padding: 0; } .dfpd { --ink: #1A1A18; --ink-2: #3E3E3A; --ink-3: #6E6E68; --cream: #FDFBF6; --linen: # F0EBDF; --border: #C4B89A; --border-lt: #DCD3BC; --gold: #9C7A3C; --gold-dk: #6E5420; --gold-sft: #ECDDB8; --stone: #6E6E68; --clay: #8A6A5C; --clay-sft: #EDE0D8; --dk-sans: 'Outfit', 'Helvetica Neue', sans-serif; --dk-serif: 'Cormorant Garamond', Georgia, serif; --dk-jost: 'Jost', 'Helvetica Neue', sans-serif; font-family: var(--dk-serif); -webkit-font-smoothing: antialiased; color: var(--ink); font-weight: 400; font-size: 17px; line-height: 1.65; background: var(--cream); padding: 1.5rem 0 2rem; width: 100%; } .dfpd-inner { max-width: 100%; margin: 0; padding: 0; } .dfpd-sec { margin-bottom: 2rem; } .dfpd-h2 { font-family: var(--dk-sans); font-weight: 600; font-size: clamp(1.4rem, 2.2vw, 1.7rem); line-height: 1.2; color: var(--ink); margin-bottom: 1rem; letter-spacing: -0.01em; } .dfpd-h2 .gold { color: var(--gold); } .dfpd-eyebrow { display: inline-flex; align-items: center; gap: 0.7rem; font-family: var(--dk-jost); font-weight: 500; font-size: 0.65rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.85rem; } .dfpd-eyebrow::before { content: ''; width: 22px; height: 1px; background: var(--gold); } /* Hero */ .dfpd-hero { padding-bottom: 1.85rem; border-bottom: 1px solid var(--border); margin-bottom: 1.85rem; } .dfpd-hero-eyebrow { display: inline-flex; align-items: center; gap: 0.7rem; font-family: var(--dk-jost); font-weight: 500; font-size: 0.7rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 1rem; } .dfpd-hero-eyebrow::before { content: ''; width: 26px; height: 1px; background: var(--gold); } .dfpd-title { font-family: var(--dk-sans); font-weight: 600; font-size: clamp(2rem, 3.8vw, 2.6rem); line-height: 1.1; letter-spacing: -0.02em; color: var(--ink); margin-bottom: 1rem; max-width: 780px; } .dfpd-title .gold { color: var(--gold); } .dfpd-lede { font-family: var(--dk-serif); font-weight: 400; font-size: 1.08rem; line-height: 1.7; color: var(--ink-2); max-width: 720px; } .dfpd-lede .gold { color: var(--gold); font-weight: 500; } /* 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: 2rem; } .dfpd-feature { padding: 1.1rem 0.9rem; 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(--gold-dk); margin-bottom: 0.55rem; display: inline-flex; } .dfpd-feature-title { font-family: var(--dk-sans); font-weight: 600; font-size: 0.9rem; line-height: 1.3; color: var(--ink); } .dfpd-feature-title .gold { color: var(--gold); } /* Craft */ .dfpd-craft { display: grid; grid-template-columns: 70px 1fr; gap: 1.4rem; padding: 1.35rem 1.65rem; background: linear-gradient(135deg, var(--cream) 0%, var(--gold-sft) 100%); border: 1px solid var(--border); border-radius: 4px; align-items: center; } .dfpd-craft-icon { width: 60px; height: 60px; border-radius: 50%; background: var(--cream); border: 1px solid var(--gold); color: var(--gold-dk); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-craft-text-eyebrow { font-family: var(--dk-jost); font-weight: 500; font-size: 0.6rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.35rem; } .dfpd-craft-text h4 { font-family: var(--dk-sans); font-weight: 600; font-size: 1.15rem; color: var(--ink); line-height: 1.25; margin-bottom: 0.45rem; } .dfpd-craft-text h4 .gold { color: var(--gold); } .dfpd-craft-text p { font-family: var(--dk-serif); font-weight: 400; font-size: 0.98rem; color: var(--ink-2); line-height: 1.6; margin: 0; } .dfpd-craft-text p .gold { color: var(--gold); font-weight: 500; } /* Material note (clay) */ .dfpd-clay { display: grid; grid-template-columns: 72px 1fr; gap: 1.4rem; padding: 1.35rem 1.55rem; background: var(--clay-sft); border: 1.5px solid var(--clay); border-radius: 4px; align-items: flex-start; } .dfpd-clay-icon { width: 56px; height: 56px; border-radius: 50%; background: var(--cream); border: 1.5px solid var(--clay); color: var(--clay); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-clay-eyebrow { font-family: var(--dk-jost); font-weight: 600; font-size: 0.6rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--clay); margin-bottom: 0.3rem; } .dfpd-clay-text h4 { font-family: var(--dk-sans); font-weight: 600; font-size: 1.05rem; color: var(--clay); line-height: 1.25; margin-bottom: 0.4rem; } .dfpd-clay-text p { font-family: var(--dk-serif); font-weight: 400; font-size: 0.95rem; color: var(--ink-2); line-height: 1.6; margin: 0; } /* Single size layout */ .dfpd-size-single { display: grid; grid-template-columns: 260px 1fr; gap: 1.65rem; padding: 1.35rem 1.65rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; align-items: center; } .dfpd-size-single-image { position: relative; display: block; width: 100%; height: 220px; background: #FFFFFF; border: 1px solid var(--border-lt); border-radius: 3px; padding: 8px; cursor: zoom-in; overflow: hidden; transition: border-color 0.2s, box-shadow 0.25s; text-decoration: none; } .dfpd-size-single-image:hover { border-color: var(--gold); box-shadow: 0 4px 14px rgba(26,26,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.35); } .dfpd-size-single-image-icon { position: absolute; bottom: 10px; right: 10px; width: 24px; height: 24px; background: rgba(26,26,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-eyebrow { font-family: var(--dk-jost); font-weight: 500; font-size: 0.55rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.45rem; } .dfpd-size-single-title { font-family: var(--dk-sans); font-weight: 600; font-size: 1.6rem; color: var(--ink); line-height: 1.05; margin-bottom: 0.4rem; letter-spacing: -0.01em; } .dfpd-size-single-dim { font-family: var(--dk-jost); font-weight: 600; font-size: 0.92rem; color: var(--ink-2); line-height: 1.6; margin-bottom: 0.65rem; } .dfpd-size-single-note { font-family: var(--dk-serif); font-weight: 400; font-size: 0.93rem; color: var(--ink-3); margin-bottom: 0.65rem; line-height: 1.5; } .dfpd-size-single-pill { display: inline-flex; padding: 0.32rem 0.75rem; background: var(--gold-sft); color: var(--gold-dk); border-radius: 2px; font-family: var(--dk-jost); font-weight: 500; font-size: 0.6rem; letter-spacing: 0.22em; text-transform: uppercase; } /* Specs */ .dfpd-specs { border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--cream); } .dfpd-spec-row { display: grid; grid-template-columns: 150px 1fr; gap: 1.4rem; padding: 0.7rem 1.25rem; border-bottom: 1px solid var(--border-lt); align-items: baseline; } .dfpd-spec-row:last-child { border-bottom: none; } .dfpd-spec-row:hover { background: var(--linen); } .dfpd-spec-label { font-family: var(--dk-jost); font-weight: 500; font-size: 0.58rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--stone); } .dfpd-spec-val { font-family: var(--dk-serif); font-weight: 400; font-size: 0.93rem; color: var(--ink); line-height: 1.5; } .dfpd-spec-val .gold { color: var(--gold-dk); font-weight: 500; } .dfpd-spec-val .sub { font-family: var(--dk-jost); font-weight: 400; font-size: 0.78rem; color: var(--stone); } /* Downloads */ .dfpd-foot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.7rem; } .dfpd-download { display: flex; align-items: center; gap: 0.85rem; padding: 0.9rem 1.15rem; 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(--gold); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(26,26,24,0.08); } .dfpd-download-icon { width: 34px; height: 34px; background: var(--linen); border-radius: 4px; color: var(--gold-dk); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-download-title { font-family: var(--dk-sans); font-weight: 600; font-size: 0.92rem; line-height: 1.25; color: var(--ink); } .dfpd-download-sub { font-family: var(--dk-jost); font-weight: 500; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); } .dfpd-download-arrow { margin-left: auto; color: var(--gold); transition: transform 0.2s; } .dfpd-download:hover .dfpd-download-arrow { transform: translateX(3px); } /* 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: 0.95rem 1.25rem; cursor: pointer; list-style: none; font-family: var(--dk-sans); font-weight: 600; font-size: 0.98rem; color: var(--ink); 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: 22px; height: 22px; border: 1px solid var(--border); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--gold); background: var(--cream); transition: transform 0.25s, background 0.2s; } .dfpd-faq-item[open] .dfpd-faq-toggle { transform: rotate(45deg); background: var(--gold-sft); border-color: var(--gold); } .dfpd-faq-answer { padding: 0 1.25rem 1rem; font-family: var(--dk-serif); font-weight: 400; font-size: 0.96rem; line-height: 1.6; color: var(--ink-2); } .dfpd-faq-answer p { margin: 0 0 0.5rem; } .dfpd-faq-answer p:last-child { margin-bottom: 0; } .dfpd-faq-answer .gold { color: var(--gold-dk); font-weight: 500; } /* Support */ .dfpd-support { padding-top: 0.95rem; border-top: 1px solid var(--border-lt); text-align: center; font-family: var(--dk-serif); font-weight: 400; font-size: 0.92rem; color: var(--stone); } .dfpd-link { color: var(--gold-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 1px; } /* 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-craft { grid-template-columns: 1fr; text-align: center; } .dfpd-craft-icon { margin: 0 auto; } .dfpd-clay { grid-template-columns: 1fr; } .dfpd-clay-icon { margin: 0 auto; } .dfpd-size-single { grid-template-columns: 1fr; text-align: center; } .dfpd-size-single-image { max-width: 260px; margin: 0 auto; } .dfpd-size-single-pill { margin: 0 auto; } .dfpd-foot { grid-template-columns: 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; } .dfpd-spec-row { grid-template-columns: 1fr; gap: 0.2rem; padding: 0.75rem 1.05rem; } } Clivedon Pendant Lamp. A wide conical fabric shade in earthy green with a clean white interior, finished with a gold-toned metal frame — modern American minimalism for dining rooms, kitchen islands, living rooms, and reading corners where understated sophistication matters. Wide Conical Shade Green · White Interior ×4 4 E14 Sockets AC 110–240V Form & material Earthy green outside, crisp white within. The design Minimalism with a considered two-tone detail. The Clivedon takes the wide, generously-proportioned conical shade — a form rooted in modern American minimalism — and gives it an earthy-green exterior that shifts between forest and sage depending on ambient light, with a clean white interior that reflects the four E14 light sources downward without color cast. The sleek gold-toned metal frame beneath the shade introduces a subtle visual contrast, adding warmth and texture without competing with the shade's quiet authority. The combination works equally well over a dining table, kitchen island, or living room reading area in both modern and transitional interiors. Important — material note The gold-toned accents are painted metal, not solid brass. The warm gold finish on the frame and hardware is applied to durable, lightweight painted metal — not solid brass. The finish is designed to closely replicate the appearance of brass while keeping the fixture lightweight and straightforward to install. Please review this detail before purchasing to ensure the material meets your expectations. Configuration One considered scale. Single configuration Dia 50 cm ∅ 19.7″Canopy: D 13 × H 3 cm (D 5.1″ × H 1.2″) Suited for dining tables of 48–72 inches or open kitchen islands. Hang 28–34 inches above the surface for optimal downlight coverage. Dining room · Kitchen island · Living room Specifications Details, on the record. Material Fabric shade (earthy green exterior / white interior) + Metal frame (gold-toned painted finish — not solid brass) Light Source E14 · LED or Edison bulb · 4 sockets · not included Voltage AC 110–240 V · compatible with North America, Europe, Australia, Saudi Arabia Mounting Ceiling canopy · indoor use only Suspension Chain · 30 cm / 11.8″ · adjustable — contact us Control Standard wall switch · not included Color Earthy green exterior · White interior · Gold-toned metal Dimensions Dia 50 cm · ∅ 19.7″ · Canopy D 5.1″ × H 1.2″ Downloads Documents & resources. PDF Document Specifications PDF Document Installation Guide 3D Request via email 3D Files Frequently asked Quick questions. What dining table size does the Clivedon suit? At 19.7 inches (50 cm) in diameter, the Clivedon is well-proportioned over a dining table of 48–72 inches for 6–8 diners. Hang it 28–34 inches above the tabletop for the most flattering downlight distribution. For a longer rectangular table (84+ inches), two Clivedon pendants in a linear arrangement spaced 30–36 inches apart create a balanced and sophisticated look. Questions about finish or sizing? [email protected] — we reply within 24 hours.
More you might like
Related
Clivedon Wall Lamp
Related
Clivedon Pendant
Related
Clivedon Pendant
Related