Source: https://www.userflow.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: var(--_u-font---font--family--primary-font) — selector .homepage_hero_component h1, .homepage_hero_component h2
font-family: Arial,sans-serif — selector body
font-family: var(--_typography---font-styles--body) — selector body
font-family: var(--_typography---font-styles--heading) — selector h1
font-family: var(--_u-font---font--family--secondary-font) — selector .button-1
font-family: Figtree,Verdana,sans-serif — selector .heading-style-h6-2
font-size: var(--_u-font---font--size--headings--heading-5) — selector .text-rich-text.blog-page h2
font-size: var(--_u-font---font--size--headings--heading-6) — selector .text-rich-text.blog-page h3
font-size: var(--_u-font---font--size--headings--heading-7) — selector .text-rich-text.blog-page h4
font-size: var(--_u-font---font--size--display--display-2) — selector .homepage_hero_component h1, .homepage_hero_component h2
font-size: 1.125rem — selector .filters-mobile-header\__title
font-weight: 700 — selector .homepage_hero_component h1, .homepage_hero_component h2
font-weight: 700 !important — selector .decorative-rich-text .text-rich-text sup
font-weight: 500 — selector .text-weight-medium
font-weight: 300 — selector .text-weight-light
line-height: 1 — selector .homepage_hero_component h1, .homepage_hero\_component h2
line-height: 100% — selector .doodle-rich-text .text-rich-text h1, .doodle-rich-text .text-rich-text h2, .doodle-rich-text .text-rich-text h3
line-height: 1.2 — selector .decorative-rich-text .text-rich-text h2
line-height: 1.05 !important — selector .decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 strong, .deco
line-height: 20px — selector body
line-height: 44px — selector h1
line-height: 36px — selector h2
letter-spacing: -1.28px — selector .homepage_hero_component h1, .homepage_hero_component h2
letter-spacing: -2% — selector .decorative-rich-text .text-rich-text h2
letter-spacing: -.96px — selector .heading-style-h2
letter-spacing: -.24px — selector .heading-style-h6
letter-spacing: -.28px — selector .heading-style-h5
letter-spacing: -1.12px — selector .heading-style-h1
letter-spacing: -.36px — selector .heading-style-h4
letter-spacing: -.88px — selector .heading-style-h3

Colors and surfaces

color: #4a90eb — selector .homepage_hero_component-content h1 strong
color: #74B0FF — selector .homepage_hero .text-rich-text h1 em
color: var(--_u-color-palette---colors--dark--500-body) — selector .text-rich-text.blog-page p, .text-rich-text.blog-page ol, .text-rich-text.blog-page ul
color: var(--_u-color-palette---colors--dark--900-main) — selector .homepage_hero_component h1, .homepage_hero_component h2
background-color: var(--_u-color-palette---colors--off-white) — selector body
background-color: #DFDDFF — selector .decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 strong, .deco
background-color: #D1E5FF — selector .decorative-rich-text .text-rich-text em, .decorative-rich-text .text-rich-text i
background-color: #E3FED5 !important — selector .decorative-rich-text .text-rich-text sup
background-color: #74B0FF !important — selector .decorative-rich-text .text-rich-text sub
background-color: #DFDDFF !important — selector .decorative-rich-text .text-rich-text strong, .decorative-rich-text .text-rich-text b

Components and layout

