promptwatch.com

Promptwatch | #1 AI Search Visibility & GEO Platformsaved 6h ago · captured 6h ago

Ten details, seven pinned.

View as Markdown ↗

Colors8 colors · ground #FBFAFB

ground#fbfafb·86.57%accent#165eef·3.17%#d0d5dd·2.91%#6b98f1·2.38%#b0b1b4·1.07%#d7e4f9·0.91%#93b4f5·0.67%#8f8f90·0.64%

Sized by coverage · click to copy.

Typography2 families · 5 styles · aeonikPro, Geist

Make AI search your next revenue channel

aeonikPro · 48/55 · 500 · -0.96px

Track and optimize visibility in ChatGPT, Gemini and other AI Search engines to

aeonikPro · 20/28 · 400 · -0.4px

Persona Breakdown · Startup founder

aeonikPro · 12/16 · 500 · -0.24px

Body

Join 1,840+ brands and agencies winning the AI search era.

Geist · 18/25 · 400 · normal

Small

Live session: How Fireflies Built Their AI Search Playbook on Thursday, November

Geist · 13/17 · 500 · normal

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsBook a Demo1 style

Book a Demo

primary · fill #ffffff · label #09090b · radius 6px · border 1px · padding 0px 12px · height 28px · type 12px / 500

Shape5 radii · 103 uses

4px70 uses · 68%

6px16 uses · 16%

8px8 uses · 8%

9999px7 uses · 7%

12px2 uses · 2%

AnalysisA near-white (#fbfafb) analytics-SaaS landing built on a visible architectural grid.

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.

Style recipeBuild on a near-white canvas (#fbfafb, with pure #ffffff for cards and buttons) with a visible structural grid.

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.

Details10 worth noting

promptwatch.com — the captured page — Landing, 1440 × 900 · captured Oct 30, 2026

1Inline glyph slot inside the headline
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
2Dashed-underlined accent keyword
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
3Avatar stack inside the demo button
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
4Pixel bar-chart skyline behind screenshots
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
5Hairline-cell feature tab strip
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
6Blueprint grid rails with crosshair joints
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
7Typed-caret announcement bar
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
8Monospace eyebrow with blinking caret
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
9Inline icon chips in body copy
Body copy embeds tiny bordered icon chips mid-sentence, before "content" and "AI crawlers", so feature nouns double as UI references
10Ink-and-gray two-tone headings
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