# promptwatch.com

Source: https://promptwatch.com/
Captured: 2026-10-30
Tags: saas, landing, light, both, minimal, corporate-clean, swiss, technical, trustworthy, confident, calm
Colors: #fbfafb, #165eef, #d0d5dd, #6b98f1, #b0b1b4, #d7e4f9, #93b4f5, #8f8f90
Type (h1): aeonikPro · 48px/55.2px · 500 · tracking -0.96px — "Make AI search your next revenue channel"
Type (h2): aeonikPro · 20px/28px · 400 · tracking -0.4px — "Track and optimize visibility in ChatGPT, Gemini and other AI Search engines to "
Type (h3): aeonikPro · 12px/16px · 500 · tracking -0.24px — "Persona Breakdown · Startup founder"
Type (body): Geist · 18px/24.75px · 400 — "Join 1,840+ brands and agencies winning the AI search era."
Type (small): Geist · 13px/17.3333px · 500 — "Live session: How Fireflies Built Their AI Search Playbook on Thursday, November"
Type (button): Geist · 12px/16px · 500 — "Book a Demo"
Button: "Book a Demo" — fill #ffffff, text #09090b, radius 6px, border 1px, padding 0px 12px, height 28px, type 12px/500
Radii: 4px (70), 6px (16), 8px (8), 9999px (7), 12px (2)

## Images

- Hero (desktop): https://media.lvly.design/library/promptwatch-com/hero.webp?v=77b3b13f
- Page crop (mid-1): https://media.lvly.design/library/promptwatch-com/mid-1.webp?v=e550dbee
- Page crop (mid-2): https://media.lvly.design/library/promptwatch-com/mid-2.webp?v=1e1c79fe
- Hero (mobile): https://media.lvly.design/library/promptwatch-com/mobile-hero.webp?v=40f110b6
- Full page (desktop): https://media.lvly.design/library/promptwatch-com/full.jpg?v=d3da89c5
- Full page (mobile): https://media.lvly.design/library/promptwatch-com/mobile-full.jpg?v=064c60fd
- Clip preview (mp4): https://media.lvly.design/library/promptwatch-com/video-3wrj9c.preview.mp4?v=70d3ef6f

A near-white (#fbfafb) analytics-SaaS landing built on a visible architectural grid. Hairline rails box the content column, run full-bleed between sections and meet at small crosshair joints, so the page reads like a blueprint, not a stack of floating sections. One saturated cobalt (#165eef) does all the brand work: the announcement bar, the primary CTA, the dashed-underlined keyword in every headline and the pixelated bar-chart "skyline" that frames each product screenshot. Type pairs Aeonik Pro at weight 500 with tight tracking for display against Geist for body and UI. Buttons are small and squarish (6px radius, 28px tall in the nav). The product UI itself, a clean light dashboard with tabular numbers and green/red deltas, carries most of the visual interest. The page earns its calm by staying monochrome around a single blue.

## Steal-worthy details

- An empty rounded tile set inline in the H1 between words, as if a logo were about to animate into the sentence. It is a placeholder that makes the headline feel live
- The headline's key noun is colored cobalt and underlined with a thick dashed rule, like a tracked or annotated term. The same treatment repeats on every section headline ("AI search") as a running motif
- The secondary "Book a Demo" button carries a stack of three overlapping team avatars inside it, putting a human face on the low-commitment CTA
- Product screenshots sit on a backdrop of blue pixel columns that fade from #165eef to #d7e4f9, a bar-chart skyline that brands the frame with the product's own data language
- A full-width hairline tab strip of five equal cells with icon and label switches the dashboard below, the active tab in ink and the rest in gray, with no pills or fills
- Visible grid rails: vertical hairlines bound the content column, and horizontal rules cross the whole viewport at every section break, with tiny crosshair marks at the joints
- A full-bleed cobalt announcement bar in 13px Geist, bold event name inside regular copy, with a blinking text caret at the end as if typed
- Section eyebrows are lowercase monospace in a faint tinted box with a blue caret ("platform|"), a terminal cue in place of the usual uppercase kicker
- Body copy embeds tiny bordered icon chips mid-sentence, before "content" and "AI crawlers", so feature nouns double as UI references
- Two-tone feature headings set the fixed verb in ink and the variable part in gray ("Track any / country, language and city"), so the pattern scans as a template

## Style recipe

Build on a near-white canvas (#fbfafb, with pure #ffffff for cards and buttons) with a visible structural grid. Box the content column in 1px hairlines (#e4e7ec–#d0d5dd), run horizontal rules full-bleed at every section break, and mark intersections with small crosshair ticks. Use one accent only, cobalt #165eef, with a tint ramp of #6b98f1, #93b4f5 and #d7e4f9 for data and decoration. Keep neutrals cool gray: ink #09090b, secondary text #6b7280-ish, muted #8f8f90 / #b0b1b4.

Display type: Aeonik Pro (or a similar geometric grotesk) at weight 500, tight tracking around -0.02em. Use 48–60px for the H1 at line-height ~1.1, and 20px at weight 400 for the lede. Body and UI: Geist at 18px/1.375 for copy, 13px at weight 500 for small text and 12px at weight 500 for buttons. Use a monospace for eyebrows and code-like labels, set lowercase. In every headline, color the key noun in the accent and underline it with a thick dashed rule. For two-tone headings, put the fixed phrase in ink and the variable phrase in gray.

Buttons: compact and squarish, 6px radius. The primary is solid #165eef with white text and a slightly darker 1px border. The secondary is white with a 1px gray border and ink text. Nav buttons are 28px tall with 12px horizontal padding; hero buttons are about 38px tall. The radius scale is mostly 4px for chips, inputs and tags, 6px for buttons, 8–12px for cards and 9999px only for avatars and dots. No drop shadows beyond a hairline. Separate with borders and tonal steps.

Show the product as a crisp light dashboard: tabular figures, green (#16a34a-ish) and red deltas with tiny triangles, filter chips with 1px borders, and the active metric marked by a 2px accent underline. Frame screenshots with an accent-tinted decorative pattern, such as pixel columns or a data-shaped motif, that fades into the background. Switch feature views with a full-width strip of equal hairline cells: icon plus label, active in ink, the rest in gray. Add small "live" cues, like a blinking caret in eyebrows or the announcement bar, and inline icon chips in sentences. Keep everything else still and monochrome.