Arenal Pendant Light
.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 0 0 20px; } .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; } /* Config group header */ .dfpd-group-label { font-family: var(--dk-sans); font-weight: 600; font-size: 0.9rem; color: var(--ink-2); letter-spacing: 0.04em; padding: 0.55rem 0 0.65rem; border-bottom: 1px solid var(--border-lt); margin-bottom: 0.65rem; display: flex; align-items: center; gap: 0.6rem; } .dfpd-group-label::before { content: ''; width: 18px; height: 1px; background: var(--gold); } /* 3-col config grid */ .dfpd-configs-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem; margin-bottom: 1.4rem; } .dfpd-configs-3:last-child { margin-bottom: 0; } .dfpd-config { background: var(--cream); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; transition: box-shadow 0.25s; } .dfpd-config:hover { box-shadow: 0 4px 14px rgba(26,26,24,0.1); } .dfpd-config-thumb { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 180px; background: #FFFFFF; border-bottom: 1px solid var(--border-lt); overflow: hidden; padding: 8px; text-decoration: none; transition: background 0.2s; } .dfpd-config-thumb:hover { background: var(--gold-sft); } .dfpd-config-thumb img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.4s ease; } .dfpd-config-thumb:hover img { transform: scale(1.35); } .dfpd-config-thumb-icon { position: absolute; bottom: 7px; right: 7px; width: 20px; height: 20px; 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-config-info { padding: 0.75rem 0.9rem 0.9rem; } .dfpd-config-name { font-family: var(--dk-sans); font-weight: 600; font-size: 0.92rem; color: var(--ink); line-height: 1.2; margin-bottom: 0.18rem; } .dfpd-config-dim { font-family: var(--dk-jost); font-weight: 600; font-size: 0.75rem; color: var(--ink-2); margin-bottom: 0.2rem; } .dfpd-config-bulbs { font-family: var(--dk-serif); font-weight: 400; font-size: 0.83rem; color: var(--ink-3); margin-bottom: 0.35rem; } .dfpd-config-pill { display: inline-flex; padding: 0.22rem 0.55rem; background: var(--gold-sft); color: var(--gold-dk); border-radius: 2px; font-family: var(--dk-jost); font-weight: 500; font-size: 0.5rem; letter-spacing: 0.18em; 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-configs-3 { grid-template-columns: 1fr; } .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; } .dfpd-inner { padding: 0 0 0 12px; } } Arenal Pendant Light. A scalloped metal shade with resin finish and wood accent — retro-modern curves in four earthy colors, available as a single pendant or a three-light 100 cm bar, for cozy breakfast nooks, creative studios, and children's rooms where warm light and playful form belong together. Scalloped Dome Shade Single or 3-Light Bar 4 Earthy Colors Resin & Wood Accent Form & material Retro curves, earthy materials. The design Scalloped metal in resin and wood — retro-modern at its warmest. The Arenal pairs a scalloped dome metal shade with resin finish — the retro-modern silhouette outlined in bold contrast, softened by a wood accent at the canopy that adds natural warmth to the earthy color palette. Available in Cream, Brown, Green, and Wood color, this pendant brings cheerful personality to breakfast nooks, creative studios, children's rooms, and compact dining corners where a single well-chosen pendant should carry both light and character. The same shade shape is offered as a single pendant and as a 3-light 100 cm bar — the bar version provides even coverage over a kitchen island or long dining table in any of the three shade profiles. Six configurations Single pendant or three-light bar. Single Pendant — Models A, B, C Model A · Single Dia 22 × H 11 cm · ∅ 8.7″ × H 4.3″ Nook · Studio · Bedside Model B · Single Dia 22 × H 12 cm · ∅ 8.7″ × H 4.7″ Nook · Studio · Children's room Model C · Single Dia 20 × H 10 cm · ∅ 7.9″ × H 3.9″ Compact nook · Bathroom vanity 3-Light Bar — Models A, B, C (L 100 cm) Model A · 3-Light Bar L 100 × W 22 × H 11 cm · L 39.4″ E26/E27 · 3 sockets Kitchen island · Dining table Model B · 3-Light Bar L 100 × W 22 × H 12 cm · L 39.4″ E26/E27 · 3 sockets Kitchen island · Dining table Model C · 3-Light Bar L 100 × W 20 × H 10 cm · L 39.4″ E26/E27 · 3 sockets Compact island · Breakfast bar Specifications Details, on the record. Material Metal shade + Resin finish + Wood accent Light Source E26/E27 · LED or Edison bulb · not included · 1 socket (single) / 3 sockets (bar) Colors Cream Brown Green Wood color Voltage AC 110–240 V Certifications Compatible with North America, Europe, Australia, Saudi Arabia Mounting Ceiling canopy · indoor use only Cord 150 cm / 59″ standard · extendable on request Control Standard wall switch · not included Downloads Documents & resources. PDF Document Tear Sheet PDF Request via email Assembly Guide 3D Request via email 3D Files Frequently asked Quick questions. What is the difference between Models A, B, and C? All three models share the same scalloped dome design and are available in the same four colors. The difference is shape profile: Models A and B share the same 22 cm diameter but A has a shallower profile (H 11 cm) and B is slightly taller (H 12 cm) — a subtle difference that changes how much of the bulb is visible from below. Model C is the most compact at 20 cm diameter and 10 cm height — best for lower ceilings, smaller tables, or rooms where a more discreet scale is preferred. The same model letters apply to both the single and 3-light bar versions. Should I choose the single pendant or the 3-light bar for a kitchen island? For a kitchen island or dining table 60 inches or longer, the 3-light 100 cm bar provides even coverage in a single canopy connection — no need for multiple ceiling junction boxes. For a smaller round dining table or a breakfast nook, one or two single pendants clustered at staggered heights give a more intimate, artisanal look. The bar version is also easier to install over a long counter as it needs only one ceiling point. Which color works best in a children's room? Cream is the most versatile — it pairs with any color scheme and gives a soft, neutral warmth. Green is popular in nature-themed, Montessori-inspired, and gender-neutral nurseries. Brown suits warm, earthy, or bohemian children's rooms with natural wood furniture. Wood color has the most organic warmth and blends beautifully with rattan, cane, and light oak nursery furniture. All four colors cast a warm, diffused glow that is gentle on young eyes. Can the cord length be extended for a high ceiling? Yes — the standard cord is 150 cm (59 inches), which suits most ceilings up to 10 feet. For ceilings above 10 feet, contact us before ordering with your ceiling height and desired pendant drop length. Extended cords are available on request at no additional charge for reasonable lengths. Questions? [email protected] — we reply within 24 hours.
