Source: https://www.newscatcherapi.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.

Typography

font-family: Arial, sans-serif — selector body
font-family: Ppneuemontreal, Arial, sans-serif — selector body
font-family: Ppneuemontrealmono, Arial, sans-serif — selector .button-primary
font-size: var(--typography--h1) — selector h1, .h1
font-size: var(--typography--h2) — selector h2, .h2
font-size: var(--typography--h3) — selector h3, .h3
font-size: var(--typography--h4) — selector h4, .h4
font-size: var(--typography--h5) — selector h5, .h5
font-size: var(--typography--h6) — selector h6, .h6
font-size: var(--typography--p-s) — selector p, .p-s
font-weight: bold — selector h1, h2, h3, h4, h5, h6
font-weight: 500 — selector body
font-weight: 300 — selector .style-guide\_\_hero-badge
font-weight: 400 — selector .tabs-nav-text
line-height: var(--typography--lineheight-h1) — selector h1, .h1
line-height: var(--typography--lineheight-h2) — selector h2, .h2
line-height: var(--typography--lineheight-h3) — selector h3, .h3
line-height: var(--typography--lineheight-h4) — selector h4, .h4
line-height: var(--typography--lineheight-h5) — selector h5, .h5
line-height: var(--typography--lineheight-h6) — selector h6, .h6
line-height: var(--typography--lineheight-p-s) — selector p, .p-s
line-height: 20px — selector body
letter-spacing: .04125rem — selector .button-small.button-banner
letter-spacing: .045rem — selector .navbar-link
letter-spacing: .01rem — selector .use-cases**hero-content
letter-spacing: .06em — selector .card-category
letter-spacing: -.02em — selector .napi-title

Colors and surfaces

color: #fff — selector .security-content**item-link:hover .slide-card**content-button, .case-slide**content:hover .slide-card**content-button, .use-case**item:hover .slide-card**content-button, .navbar-dropdown**case:hover .slide-card**content-button,
color: #183FD9 — selector .case-slide**content:hover .slide-card**content-button.is--featured
color: var(--button-primary--buttontext) — selector .button-primary
color: var(--button-primary--buttontexthover) — selector .button-primary:hover
color: var(--button-secondary--buttontext) — selector .button-secondary
color: var(--button-secondary--buttontexthover) — selector .button-secondary:hover
color: var(--button-tertiary--buttontext) — selector .button-tertiary
background-color: black — selector .security-content**item-link:hover .slide-card**content-button, .case-slide**content:hover .slide-card**content-button, .use-case**item:hover .slide-card**content-button, .navbar-dropdown**case:hover .slide-card**content-button,
background-color: #fff — selector .case-slide**content:hover .slide-card**content-button.is--featured
background-color: var(--button-primary--buttonbackground) — selector .button-primary
background-color: var(--button-primary--buttonbackgroundhover) — selector .button-primary:hover
background-color: var(--button-secondary--buttonbackground) — selector .button-secondary
background-color: var(--button-secondary--buttonbackgroundhover) — selector .button-secondary:hover
background-color: var(--button-tertiary--buttonbackground) — selector .button-tertiary
background-color: var(--button-tertiary--buttonbackgroundhover) — selector .button-tertiary:hover

Components and layout