border-radius: var(--\_u-border-radius---radius--lg) — selector .text-rich-text.blog-page img
border-radius: 0.35em — selector .decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 strong, .deco
border-radius: 0.28em — selector .decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 stron
border-radius: var(--_u-border-radius---radius--full) — selector .button
border-radius: var(--_ui-styles---radius--medium) — selector .rl-styleguide_subheading
border-radius: var(--_ui-styles---radius--small) — selector .rl-styleguide\_nav-link
box-shadow: rgba(18, 25, 65, 0.1) 0px 0px 0px 4px inset — selector :where(html:not(.wf-design-mode)) .search-field:is(:focus, :not(:placeholder-shown)), .search-field.-wfp-focus
max-width: 12em — selector .homepage_bento_component > .homepage_bento_item:first-child .heading-style-h4
max-width: 160px — selector .temp-navbar img
max-width: 100% — selector .text-rich-text.blog-page figure
max-width: 90rem — selector .container-large
max-width: 64rem — selector .container-medium
padding: 0.02em 0.32em 0.12em — selector .decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 strong, .deco
padding: 0.06em 0.24em — selector .decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 stron
padding: 0.08em 0.28em 0.12em — selector .decorative-rich-text .text-rich-text strong, .decorative-rich-text .text-rich-text b, .decorative-rich-text .text-rich-text em, .decorative-rich-text .text-rich-text i, .decorative-rich-text .text-rich-text sup, .decorative-rich-text .text-rich-text
padding: 12px 56px 12px 24px !important — selector .banner-text-wrapper
padding: 0 — selector button::-moz-focus-inner,input::-moz-focus-inner
gap: 10px — selector .filters-mobile-header\_\_title
transition: 0.3s — selector .footer-nav-links-wrapper a
transition: max-height 0.25s ease, opacity 0.2s ease, margin 0.25s ease, padding 0.25s ease — selector .pricing-table-heading [hide-when-sticky]
transition: opacity 0.25s ease, visibility 0s linear 0.25s — selector .navbar7_component-bg
transition: opacity 0.25s ease, visibility 0s linear 0s — selector .navbar7_component-bg.is-active
transition: opacity 250ms ease, visibility 0s linear 250ms !important — selector .navbar7\_component-bg
transition: opacity 250ms ease, visibility 0s linear 0s !important — selector .navbar7\_component-bg.is-active
transition: none !important — selector [data-announcement-banner], .navbar7_component-bg
transition: transform 0.2s ease, filter 0.2s ease — selector .stacked-cards_card

Responsive rules

screen and (min-width: 992px) 
screen and (max-width: 991px) 
screen and (max-width: 767px) 
screen and (max-width: 479px) 
screen and (max-width: 1279px) 
screen and (min-width: 1280px) 
(max-width: 991px) 
screen and (max-width: 640px) 
(prefers-reduced-motion: reduce) 
(max-width: 767px) 
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)

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.userflow.com/ — .color-scheme-2

--color-scheme-1--text: var(--color-scheme-2--text);
--color-scheme-1--background: var(--color-scheme-2--background);
--color-scheme-1--foreground: var(--color-scheme-2--foreground);
--color-scheme-1--border: var(--color-scheme-2--border);
--color-scheme-1--accent: var(--color-scheme-2--accent);

https://www.userflow.com/ — .color-scheme-3

--color-scheme-1--text: var(--color-scheme-3--text);
--color-scheme-1--background: var(--color-scheme-3--background);
--color-scheme-1--foreground: var(--color-scheme-3--foreground);
--color-scheme-1--border: var(--color-scheme-3--border);
--color-scheme-1--accent: var(--color-scheme-3--accent);

https://www.userflow.com/ — .color-scheme-4

--color-scheme-1--text: var(--color-scheme-4--text);
--color-scheme-1--background: var(--color-scheme-4--background);
--color-scheme-1--foreground: var(--color-scheme-4--foreground);
--color-scheme-1--border: var(--color-scheme-4--border);
--color-scheme-1--accent: var(--color-scheme-4--accent);

https://www.userflow.com/ — .color-scheme-5

--color-scheme-1--text: var(--color-scheme-5--text);
--color-scheme-1--background: var(--color-scheme-5--background);
--color-scheme-1--foreground: var(--color-scheme-5--foreground);
--color-scheme-1--border: var(--color-scheme-5--border);
--color-scheme-1--accent: var(--color-scheme-5--accent);

https://www.userflow.com/ — .color-scheme-6

--color-scheme-1--text: var(--color-scheme-6--text);
--color-scheme-1--background: var(--color-scheme-6--background);
--color-scheme-1--foreground: var(--color-scheme-6--foreground);
--color-scheme-1--border: var(--color-scheme-6--border);
--color-scheme-1--accent: var(--color-scheme-6--accent);

https://www.userflow.com/ — .color-scheme-7

--color-scheme-1--text: var(--color-scheme-7--text);
--color-scheme-1--background: var(--color-scheme-7--background);
--color-scheme-1--foreground: var(--color-scheme-7--foreground);
--color-scheme-1--border: var(--color-scheme-7--border);
--color-scheme-1--accent: var(--color-scheme-7--accent);

