# tryprofound.com

Source: https://www.tryprofound.com/
Captured: 2026-09-20
Tags: saas, landing, dark, both, dark-techno, minimal, swiss, technical, confident, premium, serious
Colors: #050505, #2c2c2e, #4c4d4e, #6e6f71, #8b8d8f, #f0f0f0, #afb0b0, #d0d0d0
Type (h1): interVariable · 48px/56px · 500 · tracking -1.08px — "The AI marketing platform to win in ChatGPT AI search platforms"
Type (h2): interVariable · 48px/56px · 500 · tracking -1.08px — "Your AI Marketer makes it possible"
Type (h3): interVariable · 12px/16px · 400 — "Recents"
Type (body): interVariable · 18px/24px · 400 · tracking -0.045px — "Multiply what you can accomplish with an AI Marketer trained on what consumers p"
Type (small): interVariable · 12px/16px · 500 — "AEO content"
Type (button): interVariable · 14px/20px · 500 · tracking 0.105px — "Get a Demo"
Button: "Get a Demo" — fill #ffffff, text #222222, radius 8px, border 0px, padding 6px 12px, height 32px, type 14px/500
Radii: 8px (17), 9999px (10), 12px (3), 6px (1), 20px (1)

## Images

- Hero (desktop): https://media.lvly.design/library/tryprofound-com/hero.webp?v=4b584486
- Page crop (mid-1): https://media.lvly.design/library/tryprofound-com/mid-1.webp?v=5c0bf0ad
- Page crop (mid-2): https://media.lvly.design/library/tryprofound-com/mid-2.webp?v=bd916fa2
- Hero (mobile): https://media.lvly.design/library/tryprofound-com/mobile-hero.webp?v=1b7d68f1
- Full page (desktop): https://media.lvly.design/library/tryprofound-com/full.jpg?v=e0fadf6f
- Full page (mobile): https://media.lvly.design/library/tryprofound-com/mobile-full.jpg?v=ee752c01
- Clip preview (mp4): https://media.lvly.design/library/tryprofound-com/video-ney99g.preview.mp4?v=a0229a25

An almost entirely achromatic dark page — 87% of the pixels are a single near-black #050505 — that spends its whole contrast budget on the product itself. The fold is unusually restrained for an enterprise AI pitch: a two-line 48px/56px Inter heading at weight 500 with a hard −1.08px tracking, one 18px gray subhead, two small 32px buttons, and then a full-width screenshot of the actual three-pane workbench rendered at true UI scale rather than as a stylized illustration. Below the fold the layout turns explicitly structural: dashed vertical hairlines mark the content column edge for thousands of pixels, and every section is a cell bounded by those rules with a left-aligned 48px head, a one-line gray deck, and a dark panel of real interface. Color appears only where it is information — the reds and whites of a chart, an amber status dot, a blue announcement badge — so the eye reads saturation as data and never as decoration. The effect is a page that behaves like the dashboard it sells: quiet chrome, dense content, nothing ornamental competing with the numbers.

## Steal-worthy details

- Announcement ledge as a second header row — a blue-tinted pill badge, one sentence and a trailing arrow on a full-width strip in a different near-black from the page, so it reads as a shelf under the nav rather than a banner pasted over it
- A vendor logo typeset *inside* the display line — the ChatGPT mark sits inline at cap height with the 48px/500 headline text, doing the work a logo wall usually does, in the first sentence
- Twin CTAs that differ only by ground — identical 8px radius, 14px/500 label, 32px height and 6px/12px padding; the primary is #ffffff with #222222 text, the secondary the same shape in #2c2c2e with light text, and neither carries a border
- The fold is handed to the product at real scale — a three-pane workbench (nav sidebar, agent transcript, document tab) drawn at genuine 12–14px UI sizes with readable copy, so the screenshot proves density instead of gesturing at it
- Dashed vertical hairlines run the full page height at the content column edges, turning every section into a bounded cell; horizontal hairlines close each one, and the grid is the only ornament the page allows itself
- Saturation is reserved for data — the palette is eight grays from #050505 to #f0f0f0, and the only strong colors on the page are chart bars, sparklines and a gauge, so any hue instantly reads as a value
- One photography band interrupts the all-dark UI deck — a full-bleed lifestyle photo with oversize percentage figures set over it, which lands hard precisely because nothing else on the page is a picture
- The footer carries live signals rather than only links — a small numeric count badge riding the Careers item and an amber square-dot status line stating the current system state

## Style recipe

Build on a near-black ground of `#050505` (`#000000` for the outermost page) and layer up with panels at `#2c2c2e`, hairlines at `#4c4d4e`, and a raised surface no lighter than `#4c4d4e` — never leave the near-black band. Text has exactly three roles: `#f0f0f0` for headings and primary UI, `#8b8d8f` for decks, captions and secondary nav, `#6e6f71` for disabled and footnotes. Set everything in Inter (variable, with an `-apple-system` fallback). Type scale: display and section heads 48px/56px at weight 500 with letter-spacing −1.08px (−0.0225em) — the tight tracking at medium weight is the signature, never bold; body and decks 18px/24px at 400 with −0.045px; labels and metadata 12px/16px at 400–500 with normal tracking; button text 14px/20px at 500 with a positive +0.105px. Never go above weight 500 anywhere.

Radii: 8px is the default for buttons, panels and inputs, 12px for large content cards, `9999px` only for badges and toggle pills, and nothing else. Controls are small: 32px tall buttons with 6px/12px padding and `border-width: 0` — a solid `#ffffff` fill with `#222222` text for primary, the same silhouette in `#2c2c2e` with light text for secondary, and no outline variant at all. Use no drop shadows; separation comes from a one-step lift in ground value plus a 1px hairline.

Structure the page as a visible grid: two dashed vertical rules at the content column edges running the entire document, and a solid or dashed horizontal hairline closing every section, so each block is a cell. Inside a cell, left-align a 48px head, a single 18px gray deck line of one sentence, generous vertical air (roughly 96–160px between a head and the artifact under it), and then one dark panel. Keep all copy in American English, in sentence case, and let numbers be tabular.

Two moves make this style recognizable. First, put real product interface in the layout at its true size — screenshots with legible 12–14px labels, actual chart axes, real tab chrome — rather than oversized or blurred mockups; the density is the argument. Second, allow color only where it encodes a value: chart series, a status dot, a delta figure, a single tinted badge. Everything else stays gray. Motion should be slight and slow — opacity and a few pixels of translate on scroll entry, cross-fades between tabbed states, no parallax and no bounce.