VibeCheck
https://clipth.app/

页面构成与技术指标

正文

948

操作候选

4

图片

2

HTML

61 KB

文案

标题字数
34
摘要字数
70
H1
5
H2
2

动作

主要入口

立即购买

表单
0
站内链接
24
站外链接
7

安全与页面元信息

HTTPS
有
HSTS
无
CSP
无
nosniff
有
viewport
有
图标
有
JSON-LD
有
统计
GA4

构成

脚本
6 ext / 4 inline
Alt
2 missing
语言
zh-CN
第三方域
3

Lighthouse

移动端模拟 · 性能评分

—

暂无可用实测数据

查看详情

暂无可用的 Lighthouse 实测结果，不计入分数。 测试于 2026-09-05T13:51:58.017Z · NO_FCP

01 / 值得借鉴

好设计，具体好在哪

独特的暖纸质感与编辑风格字体体系

摒弃了千篇一律的暗黑风开发者落地页，Clipth 采用 Fraunces 衬线标题搭配 Hanken Grotesk 正文，在 #f7f5ea 暖纸底色上点缀细腻描边与灰绿强调色，营造出极为精致的原生工具质感。

直截了当且透明的定价定位

在主标题下方直接醒目标注 '$10.99 买断 可用于 2 台 Mac' 与永久更新承诺，在用户滚动到定价卡片前就消除了订阅制焦虑。

02 / 下一步

值得继续打磨的地方

  1. 01

    在首屏 CTA 中明确免费版与 Pro 版的下载流程差异

    首屏并列放置了 '购买 Pro 版本'、'Mac 下载' 和 'GitHub' 三个大按钮。初次访问的用户无法直观确认 'Mac 下载' 究竟是免费试用、开源基础版还是需要激活的 Pro 安装包，容易引发选择停顿。

    将 'Mac 下载' 明确标注为 '免费下载 (基础版)'，或在按钮下方补充说明下载即包含基础功能并支持随时升级 Pro。将 'GitHub' 降级为辅助图标或文字链接。通过埋点检验下载与购买转化率变化。

  2. 02

    放大首屏样机中的产品核心界面与交互细节

    当前的 MacBook 样机展示了包含桌面壁纸、程序坞与菜单栏的整机远景。在 1440px 桌面端尤其在 390px 移动端下，应用窗口内的剪贴板卡片网格与搜索栏微缩严重，无法看清细节。

    对首屏图形进行局部特写或采用原生比例浮窗展示，凸显 Clipth 快速粘贴面板、标签与快捷键指示。弱化硬件边框或直接使用悬浮窗口构图。在 390px 移动端和 1440px 桌面端验证界面文字可读性。

  3. 03

    修复移动端元数据行中设备授权信息的缺失

    桌面端元数据包含 '$10.99 买断 · 可用于 2 台 Mac · macOS 14+ · 基础功能版本开源 · 永久更新'。而在 390px 移动端截图上，'可用于 2 台 Mac' 被移除或隐藏，同时 '永久更新' 单独折行，削弱了移动端用户的关键购买决策要素。

    将移动端规格信息重构为弹性徽章胶囊或 2x2 网格，确保 '可用于 2 台 Mac' 与价格、macOS 版本并存且不再出现孤行。在 390px 视口下验证无文字截断与孤立词组。

03 / 设计语言

把气质拆成可复用的参数

色彩

背景

#f7f5ea

文字

#1d1e10

强调

#1d1e10

边线

#cdd1c3

字体与尺度

标题字体
Fraunces
正文字体
Hanken Grotesk
标题 / 正文
72px / 15px

间距与形状

区块间距
0px
组件内距
22px 24px
卡片圆角
20px
按钮圆角
999px

表达也可以更准确

文案润色对照

现在

一次买断，永久更新。

建议表达

一次买断，终身更新。

现有文案简洁有力，但若能直接配合免费版与 Pro 版的功能对比表，能让一次买断的价值更加具象化。
现在

按选择顺序批量粘贴

建议表达

按多选顺序一键批量粘贴