border-radius: 100% — selector .style-guide**home-hero
border-radius: var(--4px-0-25rem) — selector .style-guide**hero-badge
border-radius: var(--6px-0-375rem) — selector .style-guide**navigation-button
border-radius: .25rem — selector .button-secondary.button-large.is-cta-ghost
border-radius: 8px — selector .dataset-card
border-radius: 4px — selector .rts-card
box-shadow: 20px 20px 200px 200px #ffe50073 — selector .style-guide**home-hero.is--yellow
box-shadow: 20px 20px 200px 200px #005fff80 — selector .style-guide**home-hero.is--blue
box-shadow: 0 2px 12px #1018280d — selector .rts-card
max-width: 16.5rem — selector .home-enterprise**item-content p
max-width: 80% — selector .style-guide**hero-content
max-width: 22rem — selector .p-m.text-secondary.m-w-30
padding: 0 !important — selector pre.data_precision_embed.is-dictionary
padding: var(--size--3rem) var(--size--2-5rem) — selector pre.data_precision_embed.is-dictionary code
padding: 0 — selector button::-moz-focus-inner, input::-moz-focus-inner
padding: var(--4px-0-25rem) var(--8px-0-5rem) — selector .style-guide**hero-badge
gap: .25rem .4rem — selector .article-hero**dates
gap: .3rem — selector .article-hero**updated
transition: transform 0.3s ease — selector .navbar-link**icon
transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) — selector .navbar-dropdown**item
transition: none — selector .navbar-dropdown**item
transition: background-color 0.3s, color 0.3s, border 0.3s — selector .button-primary, .button-secondary, .button-tertiary
transition: height 0.4s ease-in-out — selector .expandable-text .text-container
transition: opacity 0.2s linear — selector .text-container .short-text, .text-container .full-text
transition: height 0.3s ease — selector .footer-content\_\_item-list, .footer-content**nav-item > .footer-content**nav-wrapper
transition: color .2s — selector .button-icon.is--small.is--secondary

Responsive rules

screen and (max-width: 480px)
screen and (min-width: 991px)
screen and (max-width: 991px)
(min-width: 480px) and (max-width: 991px)
screen and (min-width: 992px)
screen and (max-width: 991px) 
screen and (max-width: 1920px)
screen and (max-width: 768px) 
screen and (max-width: 480px) 
screen and (max-width: 767px) 
screen and (-ms-high-contrast:none)
screen and (max-width: 479px) 
(min-width: 768px) 
screen and (min-width: 1280px) 
screen and (min-width: 1920px)

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://www.newscatcherapi.com/ — :root

--color-bg1: #183FD9;
--color-bg2: #04006B;
--color1: 18, 113, 255;
--color2: 107, 74, 255;
--color3: 100, 100, 255;
--color4: 50, 160, 220;
--color5: 80, 47, 122;
--color-interactive: 84, 60, 153;
--circle-size: 220%;
--blending: hard-light;

https://cdn.prod.website-files.com/68836ccb0e22570e2e820207/css/news-catcher.shared.4f617093f.css — :root

