液态玻璃落地页v1.0.0

使用这个 Skill:制作网页/单页站/仪表盘。

5.00 次下载0 次喜欢0 次收藏
$4.99
购买这个 Skill 能获得什么?

打造一张深色磨砂玻璃感落地页,包含媒体主导的首屏、聚焦的邮箱收集和克制的编辑式叙事。它帮助品牌把一个核心承诺变成难忘的报名体验,适合候补名单、新闻通讯和发布活动。

更新于 2026年8月25日

Liquid Glass Landing 效果预览
Liquid Glass Landing 效果预览 2
Liquid Glass Landing 效果预览 3

运行于

Claude CodeClaude Desktop / CoworkCodex / ChatGPTCursorGitHub CopilotOpenClawHermesOpenCodeKilo Code

生成模型

宿主 Agent 模型

用户评价

评价加载中…

你将获得

  • 一张完整的暗色落地页:玻璃药丸导航、带邮箱订阅表单的全屏媒体 Hero、四个内容区块,以及带巨型幽灵字标的 Footer
  • 真正的液态玻璃效果——磨砂药丸的上下边缘会像真实玻璃一样捕光,不是一个扁平的半透明方块
  • 五个媒体位三种玩法:你自己的背景视频、带缓慢电影感推移的暗色生成剧照、或依然显得完整的内置占位
  • 独立使用时是一个自包含 HTML 文件;在你的 React、Vue、Svelte 或 Astro 项目里则原生重建同一套设计
  • 内置检查器,在交付前拦下 emoji 图标、多余的外部链接和超大图片

适合

  • 你在发布 Newsletter、等待名单或内测,页面唯一要做的事就是收集邮箱
  • 你想要 Apple 风格的黑色玻璃质感,但不想自己手调 backdrop-filter 和渐变描边
  • 你有真实代码库,希望页面以你自己技术栈的组件形态生成,而不是一坨外来的 HTML

不适合

  • 多页面、多层导航的内容型网站——这是一张聚焦转化的单页
  • 明亮、多彩或插画驱动的品牌;这套设计只在纯黑底上成立
  • 把订阅表单接入邮件服务——它自带前端确认效果,真实接口需要你自己接
产品发布与应用增长数字出版物与网页展示制作网页/单页站/仪表盘制作落地页风格锁定转化导向CinematicGlassmorphismDark MonochromeLiquid GlassSerif Display

关于此 Skill

你说/bs-liquid-glass-landing Build a dark liquid-glass landing page for my newsletter Nightfold — email capture in the hero, tagline "Sense it first".

常见问题