Das NOMI Lichtkonzept Gemütliche Beleuchtung für jede Wohnung – auch mit nur einem Deckenauslass

Name: Das NOMI Lichtkonzept Gemütliche Beleuchtung für jede Wohnung – auch mit nur einem Deckenauslass
Price: 37.00 EUR
Author: nomiinteriordesign

gumroad €37.00 by nomiinteriordesign

32d old

<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Das NOMI Lichtkonzept</title> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400;500&display=swap" rel="stylesheet" /> <style> :root { --cream: #f5f0eb; --blush: #ede5dd; --warm-brown: #3d2b1f; --mid-brown: #6b4c3b; --accent: #7a4f3a; --text: #2e1f16; --muted: #8a7060; --border: #d9cfc6; --btn-bg: #3d2b1f; --btn-text: #f5f0eb; --card-bg: #ede5dd; } @media (prefers-color-scheme: dark) { :root { --cream: #1a1410; --blush: #231a14; --warm-brown: #e8d5c4; --mid-brown: #c4a48e; --accent: #d4956e; --text: #ede5dd; --muted: #9e8878; --border: #3a2a20; --btn-bg: #d4956e; --btn-text: #1a1410; --card-bg: #231a14; } } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { background: var(--cream); color: var(--text); font-family: 'Jost', sans-serif; font-weight: 300; line-height: 1.7; overflow-x: hidden; } /* ── TYPOGRAPHY ── */ .serif { font-family: 'Playfair Display', serif; } h1, h2, h3 { font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1.2; } /* ── ANIMATIONS ── */ @keyframes fadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } } .fade-up { opacity: 0; animation: fadeUp 0.8s ease forwards; } .delay-1 { animation-delay: 0.15s; } .delay-2 { animation-delay: 0.30s; } .delay-3 { animation-delay: 0.45s; } .delay-4 { animation-delay: 0.60s; } .delay-5 { animation-delay: 0.75s; } /* ── LAYOUT ── */ .container { max-width: 680px; margin: 0 auto; padding: 0 24px; } section { padding: 72px 0; } hr.divider { border: none; border-top: 1px solid var(--border); margin: 0; } /* ── HEADER / HERO ── */ .hero { background: var(--blush); padding: 80px 0 72px; text-align: center; } .brand { font-family: 'Jost', sans-serif; font-weight: 400; letter-spacing: 0.25em; font-size: 0.7rem; text-transform: uppercase; color: var(--muted); margin-bottom: 40px; } .hero h1 { font-size: clamp(2.2rem, 6vw, 3.4rem); color: var(--warm-brown); margin-bottom: 24px; max-width: 560px; margin-left: auto; margin-right: auto; } .hero-sub { font-size: 1rem; color: var(--muted); max-width: 420px; margin: 0 auto 48px; line-height: 1.8; } .price-badge { display: inline-flex; align-items: baseline; gap: 8px; margin-bottom: 20px; } .price-now { font-family: 'Playfair Display', serif; font-size: 2.8rem; color: var(--warm-brown); line-height: 1; } .price-was { font-size: 0.9rem; color: var(--muted); text-decoration: line-through; } /* ── BUY BUTTON ── */ .btn-buy { display: inline-block; background: var(--btn-bg); color: var(--btn-text); font-family: 'Jost', sans-serif; font-weight: 500; font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; padding: 18px 44px; cursor: pointer; border: none; text-decoration: none; transition: opacity 0.2s, transform 0.2s; margin-bottom: 16px; } .btn-buy:hover { opacity: 0.85; transform: translateY(-1px); } .trust-line { font-size: 0.75rem; color: var(--muted); letter-spacing: 0.04em; } /* ── QUOTE BAND ── */ .quote-band { background: var(--blush); padding: 64px 0; text-align: center; } .quote-band blockquote { font-family: 'Playfair Display', serif; font-style: italic; font-size: clamp(1.25rem, 3.5vw, 1.6rem); color: var(--warm-brown); max-width: 520px; margin: 0 auto; line-height: 1.5; } /* ── PAIN SECTION ── */ .pain-list { list-style: none; margin-top: 32px; } .pain-list li { padding: 14px 0; border-bottom: 1px solid var(--border); display: flex; align-items: flex-start; gap: 14px; font-size: 0.95rem; color: var(--text); } .pain-list li::before { content: '×'; color: var(--accent); font-size: 1.1rem; flex-shrink: 0; margin-top: 1px; } .pain-cta { margin-top: 36px; font-size: 0.95rem; font-style: italic; color: var(--mid-brown); text-align: center; } /* ── WHAT YOU GET ── */ .modules { display: flex; flex-direction: column; gap: 20px; margin-top: 40px; } .module-card { background: var(--card-bg); padding: 28px 32px; position: relative; } .module-num { font-family: 'Playfair Display', serif; font-size: 2rem; color: var(--border); position: absolute; top: 20px; right: 24px; line-height: 1; } .module-card h3 { font-size: 0.72rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; font-family: 'Jost', sans-serif; font-weight: 500; } .module-card p { font-size: 0.92rem; color: var(--muted); line-height: 1.7; max-width: 480px; } .bonus-card { border: 1px solid var(--border); padding: 28px 32px; margin-top: 20px; } .bonus-label { font-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; font-family: 'Jost', sans-serif; font-weight: 500; } /* ── AUTHOR ── */ .author-section { background: var(--blush); } .author-inner { max-width: 580px; } .author-name { font-size: 0.8rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; font-weight: 500; } .author-inner h2 { font-size: clamp(1.5rem, 4vw, 2rem); color: var(--warm-brown); margin-bottom: 24px; } .author-inner p { font-size: 0.95rem; color: var(--muted); margin-bottom: 16px; } /* ── GUARANTEE ── */ .guarantee-box { border: 1px solid var(--border); padding: 36px 40px; display: flex; gap: 28px; align-items: flex-start; margin-top: 0; } .guarantee-icon { font-size: 2rem; flex-shrink: 0; margin-top: 4px; } .guarantee-box h3 { font-size: 1.1rem; color: var(--warm-brown); margin-bottom: 10px; } .guarantee-box p { font-size: 0.9rem; color: var(--muted); line-height: 1.7; } /* ── FAQ ── */ .faq-list { margin-top: 40px; } details { border-top: 1px solid var(--border); padding: 20px 0; } details:last-child { border-bottom: 1px solid var(--border); } summary { cursor: pointer; font-size: 0.95rem; font-weight: 400; color: var(--text); list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; } summary::-webkit-details-marker { display: none; } summary::after { content: '+'; font-size: 1.2rem; color: var(--accent); flex-shrink: 0; transition: transform 0.2s; } details[open] summary::after { transform: rotate(45deg); } .faq-answer { font-size: 0.9rem; color: var(--muted); line-height: 1.75; padding-top: 14px; max-width: 540px; } /* ── FINAL CTA ── */ .final-cta { background: var(--blush); text-align: center; padding: 80px 0; } .final-cta h2 { font-size: clamp(1.6rem, 4.5vw, 2.4rem); color: var(--warm-brown); margin-bottom: 20px; max-width: 480px; margin-left: auto; margin-right: auto; } .final-quote { font-style: italic; color: var(--muted); font-size: 0.95rem; margin-bottom: 40px; } /* ── FOOTER ── */ footer { padding: 32px 0; text-align: center; font-size: 0.75rem; color: var(--muted); letter-spacing: 0.04em; border-top: 1px solid var(--border); } /* ── RESPONSIVE ── */ @media (max-width: 480px) { section { padding: 56px 0; } .guarantee-box { flex-direction: column; gap: 16px; padding: 28px 24px; } .module-card { padding: 24px 22px; } } </style> </head> <body>  <section class="hero"> <div class="container"> <p class="brand fade-up">NOMI Interior Design</p> <h1 class="fade-up delay-1">Gemütliche Beleuchtung für jede Wohnung – auch mit nur einem Deckenauslass</h1> <p class="hero-sub fade-up delay-2">Das komplette Beleuchtungs-System von einer Wiener Interior Designerin – für Räume die sich endlich richtig anfühlen.</p> <div class="fade-up delay-3"> <div class="price-badge"> <span class="price-now">€37</span> <span class="price-was">€47</span> </div> </div> <div class="fade-up delay-4"> <a data-gumroad-action="buy" class="btn-buy">Guide kaufen · €37</a> <br /> <span class="trust-line">Einmalige Zahlung · Sofortiger PDF-Download · Kein Abo</span> </div> </div> </section> <hr class="divider" />  <section> <div class="container"> <p style="font-size:0.7rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;font-family:'Jost',sans-serif;">Das kennst du</p> <h2 style="font-size:clamp(1.6rem,4.5vw,2.2rem);color:var(--warm-brown);max-width:520px;">„Ich hab schöne Möbel. Ich hab investiert. Und trotzdem fühlt es sich nie richtig an."</h2> <ul class="pain-list" style="margin-top:36px;"> <li>Der Raum wirkt tagsüber ok – aber abends kühl und ungemütlich</li> <li>Du hast schon Geld ausgegeben, aber das Ergebnis stimmt immer noch nicht</li> <li>Du weißt nicht mal wo du anfangen sollst</li> <li>Pinterest macht es schlimmer, nicht besser</li> <li>„Ich müsste mal was ändern" – sagst du dir seit Monaten</li> </ul> <p class="pain-cta">Das ist kein Stilproblem. Kein Budget-Problem. Es ist ein Lichtproblem.<br>Und Licht lässt sich ändern.</p> </div> </section> <hr class="divider" />  <div class="quote-band"> <div class="container"> <blockquote>„Licht ist keine Funktion. Es ist eine Entscheidung."</blockquote> </div> </div> <hr class="divider" />  <section> <div class="container"> <p style="font-size:0.7rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;font-family:'Jost',sans-serif;">Was dich erwartet</p> <h2 style="font-size:clamp(1.4rem,4vw,2rem);color:var(--warm-brown);max-width:480px;margin-bottom:8px;">Kein Theorie-Buch. Ein Umsetzungsplan.</h2> <p style="font-size:0.9rem;color:var(--muted);">Raum für Raum, mit genauen Maßen und Visualisierungen.</p> <div class="modules"> <div class="module-card"> <span class="module-num">1</span> <h3>Das Fundament</h3> <p>Die 3-Licht-Regel: Grundlicht, Arbeitslicht, Stimmungslicht. Warum eine Lampe nie reicht – und was du konkret ändern kannst.</p> </div> <div class="module-card"> <span class="module-num">2</span> <h3>Der Ein-Deckenauslass-Guide</h3> <p>6 Lösungen für das häufigste Problem im DACH-Raum – ohne Elektriker, ohne Renovierung. Schienensysteme, Stehleuchten, LED-Strips, Akkuleuchten und mehr.</p> </div> <div class="module-card"> <span class="module-num">3</span> <h3>Licht pro Raum</h3> <p>Wohnzimmer, Esszimmer, Küche, Schlafzimmer, Bad, Flur, Homeoffice – mit genauen Maßangaben und Visualisierungen.</p> </div> <div class="module-card"> <span class="module-num">4</span> <h3>Lichtfarbe & Kelvin</h3> <p>Welche Kelvin-Zahl für welchen Raum. Warum 4000K dein Wohnzimmer zum Büro macht. Die Schnellreferenz die du ausdruckst.</p> </div> </div> <div class="bonus-card"> <p class="bonus-label">Bonus</p> <h3 style="font-size:1rem;color:var(--warm-brown);margin-bottom:8px;">Die Beleuchtungs-Checkliste</h3> <p style="font-size:0.9rem;color:var(--muted);">Raum für Raum sofort anwendbar. Hake ab was bereits stimmt, erkenne was fehlt.</p> </div> </div> </section> <hr class="divider" />  <section class="author-section"> <div class="container"> <div class="author-inner"> <p class="author-name">Nora Timmel-Ferch · NOMI Interior Design</p> <h2>Das Wissen aus tausenden Euro teuren Projekten – jetzt als visueller Leitfaden für dich.</h2> <p>Ich gestalte seit vielen Jahren Wohnräume für Menschen die sich in ihrem Zuhause nicht wohlfühlen – obwohl sie investiert haben, obwohl sie es wirklich versuchen.</p> <p>Das häufigste Problem? Fast immer das Licht. Nicht die Möbel. Nicht die Farbe. Nicht der Teppich. Das Licht.</p> <p>Falsche Kelvin-Zahl, eine einzige Deckenleuchte, zu wenige Lampen im Raum – das sind die Dinge die einen Raum ungemütlich machen. Und das sind die Dinge die sich ohne Renovierung, ohne Elektriker und ohne großes Budget ändern lassen.</p> </div> </div> </section> <hr class="divider" />  <section> <div class="container"> <div class="guarantee-box"> <div class="guarantee-icon">🛡</div> <div> <h3>30-Tage Zufriedenheitsgarantie</h3> <p>Wenn du nach dem Durcharbeiten das Gefühl hast dass der Guide dir nicht geholfen hat – schreib mir eine kurze E-Mail und du bekommst dein Geld zurück. Ohne Fragen, ohne Formulare.</p> </div> </div> </div> </section> <hr class="divider" />  <section> <div class="container"> <h2 style="font-size:clamp(1.4rem,4vw,1.9rem);color:var(--warm-brown);margin-bottom:8px;">Häufige Fragen</h2> <div class="faq-list"> <details> <summary>Für wen ist der Guide?</summary> <p class="faq-answer">Für alle die sich in ihrer Wohnung nicht wirklich wohl fühlen – obwohl sie investiert haben. Du brauchst kein Vorwissen. Kein Design-Studium. Nur die Bereitschaft, einen Raum konkret anzugehen.</p> </details> <details> <summary>Wie bekomme ich den Guide?</summary> <p class="faq-answer">Sofort nach dem Kauf bekommst du einen Download-Link per E-Mail. Das PDF ist auf jedem Gerät lesbar – Handy, Tablet, Computer.</p> </details> <details> <summary>Ich habe nur einen Deckenauslass – hilft mir das?</summary> <p class="faq-answer">Genau dafür ist dieser Guide gemacht. Das zweite Kapitel widmet sich vollständig diesem Problem und zeigt 6 konkrete Lösungen – ohne Elektriker und ohne Renovierung.</p> </details> <details> <summary>Was wenn es mir nicht gefällt?</summary> <p class="faq-answer">30-Tage Geld-zurück-Garantie. Schreib mir eine E-Mail und du bekommst deinen Betrag zurück. Keine Fragen, kein Formular.</p> </details> </div> </div> </section> <hr class="divider" />  <div class="final-cta"> <div class="container"> <h2>Dein Zuhause soll sich wie du anfühlen.</h2> <p class="final-quote">Nicht wie ein Möbelkatalog. Nicht wie ein Musterzimmer.</p> <div style="margin-bottom:16px;"> <div class="price-badge" style="justify-content:center;"> <span class="price-now">€37</span> <span class="price-was">€47</span> </div> </div> <a data-gumroad-action="buy" class="btn-buy">Jetzt kaufen · €37</a> <br /> <span class="trust-line">Sicherer Kauf · PDF in Sekunden in deinem Postfach</span> </div> </div>  <footer> <div class="container"> NOMI Interior Design · Nora Timmel-Ferch · Wien </div> </footer> </body> </html>

Get it → nomiinteriordesign.gumroad.com

Found on Devadex — the discovery index for independent software the big search engines bury. More from gumroad.

Report this listing