.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: #F5F2EC; --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; }
/* VIDEO CARDS — 2 inline videos side by side */
.dfpd-vid-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
max-width: 960px;
margin: 0 auto;
}
.dfpd-vid-item {
background: var(--cream);
border: 1px solid var(--border);
border-radius: 4px;
overflow: hidden;
}
.dfpd-vid-player {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background: #000;
}
.dfpd-vid-player iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
display: block;
}
.dfpd-vid-caption {
padding: 0.85rem 1.15rem 1rem;
border-top: 1px solid var(--border-lt);
}
.dfpd-vid-caption h5 {
font-family: 'Fraunces', serif;
font-size: 0.98rem;
font-weight: 400;
color: var(--ink);
margin-bottom: 0.2rem;
letter-spacing: -0.005em;
line-height: 1.2;
}
.dfpd-vid-caption h5 em { font-style: italic; color: var(--olive-dk); }
.dfpd-vid-caption p {
color: var(--stone);
font-size: 0.8rem;
line-height: 1.4;
margin: 0;
font-family: 'Fraunces', serif;
font-style: italic;
}
/* IMPORTANT NOTES */
.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 p + p { margin-top: 0.5rem; }
/* US/Canada wall plate visual block */
.dfpd-plate-block {
display: grid;
grid-template-columns: 200px 1fr;
gap: 1.5rem;
padding: 1.25rem 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;
align-items: center;
}
.dfpd-plate-img {
display: block;
width: 100%;
background: #FFFFFF;
border: 1px solid var(--border-lt);
border-radius: 3px;
overflow: hidden;
padding: 6px;
}
.dfpd-plate-img img {
width: 100%; height: auto;
display: block;
}
.dfpd-plate-text-eyebrow {
font-family: 'Outfit', sans-serif;
font-size: 0.58rem;
font-weight: 500;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--olive);
margin-bottom: 0.4rem;
}
.dfpd-plate-text h4 {
font-family: 'Fraunces', serif;
font-size: 1.15rem;
font-style: italic;
font-weight: 400;
color: var(--ink);
margin-bottom: 0.5rem;
letter-spacing: -0.005em;
}
.dfpd-plate-text h4 em { color: var(--olive-dk); }
.dfpd-plate-text p {
font-size: 0.88rem;
font-weight: 300;
line-height: 1.55;
color: var(--ink-2);
margin: 0;
}
.dfpd-plate-text p strong { color: var(--ink); font-weight: 500; }
/* 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 VARIANTS — 2 cards */
.dfpd-sizes {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.85rem;
}
.dfpd-size-card {
display: flex;
flex-direction: column;
background: var(--cream);
border: 1px solid var(--border);
border-radius: 4px;
overflow: hidden;
transition: box-shadow 0.25s;
}
.dfpd-size-card:hover { box-shadow: 0 4px 14px rgba(43, 40, 36, 0.06); }
.dfpd-size-head {
padding: 0.95rem 1.2rem 0.85rem;
border-bottom: 1px solid var(--border-lt);
background: linear-gradient(180deg, var(--cream) 0%, var(--linen) 100%);
text-align: center;
}
.dfpd-size-label {
font-family: 'Outfit', sans-serif;
font-size: 0.58rem;
font-weight: 500;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--olive);
margin-bottom: 0.2rem;
}
.dfpd-size-title {
font-family: 'Fraunces', serif;
font-size: 1.5rem;
font-weight: 400;
font-style: italic;
color: var(--olive-dk);
line-height: 1;
letter-spacing: -0.005em;
}
.dfpd-size-power {
display: inline-flex;
align-items: center;
margin-top: 0.4rem;
padding: 0.18rem 0.6rem;
background: var(--olive-sft);
color: var(--olive-dk);
border-radius: 2px;
font-family: 'Outfit', sans-serif;
font-size: 0.55rem;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.dfpd-size-thumb {
position: relative;
display: block;
width: 100%;
height: 220px;
background: #FFFFFF;
border-bottom: 1px solid var(--border-lt);
overflow: hidden;
cursor: zoom-in;
padding: 8px;
text-decoration: none;
color: inherit;
transition: background 0.2s;
}
.dfpd-size-thumb:hover { background: #FAF7F0; }
.dfpd-size-thumb img {
width: 100%; height: 100%;
object-fit: contain;
display: block;
transition: transform 0.35s ease;
}
.dfpd-size-thumb:hover img { transform: scale(1.06); }
.dfpd-size-thumb-icon {
position: absolute;
bottom: 8px; right: 8px;
width: 22px; height: 22px;
background: rgba(43, 40, 36, 0.85);
color: var(--cream);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
transition: background 0.2s;
}
.dfpd-size-thumb:hover .dfpd-size-thumb-icon { background: var(--olive); }
.dfpd-size-specs {
padding: 0.85rem 1.2rem 1rem;
text-align: center;
}
.dfpd-size-dim {
font-family: 'Fraunces', serif;
font-size: 0.92rem;
font-style: italic;
color: var(--ink);
line-height: 1.45;
}
/* 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 — split into 2 groups: Metal + Lampshade */
.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.brass {
background: radial-gradient(circle at 30% 30%, #E8C887 0%, #B8893E 50%, #7A5520 100%);
}
.dfpd-finish-swatch.black {
background: radial-gradient(circle at 30% 30%, #4A453F 0%, #1F1B18 60%, #0D0B0A 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 — 3 columns */
.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-vid-cards { grid-template-columns: 1fr; }
.dfpd-notes-grid { grid-template-columns: 1fr; }
.dfpd-finish-groups { grid-template-columns: 1fr; }
.dfpd-foot { grid-template-columns: 1fr; }
.dfpd-sizes { grid-template-columns: 1fr; }
.dfpd-plate-block {
grid-template-columns: 1fr;
}
.dfpd-plate-img { max-width: 220px; margin: 0 auto; }
}
@media (max-width: 680px) {
.dfpd { padding: 1rem 0 1.5rem; }
.dfpd-hero { padding-bottom: 1.5rem; margin-bottom: 1.75rem; }
.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
The Rudi Loop Wall Lamp.
A continuous loop frozen in brass — illuminates the wall as both a light source and a sculptural artifact. The Rudi Loop redefines ambient light through curved geometry, equally at home in modern hallways, bedside niches, or gallery-style staircases.
Looped silhouette
Brass frame
Integrated LED
Dimmable variant
In motion
See it come to life.
Product showcase
Rudi Loop Wall Lamp in detailIn the room
How the lamp transforms a spaceBefore you order
Important notes.
US & Canada wall plate
An additional wall backplate is included for customers in the US & Canada — see the diagram below for compatibility with local junction boxes.Switch control
Connects to an external wall light switch for controlled power supply. Compatible with common wall switches (not included).Dual sizes
Choose 17.7″ for compact wall corners or 29.5″ for hallways and stairwell statements. Same width — different height & output.Included for US & Canada
The wall backplate
For US & Canada customers, we include an additional wall backplate to ensure compatibility with standard junction boxes — clean installation, finished look.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 →Size options
Two heights, one loop. · click diagrams to enlarge
Compact
H 17.7″
~9 W
L 14 × W 10 × H 45 cm
L 5.5″ × W 3.9″ × H 17.7″
L 5.5″ × W 3.9″ × H 17.7″
Statement
H 29.5″
~18 W
L 14 × W 10 × H 75 cm
L 5.5″ × W 3.9″ × H 29.5″
L 5.5″ × W 3.9″ × H 29.5″
Specifications
Details, on the record.
Material
Brass · Acrylic
Light Source
Integrated LED
Voltage
AC 110–240 V
Mounting
Wall · Indoor use
Control
External wall switch (not included) — Warm Light
Certifications
North America · Europe · Saudi Arabia · Australia
Finishes
Metal frame
Brass
Black
Lampshade
White
Questions? support@Liaelectricals.com — we reply within 24 hours.