增加 '一键' 说明，能更明确突出其无需反复切换的自动化顺次粘贴能力。

04 / 检查依据

观察与实测依据

逐项查看观察、建议与采集记录。

品味1 项观察

首屏三个连续胶囊按钮造成操作层级混乱

黑底胶囊 '购买 Pro 版本' 与两个线框胶囊 'Mac 下载'、'GitHub' 等高并排，使首屏核心行动号召分散，稀释了主要转化焦点。

将 'Mac 下载' 强化为主按钮，'购买 Pro' 作为明确的商业进阶选项，GitHub 则收拢至顶部导航或作为带图标的弱化链接。

购买 Pro 版本 Mac 下载 GitHub
转化3 项观察

页面上没有人或证明

中优先级

陌生人落到一个看起来像 AI、没有作者、没有客户、没有联系方式的站点上，不会把邮箱给你。

加上真名、真脸、真实联系方式，或一句真实客户的话。

no about, no first-person, no quote

图片没有 alt

中优先级

没有 alt，读屏到这里就断了，搜索也会减分。装饰图可以 alt=""，内容图不行。

产品和照片写短 alt。纯装饰才用空 alt。

2 images without alt

缺少免费版与 Pro 版的双列功能对照表

中优先级

页面声明基础版开源且 Pro 版售 $10.99，但 Pro 功能分散在单项卡片中。用户在点击购买前无法一目了然看清免费版究竟限制了哪些能力。

在定价板块加入双列清单表格，对照免费版（开源）与 Pro 版（$10.99），逐项标明粘贴队列、多端同步以及 AI/MCP 支持等差异。

基础功能版本永久免费。退款按照 DodoPayments 买家条款及适用法律处理。
上线2 项观察

没有 HSTS 响应头

中优先级

没有 Strict-Transport-Security，第一次访问仍可能被降到 http。浏览器不会钉死 HTTPS。

在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。

strict-transport-security missing

没有 Content-Security-Policy

CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载，包括被注入的脚本。

先开 report-only CSP，再收成 default-src 'self' 和明确的 script-src。

content-security-policy missing
链接分享预览

剪迹 Clipth | 为 macOS 打造、键盘优先的剪贴板管理器

剪迹 Clipth 是一款为 macOS 打造、键盘优先的本地优先剪贴板管理器，支持离线语义搜索、加密同步、内容保护和内置 MCP 服务器。

05 / 开始动手

把下一步，交给你的 AI

优化指令用于调整这个页面；设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。

查看完整指令
在严格保留现有视觉设计规范（#f7f5ea 暖纸底色、Fraunces 衬线标题、Hanken Grotesk 正文及 999px 胶囊圆角）的前提下，优化 https://clipth.app/ 的转化清晰度与移动端响应式布局。

1. 首屏 CTA 与导航层级调整：
- 将首屏按钮重构为主次分明的架构：突出 'Mac 下载（免费开源基础版）'，配合 '购买 Pro 版本 ($10.99)'，将 'GitHub' 移至顶部导航右侧语言切换器旁或降级为小图标链接。
- 在按钮组下方补充说明：'支持 macOS 14+ · 基础功能永久免费 · Pro 版一次买断支持 2 台 Mac'。

2. 首屏应用样机展示优化：
- 将当前包含整个电脑壁纸的远景样机替换为 Clipth 窗口高精度特写。确保在 1440px 桌面端和 390px 移动端下，搜索框、分组标签与预览卡片上的文本清晰可辨。

3. 移动端元数据排版修复：
- 修复 390px 视口下副标题规格信息的折行问题。确保 '可用于 2 台 Mac' 在移动端完整呈现，避免 '永久更新' 单独掉落为孤行。

4. 定价板块增加功能对比表：
- 在定价区域加入精炼的双列对比：'开源基础版'（免费）对比 'Pro 永久买断'（$10.99）。逐项标清 Pro 独享能力：粘贴队列、不限记录数、iCloud/WebDAV/S3 同步、AI 提示词生成及 MCP 服务支持。