No Lighthouse measurement available; no scores assigned. Attempted 2026-09-05T13:51:58.017Z · NO_FCP
01 / WHAT WORKS
What makes it work
Distinctive Warm Paper and Editorial Typography System
Departing from generic dark-mode developer landing pages, Clipth pairs Fraunces display serifs with Hanken Grotesk on a #f7f5ea canvas with delicate 1px borders and sage accents, creating an unmistakably refined desktop tool persona.
Unambiguous and Transparent Pricing Positioning
Highlighting '$10.99 买断 可用于 2 台 Mac' directly below the main headline eliminates subscription anxiety before the user even reaches the pricing section.
02 / NEXT STEPS
Where to go next
01
Clarify Free vs Pro Download Flow in Hero CTAs
The hero presents '购买 Pro 版本', 'Mac 下载', and 'GitHub' as three visually heavy buttons. First-time visitors do not know whether 'Mac 下载' is a free trial, the open-source build, or the Pro installer with in-app activation, causing decision paralysis.
Retain 'Mac 下载' as the primary action labeled with '免费下载 (基础版)' or add micro-copy clarifying that the download starts the free version with an option to unlock Pro. Demote 'GitHub' to an inline link or subtle ghost button next to version metadata. Verify click-through and purchase conversion rates via analytics tags.
02
Zoom In on Product Details in the Primary Mockup
The current MacBook frame shows an entire 16:10 desktop with wallpaper, dock, and menu bar. At 1440px desktop view and especially on 390px mobile screens, the clipboard card grid and search bar inside the app window are illegible.
Crop or zoom the hero graphic to showcase the floating Clipth palette at 100% scale, showing crisp text, tag pills, and keyboard shortcut overlays. Keep the hardware frame subtle or switch to an isolated floating window composition. Verify readability on both 390px mobile and 1440px desktop viewports.
03
Fix Missing Device Entitlement on Mobile Metadata Row
On desktop, the spec line states '$10.99 买断 · 可用于 2 台 Mac · macOS 14+ · 基础功能版本开源 · 永久更新'. On mobile screens (390px), '可用于 2 台 Mac' is dropped or hidden, and '永久更新' breaks awkwardly onto a second line, weakening the core purchase argument on mobile.
Format mobile meta items as flex pills or a 2x2 grid so '可用于 2 台 Mac' remains visible alongside pricing and macOS version requirements. Verify the rendered layout at 390px viewport width without orphan words.
03 / DESIGN LANGUAGE
A design system you can reuse
Colors
Background
#f7f5ea
Text
#1d1e10
Accent
#1d1e10
Border
#cdd1c3
Typography
Display font
Fraunces
Body font
Hanken Grotesk
Heading / body
72px / 15px
Spacing & shape
Section gap
0px
Component inset
22px 24px
Card radius
20px
Button radius
999px
CLEARER WORDS
Copy Revision Diff
Now
一次买断,永久更新。
SUGGESTED COPY
一次买断,终身更新。
The existing copy is clean, but pairing it with an immediate comparison table between free and Pro features makes the value difference concrete.
Now
按选择顺序批量粘贴
SUGGESTED COPY
按多选顺序一键批量粘贴
Adding '一键' clarifies that this is an automated sequential paste rather than manual switching.
04 / EVIDENCE
The detail behind the report
Explore each observation, recommendation and captured record.
Taste1 observations
Three Consecutive Pill Buttons Create Action Noise in Hero
Having '购买 Pro 版本' (black pill), 'Mac 下载' (outline pill), and 'GitHub' (outline pill) lined up horizontally at identical heights distracts from a clear user journey.
Make 'Mac 下载' the primary outline or filled button, offer Pro purchase directly next to it with distinct visual weight, and move GitHub to the top navigation or an icon link.
购买 Pro 版本 Mac 下载 GitHub
Conversion3 observations
No human or proof on the page
Medium
A stranger landing on an AI-looking site with no maker, no customer, and no contact will not give you an email.
Add a real name, a real face, a real contact method, or one real customer line.
no about, no first-person, no quote
Images ship without alt text
Medium
Missing alt is a screen-reader dead end and a ranking leak. Decorative images can be alt="". Content images cannot be blank.
Write a short alt for product and photo images. Use empty alt only on pure decoration.
2 images without alt
Absence of Side-by-Side Free vs Pro Comparison Matrix
Medium
The page states that the basic version is open source and Pro is $10.99, but lists Pro features only as individual cards. Users cannot quickly see what is excluded in the free version before clicking buy.
Introduce a two-column checklist table in the pricing section comparing Free (Open Source) and Pro ($10.99), showing items like Paste Queue, Cloud Sync, and AI/MCP support.
基础功能版本永久免费。退款按照 DodoPayments 买家条款及适用法律处理。
Launch2 observations
No HSTS header
Medium
Without Strict-Transport-Security, a first visit can still be downgraded to http. Browsers will not pin HTTPS.
Set Strict-Transport-Security: max-age=31536000; includeSubDomains at the edge.
strict-transport-security missing
No Content-Security-Policy
A CSP is the standard way to limit script sources. Vibe-coded pages often load anything, including injected scripts.
Start with a report-only CSP, then default-src 'self' and an explicit script-src.
Use the improvement prompt for this page, or the design prompt to borrow its visual language. “Recreate” includes references and implementation steps. Paste either into your coding assistant.
Preview full instructions
Improve conversion clarity and responsive layout on https://clipth.app/ while strictly preserving the existing aesthetic tokens (#f7f5ea background, Fraunces serif display, Hanken Grotesk body, and 999px rounded pills).
1. Hero CTA and Navigation Hierarchy:
- Reposition the hero action buttons into a primary / secondary structure. Make 'Mac 下载' (Free/Open Source) prominent, pair it with '购买 Pro 版本 ($10.99)', and move 'GitHub' to a subtle icon button or top right header link next to the language switcher.
- Add helper micro-copy beneath the buttons: '支持 macOS 14+ · 基础功能永久免费 · Pro 版一次买断支持 2 台 Mac'.
2. Hero Mockup Presentation:
- Replace the zoomed-out desktop wallpaper screenshot with a high-resolution window crop of Clipth in action. Show the search field, tag categories, and multi-format preview cards clearly readable at 1440px desktop and 390px mobile viewports.
3. Mobile Metadata Alignment:
- Fix the sub-headline metadata wrap on 390px viewports. Ensure '可用于 2 台 Mac' is not dropped on mobile screens, and prevent '永久更新' from dangling as a lone single-word line.
4. Pricing Section Feature Comparison:
- Add a concise two-column comparison card in the pricing section: Column 1 '开源基础版' (Free) vs Column 2 'Pro 永久授权' ($10.99). Explicitly mark exclusive Pro perks: Paste Queue, Unlimited History, iCloud/WebDAV/S3 Sync, AI Prompt generation, and MCP server support.