Haiku Ceiling Fan Light

Dekorfine Verified independent store

→

.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 (4-col grid) ── */ .dfpd-features { display: grid; grid-template-columns: repeat(3, 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 MODULE (gold gradient) ── */ .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 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: 230px; 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.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 TABLE ── */ .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); } .dfpd-spec-val a { color: var(--gold-dk); text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 1px; } .dfpd-spec-swatches { display: flex; flex-wrap: wrap; gap: 0.9rem; align-items: center; } .dfpd-spec-swatch { display: inline-flex; align-items: center; gap: 0.4rem; font-family: var(--dk-jost); font-weight: 500; font-size: 0.78rem; color: var(--ink-2); } .dfpd-spec-swatch-dot { width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; box-shadow: inset 0 -3px 5px rgba(0,0,0,0.12), inset 1px 1px 2px rgba(255,255,255,0.4); } /* ── DOWNLOADS (3-col) ── */ .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 FOOTER ── */ .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; } .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-craft { grid-template-columns: 1fr; } .dfpd-craft-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.35rem; padding: 0.75rem 1.05rem; } } Ceiling Fan Light · DC Motor · 3 Finishes Haiku Ceiling Fan Light. A minimalist, organic-modern fan light with metal housing and ABS blades, driven by a quiet DC motor and operated by remote — a 26″ span in a low-profile body, offered in three finishes. DC Motor Remote Control Three Finishes Form & engineering Organic modern, minimal footprint. The design Flowing forms, quiet DC motor. The Haiku draws on natural, flowing forms and pares them back to a clean, minimal profile that maximises airflow in a small footprint. A DC motor runs quieter and more efficiently than a conventional AC motor, with smooth speed steps and an integrated light — all controlled from a single remote, so no extra wall switch is needed. Size One considered scale. Single configuration Dia 66 × H 26 cm ∅ 26″ × H 10.2″ A 26″ blade span in a low-profile housing — sized for bedrooms, home offices, and compact living spaces where a flush, quiet fan light works best. Bedroom · Office · Compact spaces Specifications Details, on the record. Material Metal housing + ABS fan blades Motor DC motor · quiet, energy-efficient Light Source Integrated LED · (replaceable) Finishes White Walnut Chrome Voltage AC 110–120 V, 60 Hz Certification Compatible with North America, Europe, Australia, Saudi Arabia certification Control Remote control · fan speed + light, no wall switch required Mounting Ceiling · indoor use only Shipping United States only · not available to other countries Downloads Documents & resources. PDF Document Tear Sheet PDF Request via email Assembly Guide 3D Request via email 3D Files Frequently asked Quick questions. How is the fan and light controlled? Both the fan and the light are operated by remote control, so you can set fan speed and switch the light without a dedicated wall switch. Wiring it to a switched circuit is optional. What finishes are available? Three finishes: White, Walnut, and Chrome. Walnut warms up an organic-modern scheme, White keeps it light and minimal, and Chrome reads cooler and more contemporary. What's the benefit of the DC motor? A DC motor runs noticeably quieter and uses less energy than a conventional AC motor, while offering smoother, finer speed steps — which suits bedrooms and offices where a quiet fan matters. What bulb does the light use? The integrated light takes a standard E26/E27 screw-base bulb, sold separately — an LED or decorative Edison bulb both work. See the E26/E27 bulb guide to choose. Where does it ship, and will it work with my power? This fan light ships within the United States only and is built for US power — AC 110–120 V, 60 Hz. It mounts to a ceiling box for indoor use; installation by a qualified electrician is recommended. Questions? [email protected] — we reply within 24 hours. Show more