monaco.com

Monaco – The first revenue engine for startupssaved 4h ago · captured 4h ago

Eight details, three pinned.

View as Markdown ↗

Colors8 colors · ground #0B0B0A

ground#0b0b0a·93.30%#332e2c·3.24%#564e49·1.76%accent#a58472·0.98%#846a5c·0.67%#bca696·0.03%#fdfdfd·0.02%#ccc8c5·0.01%

Sized by coverage · click to copy.

Typography2 families · 3 styles · Season Serif, Inter

The best startups run sales on Monaco.

Season Serif · 63/63 · 400 · -0.6294px

Everything you need, all in one place.

Season Serif · 43/47 · 400 · -0.4328px

Body

"Monaco solves go-to-market risk for founders without sales backgrounds."

Inter · 17/24 · 400 · -0.3342px

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

ButtonsRequest demo1 style

Request demo

primary · fill #000000 · label #ffffff · radius 42px · border 0px · padding 11px 16px · height 44px · type 16px / 400

Shape5 radii · 29 uses

9999px13 uses · 45%

12px9 uses · 31%

20px3 uses · 10%

16px2 uses · 7%

42px2 uses · 7%

AnalysisA near-black revenue-software landing page that dresses like a private bank instead of a dev tool.

A near-black revenue-software landing page that dresses like a private bank instead of a dev tool. The ground is a warm black (#0b0b0a, never a cool blue-black) and the only typographic drama is Season Serif at 400 for every headline and name, set tight against plain Inter at 400 for everything functional. There are no gradients, glows or neon: depth comes from a floating frosted nav pill, one-step-lighter rounded panels, and product UI shown small and dim inside them. The sole color is a dusty clay taupe (#a58472) that barely appears, so the page reads as restraint and authority, with investor names and a founder video doing the persuading in place of feature icons.

Style recipeBuild on a warm black ground (#0b0b0a), never pure black and never a blue-tinted dark.

Build on a warm black ground (#0b0b0a), never pure black and never a blue-tinted dark. Add depth only through tonal layering: the next surface up is a barely lighter warm charcoal (#171615 to #332e2c), separated by whitespace and soft radii, with no borders, shadows or gradients. Set all display text in a high-contrast serif (Season Serif or similar) at weight 400, 44–64px, line-height 1.0–1.1, letter-spacing about -1%. Set all functional text in Inter 400 at 16–17px with line-height 1.4 and -2% tracking, in off-white (#fdfdfd) for primary and a warm gray (#ccc8c5, then #846a5c for tertiary) for supporting copy. Use one accent, a dusty clay taupe (#a58472, ~1% of the pixels), for small details only: a play button fill, a rule, a state dot. Do not use a saturated color anywhere. Radii step through 12px, 16px, 20px for panels and 9999px for every button and tag. The primary CTA is a solid white pill, 44px tall, 11px 16px padding, no border. The header is a floating, centered pill (about 1150px wide, 16px radius, translucent charcoal with backdrop blur) rather than a full-width bar, holding a serif wordmark, five quiet nav links and a black pill button. Lay content in a 1176px column: centered serif statements, then split sections of a rounded dark panel with product UI inside on one side and a serif heading, one muted paragraph and a stacked list on the other. In stacked lists, mark the active row with a white 4px vertical bar, a full-brightness title and visible description, and let inactive rows fall to a dim title only. Prove credibility with serif names and plain quotes instead of logo walls or icon grids. Keep copy declarative, short and full-stopped. Motion should be slow and small: cursors drifting through a mini-UI and a blur that follows scroll behind the nav.

Details8 worth noting

monaco.com — the captured page — Landing, 1440 × 900 · captured Oct 20, 2026

1Frosted floating nav pill
Floating blurred nav pill — a 1152px-wide, ~76px-tall slab with a 16px radius, a translucent charcoal fill and backdrop blur, so scrolled headlines dissolve behind it instead of colliding. The CTA inside it is a black pill, a quiet inversion.
2Serif-name investor quotes
Investor quotes as the proof block — three centered columns, each a serif name at ~26px, a small gray role line with a bullet separator, then a plain Inter quote. No avatars, logos or cards, so the names carry the weight.
3Muted founder video panel
Founder video as a quiet panel — a 12–20px radius dark card, full content width, with one muted circular play button (translucent taupe fill, white triangle) over a dim portrait.
4Single-weight serif and Inter pairing
Serif headline, sans everything else — Season Serif 62.8px/1.0 at weight 400 with -1% tracking for the H1 (43px for H2), Inter 16.8px/1.4 for body. One weight, and the contrast is the hierarchy.
5White bar marks the active item
Active-row indicator in feature lists — each list item is a title plus gray description, and the current one gets a bright white vertical bar and an expanded description while the others collapse to a dim title with a short gray stub.
6Miniature product UI in tonal panel
Product UI shown small inside tonal panels — a rounded 20px panel one step lighter than the page holds a miniature of the app (a pipeline grid, a chat) with animated cursors, left half of a two-column split with the serif headline on the right. The screenshot is deliberately small and dim so it never outshouts the type.
7Declarative two-sentence headlines
Short, assertive serif headlines as the section system — "Everything you need, all in one place." and "Agents work. You close." Full stops, no question marks, one line of Inter below at ~16px in a muted gray, then the list.
8Pill CTA against squarer panels
Pill geometry on buttons only — the primary CTA is a fully rounded white pill at 44px height with 11px 16px padding and no border, while panels step through 12/16/20px radii, so only the interactive element is round.