Citrine Dome 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; --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; } /* Single size — image left, text right */ .dfpd-size-single { display: grid; grid-template-columns: 240px 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: 210px; 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.4); } .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.95rem; color: var(--ink-2); 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; } .dfpd-faq-answer a { color: var(--gold-dk); text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 1px; } /* 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-size-single { grid-template-columns: 1fr; text-align: center; } .dfpd-size-single-image { max-width: 240px; 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; } } Glass Dome Pendant · E26/E27 · Yellow & Gold · Vintage Cord Citrine Dome Pendant Lamp. A glossy yellow glass dome on gold metal hardware with a vintage twisted cord — wide enough for generous downlighting over a kitchen island, breakfast nook, or reading corner wherever a pop of warm color and retro charm is exactly right. Wide Dome Glass Yellow & Gold Vintage Twisted Cord E26/E27 Standard Form & character Cheerful glass, timeless shape. The design A glossy yellow dome with gold hardware and a vintage cord. The Citrine Dome takes a wide, shallow bowl of glossy yellow glass — warm and characterful — and pairs it with gold metal detailing and a vintage-style twisted fabric cord. The dome's 9.8-inch spread casts generous downlighting directly below, making it well-suited for kitchen islands, breakfast nooks, reading corners, and bar carts where a single well-placed pendant should do most of the heavy lifting. The yellow glass shifts between a soft amber warmth at low light and a vibrant citrus tone in brighter conditions — adding energy to a neutral kitchen or acting as a deliberate color accent in a more curated interior. Size One considered scale. Single configuration Dia 25 × H 12 cm ∅ 9.8″ × H 4.7″Cord: 150 cm / 59″ · extendable on request Hang 28–34 inches above a kitchen counter or island surface for the best downlight spread. Works as a single pendant over a small table or clustered in two or three over a longer island. Kitchen island · Nook · Bar · Reading corner Specifications Details, on the record. Material Glass dome + Metal hardware Light Source E26/E27 · LED or Edison bulb · not included Voltage AC 110–240 V · compatible with North America, Europe, Australia, Saudi Arabia Mounting Ceiling canopy · indoor use only Cord Vintage twisted fabric · 150 cm / 59″ · extendable on request Control Standard wall switch · not included Color Yellow glass · Gold metal Dimensions Dia 25 × H 12 cm · ∅ 9.8″ × H 4.7″ Frequently asked Quick questions. How high should I hang this pendant over a kitchen island? For a kitchen island or countertop, hang the bottom of the shade 28–34 inches above the work surface. This puts the dome low enough for focused downlight and high enough to avoid blocking sight lines. The standard 59-inch cord gives plenty of drop from a typical 9-foot ceiling; for higher ceilings, contact us for an extended cord before ordering. Can I cluster multiple pendants over a longer island? Yes — the Citrine Dome works well in groups. For a kitchen island of 60 inches or longer, two pendants spaced 24–30 inches apart give even coverage and a pleasing rhythm. For a very long island (84+ inches), three pendants create a strong visual sequence. Space them evenly and hang at the same height for the most polished look. Each pendant needs its own canopy and ceiling junction box connection. Will the yellow glass work with my kitchen's existing color palette? The yellow glass is a warm, glossy amber-yellow — it reads as a deliberate color accent rather than a neutral. It pairs naturally with white subway tile, natural wood countertops, brass or black hardware, and terracotta-toned walls. It also works well as a contrast accent in an all-white or grey kitchen where one warm focal point is the design goal. In black or very dark kitchens, the yellow reads as a warm glow against the moody backdrop. Does this pendant work with a dimmer switch? Dimmer compatibility depends on the E26/E27 bulb you install. If you use a dimmable LED bulb with a compatible trailing-edge dimmer switch, the pendant will dim smoothly. Standard non-dimmable LED bulbs will flicker or fail with a dimmer — always confirm your bulb is labeled "dimmable" before connecting it to a dimmer circuit. The fixture hardware itself is dimmer-neutral. Can the cord length be extended for a high ceiling? Yes — the standard twisted cord is 150 cm (59 inches), which suits most ceilings up to 10 feet. For ceilings above 10 feet, or if you want to hang the pendant lower than the cord allows, contact us before ordering with your ceiling height and desired drop length. Extended cords in the same vintage twisted style are available on request. Questions? [email protected] — we reply within 24 hours.
More you might like
Related
Vintage Green Enamel Metal shade Pendant Lamp | 12" Green Iv
Related
Citrine Aladdin Lamp Pendant – Sterling Silver
Related
Dome Pendant Lamp
Related