https://www.userflow.com/ — .color-scheme-8

--color-scheme-1--text: var(--color-scheme-8--text);
--color-scheme-1--background: var(--color-scheme-8--background);
--color-scheme-1--foreground: var(--color-scheme-8--foreground);
--color-scheme-1--border: var(--color-scheme-8--border);
--color-scheme-1--accent: var(--color-scheme-8--accent);

https://www.userflow.com/ — .color-scheme-9

--color-scheme-1--text: var(--color-scheme-9--text);
--color-scheme-1--background: var(--color-scheme-9--background);
--color-scheme-1--foreground: var(--color-scheme-9--foreground);
--color-scheme-1--border: var(--color-scheme-9--border);
--color-scheme-1--accent: var(--color-scheme-9--accent);

https://www.userflow.com/ — .color-scheme-10

--color-scheme-1--text: var(--color-scheme-10--text);
--color-scheme-1--background: var(--color-scheme-10--background);
--color-scheme-1--foreground: var(--color-scheme-10--foreground);
--color-scheme-1--border: var(--color-scheme-10--border);
--color-scheme-1--accent: var(--color-scheme-10--accent);

https://www.userflow.com/ — .homepage_hero_component h1, .homepage_hero_component h2

--\_u-font---font--size--display--display-2: 4rem;
--\_u-font---font--size--headings--heading-4: 2.25rem;
--\_u-font---font--family--primary-font: Figtree, Verdana, sans-serif;
--\_u-font---body--body: -1;
--\_u-font---font--size--body--body-small: 0.875rem;
--\_u-font---font--size--body--body-medium: 1rem;
--\_u-font---font--size--body--body-large: 1.125rem;
--\_u-font---font--size--body--body-xsmall: 0.75rem;
--\_u-font---font--size--button--button-text-2: 0.875rem;
--\_u-font---font--size--button--button-text: 1rem;
--\_u-font---font--weight--semibold: Semibold;
--\_u-font---font--weight--italic: Italic;
--\_u-font---font--weight--regular: Regular;
--\_u-font---font--weight--semibold-italic: 'Semibold Italic';
--\_u-font---font--weight--medium: Medium;
--\_u-font---font--weight--bold: Semibold;
--\_u-font---headings--headings: -2;
--\_u-font---font--size--display--display-1: 4.5rem;
--\_u-font---font--size--headings--heading-5: 1.75rem;
--\_u-font---font--size--headings--heading-3: 2.75rem;
--\_u-font---font--size--headings--heading-1: 3.5rem;
--\_u-font---font--size--headings--heading-6: 1.5rem;
--\_u-font---font--size--headings--heading-7: 1.25rem;
--\_u-font---font--size--headings--heading-2: 3rem;
--\_u-font---font--family--secondary-font: Figtree, Verdana, sans-serif;
--\_u-font---font--size--display--display-2: 3.25rem;
--\_u-font---font--size--headings--heading-4: 2rem;
--\_u-font---font--weight--bold: Bold;
--\_u-font---font--size--display--display-1: 4rem;
--\_u-font---font--size--headings--heading-5: 1.5rem;
--\_u-font---font--size--headings--heading-3: 2.25rem;
--\_u-font---font--size--headings--heading-1: 3rem;
--\_u-font---font--size--headings--heading-6: 1.25rem;
--\_u-font---font--size--headings--heading-7: 1.125rem;
--\_u-font---font--size--headings--heading-2: 2.5rem;
--_u-font---font--family--secondary-font: Figtree;

https://cdn.prod.website-files.com/69a017c4446c4234a8ae2c8c/css/userflow-dev.webflow.shared.da93c01d4.min.css — :root

