Kage

在云境TS 中打开并复制 →

内容预览

# Kage The complete authored Kage temple experience, preserved as an interactive full-page document with its original navigation, scroll scenes, and local Three.js world. > 来源：ThreeUI Community · https://threeui.com · MIT License（Meng To / Design+Code） > 组件页：https://threeui.com/component/kage-landing-page · 预览动画：https://threeui.com/previews/kage-landing-page.webm > 分类：Landing Pages /* ===== public/landing-pages/kage.html (html) ===== */ Kage — Where stillness reveals the unseen /* ============================================================= tokens */ :root{ --ink:#05070a; /* page black */ --ink-2:#0a0e12; /* raised black */ --bone:#dfe7e0; /* the pale sage white of the wordmark */ --bone-dim:#aab4ad; --muted:#78837c; --line:rgba(223,231,224,.13); --line-soft:rgba(223,231,224,.07); --vermilion:#e0231c; --ember:#ff5a3c; --gold:#c9a24a; --pad:clamp(20px, 3.4vw, 56px); --nav-h:84px; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.65,0,.35,1); } *,*::before,*::after{box-sizing:border-box} html{ -webkit-text-size-adjust:100%; scroll-behavior:auto; } body{ margin:0; background:var(--ink); color:var(--bone); font-family:'Onest',system-ui,-apple-system,'Helvetica Neue',sans-serif; font-weight:300; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x:hidden; } body.is-locked{ overflow:hidden; height:100vh; } ::selection{ background:var(--vermilion); color:#fff; } img{max-widt

……（完整源码请在站内查看）