
Source: https://monday.com/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.
font-family: swiper-icons โ selector .swiper-button-next:after,.swiper-button-prev:afterfont-family: Arial,sans-serif โ selector bodyfont-family: Poppins,Arial,sans-serif โ selector bodyfont-family: Roboto โ selector .hubspot-buttonfont-family: Notosanshebrew Variablefont Wdth Wght,Arial,sans-serif โ selector .m_par-16.manila_text-lightfont-family: Arial,Helvetica Neue,Helvetica,sans-serif โ selector .ps_agenda-subtext-style2font-size: var(--swiper-navigation-size) โ selector .swiper-button-next:after,.swiper-button-prev:afterfont-size: 2em โ selector h1font-size: 14px โ selector bodyfont-size: 38px โ selector h1font-size: 32px โ selector h2font-size: 24px โ selector h3font-size: 18px โ selector h4font-weight: 700 โ selector h1,h2,h3,h4,h5,h6font-weight: 600 โ selector .mondaydotcom-library--m_heading-style-40font-weight: 300 โ selector .mondaydotcom-library--m_dt-nav-linkfont-weight: 500 โ selector .mondaydotcom-library--mobile-link.mondaydotcom-library--is-titlefont-weight: 200 โ selector .heading-style-h2.for-svc-sec-lrfont-weight: 100 โ selector .crm_heading.x-lightline-height: 1 โ selector .swiper-button-next:after,.swiper-button-prev:afterline-height: 20px โ selector bodyline-height: 44px โ selector h1line-height: 36px โ selector h2line-height: 30px โ selector h3line-height: 24px โ selector h4line-height: 18px โ selector h6letter-spacing: -.03em โ selector h1, h2letter-spacing: 0 โ selector .swiper-button-next:after,.swiper-button-prev:afterletter-spacing: -.025rem โ selector .mondaydotcom-library--m_heading-style-40letter-spacing: -.02px โ selector .heading-style-h3.for-ai-departmentsletter-spacing: -1px โ selector .heading-style-h3.for-hp-pane.is-it.is-collab-48letter-spacing: -.02rem โ selector .heading-style-h5letter-spacing: -.02em โ selector .heading-style-h2.is-project-mletter-spacing: -.01rem โ selector .heading-style-h6color: var(--purple) โ selector .m_dt-nav-link:hover .m_dt-nav-link-icon-parentcolor: var(--swiper-navigation-color,var(--swiper-theme-color)) โ selector .swiper-button-next,.swiper-button-prevcolor: #333 โ selector bodycolor: #6161ff โ selector .mondaydotcom-library--m_dt-nav-link:hoverbackground-color: #6161ff !important โ selector [data-button='bounce']background-color: #0000 โ selector abackground-color: #fff โ selector bodyborder-radius: 10rem โ selector .mondaydotcom-library--m_buttonborder-radius: .5rem โ selector .mondaydotcom-library--m_dt-nav-linkborder-radius: 6.25rem โ selector .mondaydotcom-library--primary-button-10border-radius: 1.5rem โ selector .p_cardborder-radius: 100% โ selector .p_cover-buttonborder-radius: 1.25rem โ selector .p_accordion-btn-horizontal-linebox-shadow: none โ selector button.swiper-pagination-bulletbox-shadow: 0 12px 12px #00000014 โ selector .mondaydotcom-library--group_nav-full-childbox-shadow: 0 2px 15px #0000001a โ selector .mondaydotcom-library--minisite-nav-mbbox-shadow: 0 20px 40px #0000001a โ selector .studio_hero-board-mobilebox-shadow: 0 10px 30px #00000026 โ selector .st_tab-pane-cardbox-shadow: 0 6px 20px #1b85ff33 โ selector .m_button.for--pickupbox-shadow: 0 8px 24px #0000001f โ selector .service-hero-img-002box-shadow: 0 2px 40px #0003 โ selector .cro_sticky-cardmax-width: 100% โ selector .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svgmax-width: 80rem โ selector .mondaydotcom-library--m_container-largemax-width: 20rem โ selector .mondaydotcom-library--group_nav-col-parentmax-width: 13rem โ selector .mondaydotcom-library--group_nav-col-parent.mondaydotcom-library--is-solutions-endmax-width: 85.75rem โ selector .mondaydotcom-library--nav-container-fullpadding: 0rem 0 โ selector .hero_test-tab-pane-wrapperpadding: 0 โ selector button.swiper-pagination-bulletpadding: .875rem 2rem โ selector .mondaydotcom-library--m_buttonpadding: .5rem โ selector .mondaydotcom-library--m_dt-nav-linkgap: 4rem โ selector .slg-hero_componentgap: 2rem โ selector .slg-hero_contentgap: 1rem โ selector .resources-hero_contentgap: .75rem โ selector .resources-hero_text-groupgap: 24px โ selector .clay-hero_innergap: 13px โ selector .clay-hero_textgap: 8px โ selector .clay-hero_btngap: 4px โ selector .clay-hero_tabstransition: opacity 0.35s ease โ selector .hero_test-tabs-menu-linktransition: transform .3s โ selector .mondaydotcom-library--m_button-arrowtransition: all .3s โ selector .mondaydotcom-library--m_dt-nav-linktransition: background-color .3s cubic-bezier(.515,.147,.25,1) โ selector .mondaydotcom-library--primary-button-10transition: all .25s โ selector atransition: background-color .2s cubic-bezier(.515,.147,.25,1) โ selector .button-stroketransition: all .35s ease-in-out โ selector .p_cover-buttontransition: width .3s โ selector .tabs-btn-progressonly screen and (max-width: 1342px)
only screen and (max-width: 1230px)
screen and (min-width: 992px) and (max-width: 1280px)
screen and (min-width: 1600px) and (max-width: 1919px)
screen and (max-width: 991px)
screen and (max-width: 375px)
(prefers-reduced-motion: reduce)
screen and (-ms-high-contrast:none)
screen and (max-width:991px)
screen and (max-width:767px)
screen and (max-width:479px)
(min-width:768px)
screen and (min-width:1280px)
screen and (min-width:1440px)
screen and (min-width:1920px)
Source: https://monday.com/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.
Original CSS custom-property declarations, grouped by source and selector. Up to 250 declarations; selectors preserved; media-query conditions are not attached to individual declarations.
https://monday.com/static/css/swiper-bundle.min.css โ :root
--swiper-theme-color: #007aff;
--swiper-navigation-size: 44px;https://monday.com/static/css/swiper-bundle.min.css โ .swiper-lazy-preloader-white
--swiper-preloader-color: #fff;https://monday.com/static/css/swiper-bundle.min.css โ .swiper-lazy-preloader-black
--swiper-preloader-color: #000;https://cdn.prod.website-files.com/656da6fea306219773d04208/css/websitepages.shared.d55e5afda.min.css โ :root
--black: #000;
--purple: #6161ff;
--flowui-component-library--white: white;
--light: #f0f3ff;
--dark-green: #025231;
--green: #00ca72;
--white: #fff;
--text-color--white: var(--white);
--dev--light: var(--dev-light-green);
--dark-blue-crm: #0c86ab;
--mondaydotcom-library---black: black;
--turquoise: #00d2d2;
--crm--primary: var(--turquoise);
--secondary: #676879;
--radius--16: 1rem;
--products--service-contrast: #b11b4a;
--products--service: #ff3a5d;
--wm-contrast: #311cac;
--flowui-component-library--gray-200: #f3f5fb;
--flowui-component-library--grey-300: #e4e6f1;
--elements-webflow-library--neutral--800: #211f54;
--grey-background-color: #f6f7fb;
--text-color--black: var(--black);
--elements-webflow-library--neutral--100: white;
--products--crm-contrast: #006278;
--bright-green: #73d5a4;
--primary-green: #00c875;
--yellow: #fc0;
--dev--primary: var(--primary-green);
--dev--bright: var(--bright-green);
--mondaydotcom-library---white: white;
--radius--8: .5rem;
--products--dev-contrast: #025231;
--products--service-bg-001: #f5eff1;
--dark-blue: #181b34;
--crm--dark: var(--dark-blue-crm);
--flowui-component-library--gray-400: #b6b9ce;
--dark-grey: #323338;
--flowui-component-library--success-darker: #006638;
--bright-blue: #24c4e6;
--white-15: #ffffff1a;
--light-turquoise: #d1faff;
--dev--dark: var(--dark-green);
--crm--light: var(--light-turquoise);
--flowui-component-library--gray-100: #f7f9fd;
--intelligent-blue: #97aeff;
--elements-webflow-library--neutral--600: #6e7191;
--crm--surface: var(--crm-surface);
--digital-purple: #e271ff;
--dev-light-green: #bcfe90;
--elements-webflow-library--neutral--300: #eff0f6;
--orange: #fdab3d;
--dev--surface: var(--dev-surface);
--\_font-sizes---fw1-font-48: 3rem;
--flowui-component-library--gray-500: #7c7b7b;
--surface-light: #f3f4f5;
--status-purple: #9d50dd;
--\_agents---agent-03: #6161ff;
--\_agents---agent-04: #3ac9ff;
--\_agents---agent-01: #c6dfff;
--\_agents---agent-02: #ffe100;
--\_agents---agent-08: #0074fd;
--\_agents---agent-07: #ff84e4;
--\_agents---agent-06: #fed4f5;
--\_agents---agent-05: #fda900;
--elements-webflow-library--accent--primary-1: #4a3aff;
--radius--ai-60: 3.75rem;
--flowui-component-library--primary-lighter: #f7f5ff;
--\_typography---h1: 0px;
--_text-styles---line-height: var(--_typography---line-height--huge);
--clay--white-smoke: #f3f4f5;
--clay--grey-ink: #7c7b7b;
--grey-ink: #7c7b7b;
--grey-graphite: #cacbcd;
--bright-purple: #9450fd;
--crm--bright: var(--bright-blue);
--clay--grey-300: #cacbcd;
--light-green: #b8fce0;
--elements-webflow-library--neutral--200: #f7f7fc;
--dark: #181b34;
--_text-styles---font-size: var(--_typography---text-main);
--\_typography---h2: clamp(2.5_1rem,((2.5 - ((4 - 2.5)/(var(--site--viewport-max) - var(--site--viewport-min))_var(--site--viewport-min)))_1rem + ((4 - 2.5)/(var(--site--viewport-max) - var(--site--viewport-min)))_100vw),4\*1rem);
--\_typography---h3: 3rem;
--\_typography---text-main: 1rem;
--\_typography---line-height--small: 1;
--\_typography---line-height--medium: 1.1;
--\_typography---line-height--large: 1.3;
--\_typography---line-height--huge: 1.5;
--crm-surface: #e7f4f6;
--dev-surface: #e2f0e7;
--elements-webflow-library--general--shadow-01: #14142b0f;
--elements-webflow-library--secondary--color-1: #281ca5;
--elements-webflow-library--secondary--color-2: #f2f1ff;
--flowui-component-library--gray-900: #160042;
--flowui-component-library--gray-700: #282556;
--flowui-component-library--success-lighter: #ebfff6;
--crm--orange: var(--orange);
--dev--yellow: var(--yellow);
--products--service-blue: #2f304c;
--site--viewport-max: 80;
--site--viewport-min: 20;
--flowui-component-library--primary-base: #642eff;https://cdn.prod.website-files.com/656da6fea306219773d04208/css/websitepages.shared.d55e5afda.min.css โ .m_text-component
--_text-styles---line-height: var(--\_typography---line-height--huge);
--_text-styles---font-size: var(--_typography---text-main);https://cdn.prod.website-files.com/656da6fea306219773d04208/css/websitepages.shared.d55e5afda.min.css โ body
--\_font-sizes---fw1-font-48: 3.5rem;
--\_font-sizes---fw1-font-48: 2.5rem;
--_font-sizes---fw1-font-48: 2rem;https://cdn.prod.website-files.com/656da6fea306219773d04208/css/websitepages.shared.d55e5afda.min.css โ .minisite-title-max-width
--_font-sizes---fw1-font-48: 2rem;
Source: https://monday.com/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.
Observed design values, with source selectors. Names shown are CSS properties, not invented official token names.
| Property | Declared value | Selector |
|---|---|---|
| font-family | swiper-icons | .swiper-button-next:after,.swiper-button-prev:after |
| font-family | Arial,sans-serif | body |
| font-family | Poppins,Arial,sans-serif | body |
| font-family | Roboto | .hubspot-button |
| font-family | Notosanshebrew Variablefont Wdth Wght,Arial,sans-serif | .m_par-16.manila_text-light |
| font-family | Arial,Helvetica Neue,Helvetica,sans-serif | .ps_agenda-subtext-style2 |
| font-size | var(--swiper-navigation-size) | .swiper-button-next:after,.swiper-button-prev:after |
| font-size | 2em | h1 |
| font-size | 14px | body |
| font-size | 38px | h1 |
| font-size | 32px | h2 |
| font-size | 24px | h3 |
| font-size | 18px | h4 |
| font-weight | 700 | h1,h2,h3,h4,h5,h6 |
| font-weight | 600 | .mondaydotcom-library--m_heading-style-40 |
| font-weight | 300 | .mondaydotcom-library--m_dt-nav-link |
| font-weight | 500 | .mondaydotcom-library--mobile-link.mondaydotcom-library--is-title |
| font-weight | 200 | .heading-style-h2.for-svc-sec-lr |
| font-weight | 100 | .crm_heading.x-light |
| line-height | 1 | .swiper-button-next:after,.swiper-button-prev:after |
| line-height | 20px | body |
| line-height | 44px | h1 |
| line-height | 36px | h2 |
| line-height | 30px | h3 |
| line-height | 24px | h4 |
| line-height | 18px | h6 |
| letter-spacing | -.03em | h1, h2 |
| letter-spacing | 0 | .swiper-button-next:after,.swiper-button-prev:after |
| letter-spacing | -.025rem | .mondaydotcom-library--m_heading-style-40 |
| letter-spacing | -.02px | .heading-style-h3.for-ai-departments |
| letter-spacing | -1px | .heading-style-h3.for-hp-pane.is-it.is-collab-48 |
| letter-spacing | -.02rem | .heading-style-h5 |
| letter-spacing | -.02em | .heading-style-h2.is-project-m |
| letter-spacing | -.01rem | .heading-style-h6 |
| color | var(--purple) | .m_dt-nav-link:hover .m_dt-nav-link-icon-parent |
| color | var(--swiper-navigation-color,var(--swiper-theme-color)) | .swiper-button-next,.swiper-button-prev |
| color | #333 | body |
| color | #6161ff | .mondaydotcom-library--m_dt-nav-link:hover |
| background-color | #6161ff !important | [data-button='bounce'] |
| background-color | #0000 | a |
| background-color | #fff | body |
| border-radius | 10rem | .mondaydotcom-library--m_button |
| border-radius | .5rem | .mondaydotcom-library--m_dt-nav-link |
| border-radius | 6.25rem | .mondaydotcom-library--primary-button-10 |
| border-radius | 1.5rem | .p_card |
| border-radius | 100% | .p_cover-button |
| border-radius | 1.25rem | .p_accordion-btn-horizontal-line |
| box-shadow | none | button.swiper-pagination-bullet |
| box-shadow | 0 12px 12px #00000014 | .mondaydotcom-library--group_nav-full-child |
| box-shadow | 0 2px 15px #0000001a | .mondaydotcom-library--minisite-nav-mb |
| box-shadow | 0 20px 40px #0000001a | .studio_hero-board-mobile |
| box-shadow | 0 10px 30px #00000026 | .st_tab-pane-card |
| box-shadow | 0 6px 20px #1b85ff33 | .m_button.for--pickup |
| box-shadow | 0 8px 24px #0000001f | .service-hero-img-002 |
| box-shadow | 0 2px 40px #0003 | .cro_sticky-card |
| max-width | 100% | .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg |
| max-width | 80rem | .mondaydotcom-library--m_container-large |
| max-width | 20rem | .mondaydotcom-library--group_nav-col-parent |
| max-width | 13rem | .mondaydotcom-library--group_nav-col-parent.mondaydotcom-library--is-solutions-end |
| max-width | 85.75rem | .mondaydotcom-library--nav-container-full |
| padding | 0rem 0 | .hero_test-tab-pane-wrapper |
| padding | 0 | button.swiper-pagination-bullet |
| padding | .875rem 2rem | .mondaydotcom-library--m_button |
| padding | .5rem | .mondaydotcom-library--m_dt-nav-link |
| gap | 4rem | .slg-hero_component |
| gap | 2rem | .slg-hero_content |
| gap | 1rem | .resources-hero_content |
| gap | .75rem | .resources-hero_text-group |
| gap | 24px | .clay-hero_inner |
| gap | 13px | .clay-hero_text |
| gap | 8px | .clay-hero_btn |
| gap | 4px | .clay-hero_tabs |
| transition | opacity 0.35s ease | .hero_test-tabs-menu-link |
| transition | transform .3s | .mondaydotcom-library--m_button-arrow |
| transition | all .3s | .mondaydotcom-library--m_dt-nav-link |
| transition | background-color .3s cubic-bezier(.515,.147,.25,1) | .mondaydotcom-library--primary-button-10 |
| transition | all .25s | a |
| transition | background-color .2s cubic-bezier(.515,.147,.25,1) | .button-stroke |
| transition | all .35s ease-in-out | .p_cover-button |
| transition | width .3s | .tabs-btn-progress |
Source: https://monday.com/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.