--color-scheme-1--background: var(--_primitives---colors--white);
--\_typography---font-styles--body: Figtree,Verdana,sans-serif;
--color-scheme-1--text: var(--\_u-color-palette---colors--dark--900-main);
--\_typography---font-styles--heading: Figtree,Verdana,sans-serif;
--\_u-color-palette---colors--off-white: #fffdf8;
--\_u-font---font--family--primary-font: Figtree,Verdana,sans-serif;
--\_u-font---font--size--headings--heading-2: 3rem;
--\_u-font---font--size--headings--heading-6: 1.5rem;
--\_u-font---font--size--headings--heading-7: 1.25rem;
--\_primitives---colors--white: #fff;
--\_u-font---font--size--headings--heading-5: 1.75rem;
--\_u-font---font--size--headings--heading-1: 3.5rem;
--\_u-font---font--size--headings--heading-3: 2.75rem;
--\_u-font---font--size--headings--heading-4: 2.25rem;
--\_primitives---colors--neutral-darkest: black;
--\_primitives---opacity--transparent: transparent;
--\_u-border-radius---radius--full: 624.938rem;
--\_u-color-palette---colors--dark--900-main: #121941;
--\_u-color-palette---colors--dark--700: #343a5d;
--\_u-color-palette---colors--dark--100: #e3e4ec;
--\_u-color-palette---colors--white: #fff;
--\_u-color-palette---colors--dark--50: #efeff4;
--\_u-color-palette---colors--deep-blue--600: #4a90eb;
--\_u-color-palette---colors--dark--200: #d7d9e4;
--\_primitives---opacity--neutral-darkest-60: #0009;
--\_primitives---opacity--white-60: #fff9;
--\_u-color-palette---colors--dark--400: #7c82a7;
--\_ui-styles---stroke--border-width: 1px;
--color-scheme-1--border: var(--\_primitives---colors--neutral-darkest);
--\_ui-styles---radius--medium: 0px;
--color-scheme-1--foreground: var(--\_primitives---colors--neutral-lightest);
--\_u-font---font--size--display--display-2: 4rem;
--\_ui-styles---radius--small: 0px;
--\_primitives---colors--neutral-lightest: #eee;
--\_ui-styles---radius--large: 0px;
--color-scheme-1--accent: var(--\_primitives---colors--neutral-darkest);
--\_u-font---font--size--display--display-1: 4.5rem;
--\_u-font---font--family--secondary-font: Figtree,Verdana,sans-serif;
--\_u-font---font--size--body--body-large: 1.125rem;
--\_u-font---font--size--body--body-medium: 1rem;
--\_u-font---font--size--body--body-small: .875rem;
--\_u-font---font--size--body--body-xsmall: .75rem;
--\_u-color-palette---colors--deep-blue--300: #a2caff;
--\_u-border-radius---radius--xl: 1.5rem;
--\_u-color-palette---colors--deep-blue--100: #d1e5ff;
--\_u-border-radius---radius--lg: 1rem;
--\_u-color-palette---colors--cream--600: #f4ebe1;
--\_u-color-palette---colors--orange--400: #fe784e;
--\_u-color-palette---colors--green--100: #d5fec0;
--\_u-color-palette---colors--cream--300: #faf5f0;
--\_u-border-radius---radius--md: .75rem;
--\_u-border-radius---radius--sm: .5rem;
--\_u-color-palette---colors--dark--500-body: #52577a;
--\_u-color-palette---colors--cream--400: #f7f5f2;
--\_u-color-palette---colors--lavender--300: #bfbaff;
--\_u-color-palette---colors--lavender--100: #ebe9ff;
--\_u-color-palette---colors--cream--500: #f6f0e9;
--\_u-color-palette---colors--lavender--200: #e1deff;
--\_u-color-palette---colors--violet--300: #c3beff;
--\_u-color-palette---colors--green--600-main: #b4ea99;
--\_u-color-palette---colors--green--200: #ecfde2;
--\_u-color-palette---colors--violet--200: #d7d4ff;
--\_u-color-palette---colors--violet--50: #f3f2ff;
--\_u-color-palette---colors--cream--200: #fdfcfb;
--\_u-color-palette---colors--lavender--400: #cdc9ff;
--\_u-color-palette---colors--green--50: #e4fcd7;
--\_u-color-palette---colors--deep-blue--200: #b9d7ff;
--\_u-color-palette---colors--deep-blue--50: #e3efff;
--\_u-color-palette---colors--cream--700: #e9e1d8;
--\_u-color-palette---colors--violet--500: #736ce7;
--\_u-color-palette---colors--orange--color: white;
--\_u-color-palette---colors--green--400: #1a5554;
--\_u-color-palette---colors--violet--100: #dfddff;
--\_u-color-palette---colors--orange--100: #f6ddca;
--\_u-color-palette---colors--orange--300: #fe8e6c;
--\_u-color-palette---colors--dark--600: #494f6e;
--\_u-font---font--size--button--button-text: 1rem;
--\_u-color-palette---colors--cream--900: #968f88;
--\_primitives---opacity--white-40: #fff6;
--\_u-color-palette---colors--lavender--700: #4e2656;
--\_u-color-palette---colors--deep-blue--500: #236fd4;
--\_ui-styles---stroke--divider-width: 1px;
--\_u-border-radius---radius--xs: .25rem;
--\_u-color-palette---colors--deep-blue--400: #4a90eb;
--\_u-border-radius---radius--none: 0rem;
--\_u-color-palette---colors--dark--800: #252c56;
--\_u-color-palette---colors--lavender--900: #1b1c2c;
--\_u-color-palette---colors--lavender--500: #7856ff;
--\_u-color-palette---colors--violet--400: #9f98ff;
--\_u-color-palette---colors--orange--500: #e27350;
--\_u-color-palette---colors--deep-blue--700: #1f75e6;
--\_u-color-palette---colors--deep-blue--900: #0f334d;
--\_u-font---headings--headings: -2;
--\_u-color-palette---colors--lavender--600: #8a38f5;
--\_u-color-palette---colors--lavender--800: #480f57;
--\_u-color-palette---colors--orange--200: #fea589;
--\_u-color-palette---colors--orange--800: #6b1400;
--\_u-color-palette---colors--green--700: #132b39;
--\_u-color-palette---colors--orange--900: #332113;
--\_u-color-palette---colors--violet--800: #35297c;
--\_u-color-palette---colors--lavender--50: #f3f2ff;
--\_u-color-palette---colors--dark--300: #aeb2c9;
--\_u-color-palette---colors--orange--600: #a95034;
--\_u-color-palette---colors--cream--800: #e0eeea;
--\_u-color-palette---colors--green--900: #14181f;
--\_u-font---font--weight--semibold: Semibold;
--\_u-font---font--weight--medium: Medium;
--\_u-font---font--weight--bold: Semibold;
--\_u-color-palette---colors--orange--50: #ffe4dc;
--\_u-color-palette---colors--violet--600: #4e45ca;
--\_u-color-palette---colors--orange--700: #be1335;
--\_u-color-palette---colors--cream--50: #fffef8;
--\_u-color-palette---colors--deep-blue--800: #105ed5;
--\_u-color-palette---colors--green--500: #064348;
--\_u-border-radius---radius--2xl: 2rem;
--\_u-font---body--body: -1;
--\_u-font---font--weight--semibold-italic: "Semibold Italic";
--\_u-color-palette---colors--green--800: #0a1a24;
--\_u-font---font--weight--italic: Italic;
--\_u-font---font--weight--regular: Regular;
--\_u-font---font--size--button--button-text-2: .875rem;
--\_u-color-palette---colors--violet--700: #3d3597;
--\_u-color-palette---colors--green--600: #03363d;
--\_u-color-palette---colors--cream--100: #fffdf8;
--\_u-color-palette---colors--violet--900: #252c56;
--\_u-color-palette---colors--grey: #e9eef2;
--\_u-color-palette---colors--green--300: #23d777;
--\_primitives---colors--neutral-lighter: #ccc;
--\_primitives---colors--neutral-light: #aaa;
--\_primitives---colors--neutral: #666;
--\_primitives---colors--neutral-dark: #444;
--\_primitives---colors--neutral-darker: #222;
--\_primitives---opacity--white-5: #ffffff0d;
--\_primitives---opacity--white-10: #ffffff1a;
--\_primitives---opacity--white-15: #ffffff26;
--\_primitives---opacity--white-20: #fff3;
--\_primitives---opacity--white-30: #ffffff4d;
--\_primitives---opacity--white-50: #ffffff80;
--\_primitives---opacity--neutral-darkest-5: #0000000d;
--\_primitives---opacity--neutral-darkest-10: #0000001a;
--\_primitives---opacity--neutral-darkest-15: #00000026;
--\_primitives---opacity--neutral-darkest-20: #0003;
--\_primitives---opacity--neutral-darkest-30: #0000004d;
--\_primitives---opacity--neutral-darkest-40: #0006;
--\_primitives---opacity--neutral-darkest-50: #00000080;
--_u-color-palette---colors--deep-orange--600: #e27350;

