https://clipth.app/

Page structure & technical metrics

Words

948

Action candidates

4

Images

2

HTML

61 KB

Copy

Title chars
34
Meta chars
70
H1
5
H2
2

Action

Primary

立即购买

Forms
0
On-site links
24
Off-site links
7

Security & metadata

HTTPS
yes
HSTS
no
CSP
no
nosniff
yes
viewport
yes
Icon
yes
JSON-LD
yes
Analytics
GA4

Page

Scripts
6 ext / 4 inline
Alt
2 missing
Lang
zh-CN
Third-party hosts
3

Lighthouse

Simulated mobile · Performance

—

No measurement available

View details

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

  1. 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.

  2. 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.

  3. 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.

content-security-policy missing
Link preview

05 / MAKE IT HAPPEN

Give your AI a clear next step

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.