--base--black: black;
--4px-0-25rem: .25rem;
--8px-0-5rem: .5rem;
--24px-1-5rem: 1.5rem;
--16px-1-0rem: 1rem;
--6px-0-375rem: .375rem;
--56px-3-5rem: 3.5rem;
--32px-2-0rem: 2rem;
--2px-0-125rem: .125rem;
--10px-0-625rem: .625rem;
--12px-0-75rem: .75rem;
--gray--100: #e2e3e9;
--gray--50: #eeeef2;
--base--pulse-blue: #183fd9;
--base--white: white;
--14px-0-875rem: .875rem;
--gray--300: #c5c8d3;
--gray--600: #6f7790;
--base--outline: #eeeef2;
--base--surface-gray: #f6f8fb;
--base--text-secondary: #6f7790;
--gray--700: #595f73;
--gray--500: #9197ab;
--gray--25: #f6f7f8;
--typography--p-l: var(--16px-1-0rem);
--typography--lineheight-p-l: 142%;
--48px-3-0rem: 3rem;
--112px-7-0rem: 7rem;
--80px-5-0rem: 5rem;
--blue--25: #04006b0d;
--paddings--padding-13: var(--160px-10rem);
--paddings--padding-11: var(--80px-5-0rem);
--paddings--padding-14: var(--200px-12-5rem);
--paddings--padding-3: var(--16px-1-0rem);
--paddings--padding-7: var(--48px-3-0rem);
--typography--h5: var(--22px-1-375rem);
--typography--lineheight-h5: 135%;
--paddings--padding-4: var(--24px-1-5rem);
--typography--h7: var(--18px-1-125rem);
--typography--lineheight-h7: var(--24px-1-5rem);
--typography--h4: var(--28px-1-75rem);
--typography--lineheight-h4: 112%;
--paddings--padding-6: var(--40px-2-5rem);
--typography--p-m: var(--14px-0-875rem);
--paddings--padding-2: var(--8px-0-5rem);
--36px-2-25rem: 2.25rem;
--160px-10rem: 10rem;
--40px-2-5rem: 2.5rem;
--124px-7-75rem: 7.75rem;
--120px-7-5rem: 7.5rem;
--84px-5-25rem: 5.25rem;
--64px-4-0rem: 4rem;
--paddings--padding-12: var(--120px-7-5rem);
--paddings--padding-8: var(--56px-3-5rem);
--paddings--padding-15: var(--240px-15rem);
--20px-1-25rem: 1.25rem;
--paddings--padding-10: var(--72px-4-5rem);
--18px-1-125rem: 1.125rem;
--22px-1-375rem: 1.375rem;
--28px-1-75rem: 1.75rem;
--44px-2-75rem: 2.75rem;
--52px-3-25rem: 3.25rem;
--60px-3-75rem: 3.75rem;
--68px-4-25rem: 4.25rem;
--72px-4-5rem: 4.5rem;
--74px-4-625rem: 4.625rem;
--76px-4-75rem: 4.75rem;
--88px-5-5rem: 5.5rem;
--92px-5-75rem: 5.75rem;
--96px-6-0rem: 6rem;
--100px-6-25rem: 6.25rem;
--104px-6-5rem: 6.5rem;
--108px-6-75rem: 6.75rem;
--116px-7-25rem: 7.25rem;
--128px-8rem: 8rem;
--132px-8-25rem: 8.25rem;
--136px-8-5rem: 8.5rem;
--140px-8-75rem: 8.75rem;
--144px-9rem: 9rem;
--148px-9-25rem: 9.25rem;
--152px-9-5rem: 9.5rem;
--156px-9-75rem: 9.75rem;
--168px-10-5rem: 10.5rem;
--176px-11rem: 11rem;
--184px-11-5rem: 11.5rem;
--192px-12rem: 12rem;
--200px-12-5rem: 12.5rem;
--208px-13rem: 13rem;
--216px-13-5rem: 13.5rem;
--224px-14rem: 14rem;
--232px-14-5rem: 14.5rem;
--240px-15rem: 15rem;
--248px-15-5rem: 15.5rem;
--256px-16rem: 16rem;
--264px-16-5rem: 16.5rem;
--272px-17rem: 17rem;
--280px-17-5rem: 17.5rem;
--288px-18rem: 18rem;
--296px-18-5rem: 18.5rem;
--304px-19rem: 19rem;
--312px-19-5rem: 19.5rem;
--320px-20rem: 20rem;
--336px-21rem: 21rem;
--352px-22rem: 22rem;
--368px-23rem: 23rem;
--384px-24rem: 24rem;
--400px-25rem: 25rem;
--416px-26rem: 26rem;
--432px-27rem: 27rem;
--448px-28rem: 28rem;
--464px-29rem: 29rem;
--480px-30rem: 30rem;
--screen-xl: 1920px;
--screen-md: 991px;
--screen-sm: 768px;
--screen-xs: 480px;
--screen-lg: 1440px;
--paddings--padding-1: var(--4px-0-25rem);
--paddings--padding-5: var(--32px-2-0rem);
--paddings--padding-9: var(--64px-4-0rem);
--typography--h1: var(--64px-4-0rem);
--typography--h2: 2.625rem;
--typography--h3: var(--36px-2-25rem);
--typography--h6: var(--24px-1-5rem);
--typography--p-s: var(--12px-0-75rem);
--typography--lineheight-h1: 103%;
--typography--lineheight-h2: 106%;
--typography--lineheight-h3: 106%;
--typography--lineheight-h6: var(--28px-1-75rem);
--typography--lineheight-p-m: 135%;
--typography--lineheight-p-s: 128%;
--base--light-blue: #d1e3ff;
--gray--900: #31343f;
--gray--800: #424757;
--gray--400: #a8adbd;
--gray--200: #d4d6de;
--blue--900: #04006b;
--blue--800: #04006be6;
--blue--700: #04006bcc;
--blue--600: #04006bb3;
--blue--500: #04006b99;
--blue--400: #04006b80;
--blue--300: #04006b66;
--blue--200: #04006b4d;
--blue--100: #04006b33;
--blue--50: #04006b1a;
--button-secondary--buttonbackground: var(--gray--50);
--button-secondary--buttontext: var(--base--black);
--button-secondary--buttonborder: var(--gray--100);
--button-secondary--buttonbackgroundhover: var(--gray--100);
--button-secondary--buttontexthover: var(--base--black);
--button-secondary--buttonborderhover: var(--gray--200);
--button-primary--buttonbackground: var(--base--black);
--button-primary--buttontext: var(--base--white);
--button-primary--buttonborder: var(--button-primary--buttonbackground);
--button-primary--buttonbackgroundhover: var(--blue--900);
--button-primary--buttontexthover: var(--button-primary--buttontext);
--button-primary--buttonborderhover: var(--button-primary--buttonbackgroundhover);
--button-tertiary--buttonbackground: #fff0;
--button-tertiary--buttontext: #303030;
--button-tertiary--buttonborder: #fff0;
--button-tertiary--buttonbackgroundhover: #fff0;
--button-tertiary--buttontexthover: #303030;
--button-tertiary--buttonborderhover: #d9d9d9;
--links--text-color: var(--black--1000<deleted|variable-7aeb2600-40c5-46be-829e-79b309692dd5>);
--links--underline-color: var(--black--1000<deleted|variable-7aeb2600-40c5-46be-829e-79b309692dd5>);
--links--color: white;

