monday CRM, exactly

They are two products you buy separately, built on one platform. Everything below the frame (boards, buttons, menus, icons) is the same Vibe design system; what changes is the frame, the boards you start with, and the sales parts.

Left: monday's own picture. Right: our copy, built only from the design-system files. Every copy works: open one full size to click, fold, drag or switch theme, and use its slider to compare with the original.

1 · Contacts board with the full CRM side menu

2 · Leads board with the AI Lead Agent panel

3 · Contact card: Related accounts, Emails & Activities, Vital stats

4 · Deals pipeline (Kanban)

monday's own help-centre pictures of monday CRM (web-archive copies, 2025-2026). Click one to see it full size.

Leads in groups (New, Qualified) with the AI Sales Agent Setting up an AI sales agent: goal, call script, knowledge Lead Agent: "What should I look for?" (ideal customer) Lead Agent: preview of the leads it found Contacts: column menu with "Autofill with AI" Contacts: setting up an AI column from Emails & Activities Emails & Activities: AI summary of a contact's history Emails & Activities: AI email composer Quotes & Invoices board: first-time empty state Creating a quote from inside a deal Sales dashboard: won deals value against the goal Sales gauge widget with its settings

Polished pictures from monday's CRM web pages. They show where the product is going (agents everywhere), but they are drawn for advertising, so they are not used for measuring. 143 pictures and 2 videos were collected; these are the clearest.

Deals pipeline (rebuilt above) Deal pipeline with Sidekick, monday's AI helper "A pipeline that fills itself": the Lead Agent Deal page: stages, Emails & Activities, meeting overview Pipeline health report from an agent Home with a Meeting Prep Agent Sequences: emails, call reminders, waits Accounts with contacts and close probability Account management: AI summary card Lead management: activity timeline Email tracking: who opened what Sales pipeline: stage distribution

The CRM uses every Vibe colour from the monday.com study (main blue #0073EA, text #323338, all status colours). These are the extra colours that make it look like the CRM, measured on monday's pictures.

Same fonts as monday.com: Poppins for the CRM wordmark, card names and widget titles; Figtree for everything you read. One surprise: the Related accounts table inside the contact card is drawn in Roboto.

The parts monday CRM adds on top of Vibe, drawn with monday-crm.css. Buttons, inputs, menus, tabs, toasts and dialogs are the monday.com ones; see the monday.com study.

CRM frame & side menu

Linked records (chips)

Stages & labels

Pipeline card

Microsoft

Critical$55,000 Deal value

6

✦ AI recommendationSchedule a discovery call with Diana

Yelloworks

Low$7,500 Deal value

1

Card white, 1 px line, 6 px corners, 11 px padding; name, then two tags, then owner + counts · priority tag grey with a 3 px coloured edge (Critical dark, High red, Medium orange, Low yellow) · AI next step a pale blue box inside the card · stage head coloured, arrow-shaped, "Stage / count", the money total underneath · drag lifts the card and tints the target stage.

Contact card & timeline

AI agent panel

monday's help centre shows monday CRM in light only. monday.com itself has real Dark and Night themes (see the monday.com study), and the CRM uses the same Vibe tokens, so our dark and night copies use Vibe's own dark and black colours and carry the CRM's teal tint into the frame. Use the switch at the top: every copy above changes with it.

What makes monday CRM feel easy for sales people.

All 29 laws from lawsofux.com, each checked against what monday's own CRM pictures show. "Not seen" means a picture cannot show it, so we did not guess.

monday CRM is the closest of our studies to what AltLeads does (leads, calls, meetings). Options, not decisions: you choose.

Link the monday.com files plus the CRM file. Put dark-app-theme or black-app-theme on the page for dark or night.

<link rel="stylesheet" href="monday/monday-tokens.css">   <!-- Vibe colours, sizes, letters, movement -->
<link rel="stylesheet" href="monday/monday-vibe.css">     <!-- Vibe buttons, inputs, menus, tabs ... -->
<link rel="stylesheet" href="monday/monday.css">          <!-- board: groups, rows, status cells -->
<link rel="stylesheet" href="monday/monday-crm.css">      <!-- CRM frame, chips, contact card, agent panel, pipeline -->
<script src="monday/monday-icons.js"></script>

<div class="mc"> … <span class="mc-chip">HSBF</span> … </div>
<div class="mc mcd"><article class="mcd-card">…</article></div>

Only real sources. No login, no bot-check bypass. Where we could not see something, the page says so.

• monday's help centre (support.monday.com) shows a bot check, so we did not open it. We used the public web archive's copies of 45 articles (2025-2026), among them "monday CRM's AI features", "monday CRM AI Lead Agent", "AI Sales Agent", "Emails & Activities: AI summary / AI email composer", "Manage your contacts with monday CRM", "The new Quotes & Invoices", "Sales Gauge Widget". monday's own picture
• monday.com/crm and its sub-pages (features, AI agents, AI notetaker, use cases, industries, SMB, enterprise, what's new), opened in Chrome: 143 pictures and 2 videos. Marketing pictures, used for the gallery and the Deals pipeline copy only.
• Vibe, monday's open-source design system (MIT): the same files as the monday.com study.
• Colour fix: one help picture (Leads) stores Display-P3 numbers labelled sRGB; we converted it back before measuring. The others are ordinary sRGB.
• Ours: dark and night for every CRM copy; the building, $, target and four-point-star icons (monday's own are not in the public Vibe icon set). ours
• Archive: the older quick page from the 2 Oct batch is kept at OpenDesign-archive/altleads-design-project/design-systems/monday-crm-OLD-generated-2oct.html.