# monaco.com

Source: https://www.monaco.com/
Captured: 2026-10-20
Tags: saas, landing, dark, both, luxury, editorial, minimal, confident, elegant, premium, serious, calm
Colors: #0b0b0a, #332e2c, #564e49, #a58472, #846a5c, #bca696, #fdfdfd, #ccc8c5
Type (h1): Season Serif · 62.8524px/62.8524px · 400 · tracking -0.6294px — "The best startups run sales on Monaco."
Type (h2): Season Serif · 43.1476px/46.8524px · 400 · tracking -0.4328px — "Everything you need, all in one place."
Type (body): Inter · 16.788px/23.5032px · 400 · tracking -0.3342px — ""Monaco solves go-to-market risk for founders without sales backgrounds.""
Type (button): Inter · 16px/22.4px · 400 · tracking -0.32px — "Request demo"
Button: "Request demo" — fill #000000, text #ffffff, radius 42px, border 0px, padding 11px 16px, height 44px, type 16px/400
Radii: 9999px (13), 12px (9), 20px (3), 16px (2), 42px (2)

## Images

- Hero (desktop): https://media.lvly.design/library/monaco-com/hero.webp?v=283cb059
- Page crop (mid-1): https://media.lvly.design/library/monaco-com/mid-1.webp?v=f18bfba3
- Page crop (mid-2): https://media.lvly.design/library/monaco-com/mid-2.webp?v=81d66aac
- Hero (mobile): https://media.lvly.design/library/monaco-com/mobile-hero.webp?v=394746a6
- Full page (desktop): https://media.lvly.design/library/monaco-com/full.jpg?v=2adfa527
- Full page (mobile): https://media.lvly.design/library/monaco-com/mobile-full.jpg?v=615715f1
- Clip preview (mp4): https://media.lvly.design/library/monaco-com/video-mqnnhd.preview.mp4?v=3c424404

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.

## Steal-worthy details

- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.

## Style recipe

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.