https://cdn.prod.website-files.com/68836ccb0e22570e2e820207/css/news-catcher.shared.4f617093f.css — body

--base--black: black;
--4px-0-25rem: .25rem;
--8px-0-5rem: .5rem;
--24px-1-5rem: 1.5rem;
--16px-1-0rem: 1rem;
--6px-0-375rem: .375rem;
--56px-3-5rem: 3.5rem;
--32px-2-0rem: 2rem;
--2px-0-125rem: .125rem;
--10px-0-625rem: .625rem;
--12px-0-75rem: .75rem;
--gray--100: #e2e3e9;
--gray--50: #eeeef2;
--base--pulse-blue: #183fd9;
--base--white: white;
--14px-0-875rem: .875rem;
--gray--300: #c5c8d3;
--gray--600: #6f7790;
--base--outline: #eeeef2;
--base--surface-gray: #f6f8fb;
--base--text-secondary: #6f7790;
--gray--700: #595f73;
--gray--500: #9197ab;
--gray--25: #f6f7f8;
--typography--p-l: var(--16px-1-0rem);
--typography--lineheight-p-l: 142%;
--48px-3-0rem: 3rem;
--112px-7-0rem: 7rem;
--80px-5-0rem: 5rem;
--blue--25: #04006b0d;
--paddings--padding-13: var(--160px-10rem);
--paddings--padding-11: var(--80px-5-0rem);
--paddings--padding-14: var(--200px-12-5rem);
--paddings--padding-3: var(--16px-1-0rem);
--paddings--padding-7: var(--48px-3-0rem);
--typography--h5: var(--20px-1-25rem);
--typography--lineheight-h5: 120%;
--paddings--padding-4: var(--24px-1-5rem);
--typography--h7: var(--18px-1-125rem);
--typography--lineheight-h7: var(--24px-1-5rem);
--typography--h4: var(--24px-1-5rem);
--typography--lineheight-h4: 112%;
--paddings--padding-6: var(--40px-2-5rem);
--typography--p-m: var(--14px-0-875rem);
--paddings--padding-2: var(--8px-0-5rem);
--36px-2-25rem: 2.25rem;
--160px-10rem: 10rem;
--40px-2-5rem: 2.5rem;
--124px-7-75rem: 7.75rem;
--120px-7-5rem: 7.5rem;
--84px-5-25rem: 5.25rem;
--64px-4-0rem: 4rem;
--paddings--padding-12: var(--120px-7-5rem);
--paddings--padding-8: var(--56px-3-5rem);
--paddings--padding-15: var(--240px-15rem);
--20px-1-25rem: 1.25rem;
--paddings--padding-10: var(--72px-4-5rem);
--18px-1-125rem: 1.125rem;
--22px-1-375rem: 1.375rem;
--28px-1-75rem: 1.75rem;
--44px-2-75rem: 2.75rem;
--52px-3-25rem: 3.25rem;
--60px-3-75rem: 3.75rem;
--68px-4-25rem: 4.25rem;
--72px-4-5rem: 4.5rem;
--74px-4-625rem: 4.625rem;
--76px-4-75rem: 4.75rem;
--88px-5-5rem: 5.5rem;
--92px-5-75rem: 5.75rem;
--96px-6-0rem: 6rem;
--100px-6-25rem: 6.25rem;
--104px-6-5rem: 6.5rem;
--108px-6-75rem: 6.75rem;