https://cdn.prod.website-files.com/69a017c4446c4234a8ae2c8c/css/userflow-dev.webflow.shared.da93c01d4.min.css — .page-wrapper

--_u-font---font--family--primary-font: Figtree,Verdana,sans-serif;
--\_u-font---font--size--headings--heading-2: 3rem;
--\_u-font---font--size--headings--heading-6: 1.5rem;
--\_u-font---font--size--headings--heading-7: 1.25rem;
--\_u-font---font--size--headings--heading-5: 1.75rem;
--\_u-font---font--size--headings--heading-1: 3.5rem;
--\_u-font---font--size--headings--heading-3: 2.75rem;
--\_u-font---font--size--headings--heading-4: 2.25rem;
--\_u-font---font--size--display--display-2: 4rem;
--\_u-font---font--size--display--display-1: 4.5rem;
--\_u-font---font--family--secondary-font: Figtree,Verdana,sans-serif;
--\_u-font---font--size--body--body-large: 1.125rem;
--\_u-font---font--size--body--body-medium: 1rem;
--\_u-font---font--size--body--body-small: .875rem;
--\_u-font---font--size--body--body-xsmall: .75rem;
--\_u-font---font--size--button--button-text: 1rem;
--\_u-font---headings--headings: -2;
--\_u-font---font--weight--semibold: Semibold;
--\_u-font---font--weight--medium: Medium;
--\_u-font---font--weight--bold: Semibold;
--\_u-font---body--body: -1;
--\_u-font---font--weight--semibold-italic: "Semibold Italic";
--\_u-font---font--weight--italic: Italic;

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

