https://www.lacklustre.org/ko/landingpages/Recent content in Landingpages on Lack LustreHugo -- gohugo.ioko© Continuia OÜ 2026. All rights reserved.https://www.lacklustre.org/ko/landingpages/you-know-where-everything-is/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/ko/landingpages/you-know-where-everything-is/<style> .ll-hero { text-align: center; padding: 1rem 0 2.5rem; } .ll-hero h1 { margin-bottom: 0.25rem; } .ll-hero h1 + h1 { margin-top: 0; opacity: 0.85; font-weight: 600; } .ll-hero p.lead { font-size: 1.2rem; line-height: 1.7; max-width: 38rem; margin: 1rem auto 1.25rem; } .ll-hero p.lead strong { font-weight: 600; } .ll-cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem 1rem; align-items: center; margin: 1.25rem 0 1rem; } .ll-cta-link { font-weight: 500; } .ll-trust { font-size: 0.95rem; opacity: 0.75; margin-top: 0.5rem; font-style: italic; } .ll-section { padding: 1.75rem 0; } .ll-section h2 { margin-top: 0; } .ll-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-top: 1.25rem; } .ll-cards h3 { margin-top: 0; font-size: 1.1rem; } .ll-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1.25rem; margin-top: 1.25rem; } .ll-step { padding: 1rem 1.1rem; border-radius: 0.75rem; background: rgba(127,127,127,0.06); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; } .ll-step .ll-step-num { display: inline-block; font-weight: 700; opacity: 0.6; margin-right: 0.4rem; } .ll-promises { margin: 0.75rem 0 0; padding-left: 1.1rem; } .ll-promises li { margin: 0.25rem 0; } .ll-note { margin-top: 1rem; padding: 0.9rem 1rem; border-radius: 0.5rem; background: rgba(127,127,127,0.08); font-size: 0.95rem; } .ll-example { padding: 1.25rem 1.4rem; border-left: 3px solid currentColor; opacity: 0.92; background: rgba(127,127,127,0.04); border-radius: 0 0.5rem 0.5rem 0; max-width: 38rem; margin: 1rem auto 0; } .ll-faq summary { cursor: pointer; padding: 0.85rem 0; font-weight: 600; list-style: none; } .ll-faq summary::-webkit-details-marker { display: none; } .ll-faq summary::before { content: "+"; display: inline-block; width: 1.25rem; opacity: 0.6; } .ll-faq[open] summary::before { content: "−"; } .ll-faq { border-bottom: 1px solid rgba(127,127,127,0.25); } .ll-faq p { margin: 0 0 0.85rem 1.25rem; opacity: 0.9; } .ll-final { text-align: center; padding: 2rem 0 1rem; } .ll-final p { max-width: 34rem; margin-left: auto; margin-right: auto; } .ll-stores { display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: center; align-items: center; margin: 1rem 0 0.5rem; } .ll-stores a { line-height: 0; } .ll-stores img { height: 48px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; opacity: 0.75; font-size: 0.95rem; padding: 1.5rem 0 0.5rem; font-style: italic; } .ll-divider { border: 0; border-top: 1px solid rgba(127,127,127,0.25); margin: 1.5rem 0; } </style> <section class="ll-hero"> <h1 class="relative group">당신은 모든 것이 어디에 있는지 압니다. <div id="당신은-모든-것이-어디에-있는지-압니다" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%eb%8b%b9%ec%8b%a0%ec%9d%80-%eb%aa%a8%eb%93%a0-%ea%b2%83%ec%9d%b4-%ec%96%b4%eb%94%94%ec%97%90-%ec%9e%88%eb%8a%94%ec%a7%80-%ec%95%95%eb%8b%88%eb%8b%a4" aria-label="앵커">#</a> </span> </h1> <h1 class="relative group">그들도 알 수 있게 해 두세요. <div id="그들도-알-수-있게-해-두세요" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%ea%b7%b8%eb%93%a4%eb%8f%84-%ec%95%8c-%ec%88%98-%ec%9e%88%ea%b2%8c-%ed%95%b4-%eb%91%90%ec%84%b8%ec%9a%94" aria-label="앵커">#</a> </span> </h1> <p>보험 정보. 중요한 서류. 가계 계좌. 언젠가 설명하리라 마음먹고 미뤄두었던 것들.</p>https://www.lacklustre.org/ko/landingpages/things-i-want-my-kids-to-know/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/ko/landingpages/things-i-want-my-kids-to-know/<style> .ll-hero { text-align: center; padding: 1rem 0 2.5rem; } .ll-hero p.lead { font-size: 1.35rem; line-height: 1.55; max-width: 36rem; margin: 0 auto 1.25rem; } .ll-cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem 1rem; align-items: center; margin: 1.25rem 0 1rem; } .ll-cta-link { font-weight: 500; } .ll-trust { font-size: 0.95rem; opacity: 0.75; margin-top: 0.5rem; } .ll-section { padding: 1.75rem 0; } .ll-section h2 { margin-top: 0; } .ll-usecases { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-top: 1.25rem; } .ll-usecases h3 { margin-top: 0; font-size: 1.1rem; } .ll-steps { counter-reset: step; display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-top: 1.25rem; } .ll-step { padding: 1rem 1.1rem; border-radius: 0.75rem; background: rgba(127,127,127,0.06); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; } .ll-step .ll-step-num { display: inline-block; font-weight: 700; opacity: 0.6; margin-right: 0.4rem; } .ll-promises { margin: 0.75rem 0 0; padding-left: 1.1rem; } .ll-promises li { margin: 0.25rem 0; } .ll-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1rem; margin-top: 1.25rem; } .ll-quote { padding: 1rem 1.15rem; border-left: 3px solid currentColor; opacity: 0.9; font-style: italic; background: rgba(127,127,127,0.04); border-radius: 0 0.5rem 0.5rem 0; } .ll-final { text-align: center; padding: 2rem 0 1rem; } .ll-final p { max-width: 34rem; margin-left: auto; margin-right: auto; } .ll-stores { display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: center; align-items: center; margin: 1rem 0 0.5rem; } .ll-stores a { line-height: 0; } .ll-stores img { height: 48px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; opacity: 0.75; font-size: 0.95rem; padding: 1.5rem 0 0.5rem; } .ll-divider { border: 0; border-top: 1px solid rgba(127,127,127,0.25); margin: 1.5rem 0; } </style> <section class="ll-hero"> <h1 class="relative group">아이들이 알았으면 하는 것들을 적어 보세요. <div id="아이들이-알았으면-하는-것들을-적어-보세요" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%ec%95%84%ec%9d%b4%eb%93%a4%ec%9d%b4-%ec%95%8c%ec%95%98%ec%9c%bc%eb%a9%b4-%ed%95%98%eb%8a%94-%ea%b2%83%eb%93%a4%ec%9d%84-%ec%a0%81%ec%96%b4-%eb%b3%b4%ec%84%b8%ec%9a%94" aria-label="앵커">#</a> </span> </h1> <p class="lead">이야기, 조언, 그리고 사랑의 말을 담은 사적인 편지를 만들고, 미래의 순간을 위해 안전하게 보관하세요.</p>