Observed design values, with source selectors. Names shown are CSS properties, not invented official token names.

Property	Declared value	Selector
font-family	`Arial, sans-serif`	`body`
font-family	`Ppneuemontreal, Arial, sans-serif`	`body`
font-family	`Ppneuemontrealmono, Arial, sans-serif`	`.button-primary`
font-size	`var(--typography--h1)`	`h1, .h1`
font-size	`var(--typography--h2)`	`h2, .h2`
font-size	`var(--typography--h3)`	`h3, .h3`
font-size	`var(--typography--h4)`	`h4, .h4`
font-size	`var(--typography--h5)`	`h5, .h5`
font-size	`var(--typography--h6)`	`h6, .h6`
font-size	`var(--typography--p-s)`	`p, .p-s`
font-weight	`bold`	`h1, h2, h3, h4, h5, h6`
font-weight	`500`	`body`
font-weight	`300`	`.style-guide\_\_hero-badge`
font-weight	`400`	`.tabs-nav-text`
line-height	`var(--typography--lineheight-h1)`	`h1, .h1`
line-height	`var(--typography--lineheight-h2)`	`h2, .h2`
line-height	`var(--typography--lineheight-h3)`	`h3, .h3`
line-height	`var(--typography--lineheight-h4)`	`h4, .h4`
line-height	`var(--typography--lineheight-h5)`	`h5, .h5`
line-height	`var(--typography--lineheight-h6)`	`h6, .h6`
line-height	`var(--typography--lineheight-p-s)`	`p, .p-s`
line-height	`20px`	`body`
letter-spacing	`.04125rem`	`.button-small.button-banner`
letter-spacing	`.045rem`	`.navbar-link`
letter-spacing	`.01rem`	`.use-cases**hero-content`
letter-spacing	`.06em`	`.card-category`
letter-spacing	`-.02em`	`.napi-title`
color	`#fff`	`.security-contentitem-link:hover .slide-cardcontent-button, .case-slidecontent:hover .slide-cardcontent-button, .use-caseitem:hover .slide-cardcontent-button, .navbar-dropdowncase:hover .slide-cardcontent-button,`
color	`#183FD9`	`.case-slidecontent:hover .slide-cardcontent-button.is--featured`
color	`var(--button-primary--buttontext)`	`.button-primary`
color	`var(--button-primary--buttontexthover)`	`.button-primary:hover`
color	`var(--button-secondary--buttontext)`	`.button-secondary`
color	`var(--button-secondary--buttontexthover)`	`.button-secondary:hover`
color	`var(--button-tertiary--buttontext)`	`.button-tertiary`
background-color	`black`	`.security-contentitem-link:hover .slide-cardcontent-button, .case-slidecontent:hover .slide-cardcontent-button, .use-caseitem:hover .slide-cardcontent-button, .navbar-dropdowncase:hover .slide-cardcontent-button,`
background-color	`#fff`	`.case-slidecontent:hover .slide-cardcontent-button.is--featured`
background-color	`var(--button-primary--buttonbackground)`	`.button-primary`
background-color	`var(--button-primary--buttonbackgroundhover)`	`.button-primary:hover`
background-color	`var(--button-secondary--buttonbackground)`	`.button-secondary`
background-color	`var(--button-secondary--buttonbackgroundhover)`	`.button-secondary:hover`
background-color	`var(--button-tertiary--buttonbackground)`	`.button-tertiary`
background-color	`var(--button-tertiary--buttonbackgroundhover)`	`.button-tertiary:hover`
border-radius	`100%`	`.style-guide**home-hero`
border-radius	`var(--4px-0-25rem)`	`.style-guide**hero-badge`
border-radius	`var(--6px-0-375rem)`	`.style-guide**navigation-button`
border-radius	`.25rem`	`.button-secondary.button-large.is-cta-ghost`
border-radius	`8px`	`.dataset-card`
border-radius	`4px`	`.rts-card`
box-shadow	`20px 20px 200px 200px #ffe50073`	`.style-guide**home-hero.is--yellow`
box-shadow	`20px 20px 200px 200px #005fff80`	`.style-guide**home-hero.is--blue`
box-shadow	`0 2px 12px #1018280d`	`.rts-card`
max-width	`16.5rem`	`.home-enterprise**item-content p`
max-width	`80%`	`.style-guide**hero-content`
max-width	`22rem`	`.p-m.text-secondary.m-w-30`
padding	`0 !important`	`pre.data_precision_embed.is-dictionary`
padding	`var(--size--3rem) var(--size--2-5rem)`	`pre.data_precision_embed.is-dictionary code`
padding	`0`	`button::-moz-focus-inner, input::-moz-focus-inner`
padding	`var(--4px-0-25rem) var(--8px-0-5rem)`	`.style-guide**hero-badge`
gap	`.25rem .4rem`	`.article-hero**dates`
gap	`.3rem`	`.article-hero**updated`
transition	`transform 0.3s ease`	`.navbar-link**icon`
transition	`all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1)`	`.navbar-dropdown**item`
transition	`none`	`.navbar-dropdown**item`
transition	`background-color 0.3s, color 0.3s, border 0.3s`	`.button-primary, .button-secondary, .button-tertiary`
transition	`height 0.4s ease-in-out`	`.expandable-text .text-container`
transition	`opacity 0.2s linear`	`.text-container .short-text, .text-container .full-text`
transition	`height 0.3s ease`	`.footer-content\_\_item-list, .footer-contentnav-item > .footer-contentnav-wrapper`
transition	`color .2s`	`.button-icon.is--small.is--secondary`

Evidence and limitations

Values come directly from downloaded stylesheets. Selector context is retained to distinguish elements; individual media-query conditions are not retained.
CSS cascade, active viewport, runtime styles, interactive states and private product UI were not verified. Colors or dimensions in utility classes may be unused on this page.
No inferred dark theme, semantic color roles or framework defaults have been added.
344 custom-property declarations found; 1330 relevant property declarations parsed.

NewsCatcher

Marketing Pages

Product Interfaces

Emails

NewsCatcher

Run an events search

NewsCatcher

Create a company watchlist

NewsCatcher

Create an API key

Visual identity

NewsCatcher — design reference

Typography

Colors and surfaces

Components and layout

Responsive rules

Evidence and limitations

Stylesheet sources