Property	Declared value	Selector
font-family	`var(--_u-font---font--family--primary-font)`	`.homepage_hero_component h1, .homepage_hero_component h2`
font-family	`Arial,sans-serif`	`body`
font-family	`var(--_typography---font-styles--body)`	`body`
font-family	`var(--_typography---font-styles--heading)`	`h1`
font-family	`var(--_u-font---font--family--secondary-font)`	`.button-1`
font-family	`Figtree,Verdana,sans-serif`	`.heading-style-h6-2`
font-size	`var(--_u-font---font--size--headings--heading-5)`	`.text-rich-text.blog-page h2`
font-size	`var(--_u-font---font--size--headings--heading-6)`	`.text-rich-text.blog-page h3`
font-size	`var(--_u-font---font--size--headings--heading-7)`	`.text-rich-text.blog-page h4`
font-size	`var(--_u-font---font--size--display--display-2)`	`.homepage_hero_component h1, .homepage_hero_component h2`
font-size	`1.125rem`	`.filters-mobile-header\__title`
font-weight	`700`	`.homepage_hero_component h1, .homepage_hero_component h2`
font-weight	`700 !important`	`.decorative-rich-text .text-rich-text sup`
font-weight	`500`	`.text-weight-medium`
font-weight	`300`	`.text-weight-light`
line-height	`1`	`.homepage_hero_component h1, .homepage_hero\_component h2`
line-height	`100%`	`.doodle-rich-text .text-rich-text h1, .doodle-rich-text .text-rich-text h2, .doodle-rich-text .text-rich-text h3`
line-height	`1.2`	`.decorative-rich-text .text-rich-text h2`
line-height	`1.05 !important`	`.decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 strong, .deco`
line-height	`20px`	`body`
line-height	`44px`	`h1`
line-height	`36px`	`h2`
letter-spacing	`-1.28px`	`.homepage_hero_component h1, .homepage_hero_component h2`
letter-spacing	`-2%`	`.decorative-rich-text .text-rich-text h2`
letter-spacing	`-.96px`	`.heading-style-h2`
letter-spacing	`-.24px`	`.heading-style-h6`
letter-spacing	`-.28px`	`.heading-style-h5`
letter-spacing	`-1.12px`	`.heading-style-h1`
letter-spacing	`-.36px`	`.heading-style-h4`
letter-spacing	`-.88px`	`.heading-style-h3`
color	`#4a90eb`	`.homepage_hero_component-content h1 strong`
color	`#74B0FF`	`.homepage_hero .text-rich-text h1 em`
color	`var(--_u-color-palette---colors--dark--500-body)`	`.text-rich-text.blog-page p, .text-rich-text.blog-page ol, .text-rich-text.blog-page ul`
color	`var(--_u-color-palette---colors--dark--900-main)`	`.homepage_hero_component h1, .homepage_hero_component h2`
background-color	`var(--_u-color-palette---colors--off-white)`	`body`
background-color	`#DFDDFF`	`.decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 strong, .deco`
background-color	`#D1E5FF`	`.decorative-rich-text .text-rich-text em, .decorative-rich-text .text-rich-text i`
background-color	`#E3FED5 !important`	`.decorative-rich-text .text-rich-text sup`
background-color	`#74B0FF !important`	`.decorative-rich-text .text-rich-text sub`
background-color	`#DFDDFF !important`	`.decorative-rich-text .text-rich-text strong, .decorative-rich-text .text-rich-text b`
border-radius	`var(--\_u-border-radius---radius--lg)`	`.text-rich-text.blog-page img`
border-radius	`0.35em`	`.decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 strong, .deco`
border-radius	`0.28em`	`.decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 stron`
border-radius	`var(--_u-border-radius---radius--full)`	`.button`
border-radius	`var(--_ui-styles---radius--medium)`	`.rl-styleguide_subheading`
border-radius	`var(--_ui-styles---radius--small)`	`.rl-styleguide\_nav-link`
box-shadow	`rgba(18, 25, 65, 0.1) 0px 0px 0px 4px inset`	`:where(html:not(.wf-design-mode)) .search-field:is(:focus, :not(:placeholder-shown)), .search-field.-wfp-focus`
max-width	`12em`	`.homepage_bento_component > .homepage_bento_item:first-child .heading-style-h4`
max-width	`160px`	`.temp-navbar img`
max-width	`100%`	`.text-rich-text.blog-page figure`
max-width	`90rem`	`.container-large`
max-width	`64rem`	`.container-medium`
padding	`0.02em 0.32em 0.12em`	`.decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 strong, .deco`
padding	`0.06em 0.24em`	`.decorative-rich-text .text-rich-text h1 strong, .decorative-rich-text .text-rich-text h2 strong, .decorative-rich-text .text-rich-text h3 strong, .decorative-rich-text .text-rich-text h4 strong, .decorative-rich-text .text-rich-text h5 stron`
padding	`0.08em 0.28em 0.12em`	`.decorative-rich-text .text-rich-text strong, .decorative-rich-text .text-rich-text b, .decorative-rich-text .text-rich-text em, .decorative-rich-text .text-rich-text i, .decorative-rich-text .text-rich-text sup, .decorative-rich-text .text-rich-text`
padding	`12px 56px 12px 24px !important`	`.banner-text-wrapper`
padding	`0`	`button::-moz-focus-inner,input::-moz-focus-inner`
gap	`10px`	`.filters-mobile-header\_\_title`
transition	`0.3s`	`.footer-nav-links-wrapper a`
transition	`max-height 0.25s ease, opacity 0.2s ease, margin 0.25s ease, padding 0.25s ease`	`.pricing-table-heading [hide-when-sticky]`
transition	`opacity 0.25s ease, visibility 0s linear 0.25s`	`.navbar7_component-bg`
transition	`opacity 0.25s ease, visibility 0s linear 0s`	`.navbar7_component-bg.is-active`
transition	`opacity 250ms ease, visibility 0s linear 250ms !important`	`.navbar7\_component-bg`
transition	`opacity 250ms ease, visibility 0s linear 0s !important`	`.navbar7\_component-bg.is-active`
transition	`none !important`	`[data-announcement-banner], .navbar7_component-bg`
transition	`transform 0.2s ease, filter 0.2s ease`	`.stacked-cards_card`

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.
992 custom-property declarations found; 1837 relevant property declarations parsed.

Userflow

Marketing Pages

Product Interfaces

Emails

Userflow

User Onboarding

Userflow

Free Trial Emails

Visual identity

Userflow — design reference

Typography

Colors and surfaces

Components and layout

Responsive rules

Evidence and limitations

Stylesheet sources