Editorial typography selection
Configuring Cormorant Garamond as the primary display and body font sets a refined, collector-focused tone fitting high horology.
Page structure & technical metrics
Words
0
Action candidates
0
Images
0
HTML
1 KB
Copy
Title chars
20
Meta chars
0none
H1
0
H2
0
Action
Forms
0
On-site links
0
Off-site links
0
Security & metadata
HTTPS
yes
HSTS
no
CSP
no
nosniff
no
viewport
yes
Icon
yes
JSON-LD
no
Analytics
no
Page
Vite / React
Scripts
2 ext / 0 inline
Lang
zh-CN
Third-party hosts
1
Lighthouse
Simulated mobile · Performance
—
No measurement available
View details
No Lighthouse measurement available; no scores assigned.
01 / WHAT WORKS
What makes it work
Concise meta title definition
The title LUXE WATCH · 奢侈品价格监控 cleanly defines both the luxury category and utility in a single readable line.
02 / NEXT STEPS
Where to go next
- 01
Render an immediate hero watch index
Users currently face a blank screen. Rendering 3 to 6 benchmark models such as Rolex Submariner, Daytona, and Patek Philippe Nautilus provides instant market context and stops immediate bounce.
- 02
Deploy explicit search and alert CTAs
Without input fields or action buttons, visitors cannot track prices or subscribe to market shifts.
- 03
Implement fallback SSR or luxury skeleton UI
A pure client-side empty DOM damages SEO, social previews, and user trust during network delays.
03 / DESIGN LANGUAGE
A design system you can reuse
Colors
Typography
- Display font
- Cormorant Garamond
- Body font
- Cormorant Garamond
- Heading / body
- — / —
Spacing & shape
- Section gap
- —
- Component inset
- —
- Card radius
- —
- Button radius
- —
CLEARER WORDS
Copy Revision Diff
Now
LUXE WATCH
SUGGESTED COPY
Now
奢侈品价格监控
SUGGESTED COPY
04 / EVIDENCE
The detail behind the report
Explore each observation, recommendation and captured record.
Taste1 observations
Completely empty viewport on initial load
MediumConversion4 observations
No H1 on the page
HighWithout a single main heading, the first claim is fuzzy for people and for crawlers. The visitor has to hunt for what this is.
Put one H1 that names the product and the promise. Not a badge. Not a nav label.
Share card is incomplete
HighA blank or generic unfurl on X, Slack, or WeChat wastes the click you already earned. This is distribution, not decoration.
Set og:title, og:description, and a 1200x630 image that matches the live headline.
og:title=no og:image=no
Meta description is missing or thin
MediumThis is the sentence under your link in search and in some chat previews. An empty one wastes that slot.
Write one specific sentence, 70-160 characters, that matches the H1.
(missing)
Absence of watch search input or catalog navigation
MediumLaunch5 observations
No HSTS header
MediumWithout 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
No X-Content-Type-Options
Without nosniff, browsers may interpret a file as a different type than you sent. It is a one-line header.
Set X-Content-Type-Options: nosniff.
x-content-type-options missing
No Referrer-Policy
The default referrer can leak internal paths and query strings to third parties.
Set Referrer-Policy: strict-origin-when-cross-origin.
referrer-policy missing
Client bundle has no SSR fallback content
Medium05 / 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
Preserve the typography setting using Cormorant Garamond for headings and body. Implement a complete luxury watch price tracking dashboard in the main container: 1. Add an H1 reading 'LUXE WATCH: Luxury Timepiece Market Intelligence' styled in Cormorant Garamond, uppercase, letter-spacing 0.08em. 2. Directly underneath, build a centered reference search input with placeholder 'Enter reference (e.g. 116500LN, 5711/1A)...' and a clean submit button labeled 'Track Market Price'. 3. Render a secondary grid showing 4 live benchmark cards (Rolex Daytona 116500LN, Patek Philippe Nautilus 5711/1A, Audemars Piguet Royal Oak 15500ST, Cartier Santos WSSA0009) with 24h delta percentages, current secondary price in USD, and a 30-day mini sparkline. 4. Ensure all HTML markup renders server-side or in initial HTML so the page never displays a blank white screen.