Pitch

Pitch

Collaborative presentation software
Visit
Pitch

Marketing Pages

11
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available

๐Ÿ”’ Get SaaSFrame Pro to see 8 more marketing pages from Pitch

Product Interfaces

41
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available

๐Ÿ”’ Get SaaSFrame Pro to see 38 more product intefaces from Pitch

Emails

8

๐Ÿ”’ Get SaaSFrame Pro to see 5 more emails from Pitch

No items found.
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Pitch Comparison Section
Abstract geometric logo composed of four colorful rounded shapes in red, pink, purple, blue, and green arranged in a stylized 'F'.
Figmaย fileย available
Pitch Testimonial Section

Visual identity

Pitch โ€” design reference

Source: https://pitch.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: sans-serif โ€” selector body,input,textarea,select,button
  • font-family: var(--font-family) โ€” selector [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
  • font-family: var(--framer-font-family-preview,var(--framer-blockquote-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif))) โ€” selector p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
  • font-family: var(--framer-code-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif)) โ€” selector code.framer-text,code.framer-text span.framer-text:not([data-text-fill])
  • font-family: var(--framer-font-family-preview,var(--framer-link-font-family,var(--framer-blockquote-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif)))) โ€” selector a.framer-text,a.framer-text span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link],span.framer-text[data-nested-link] span.framer-text:not([data-text-fill])
  • font-family: var(--framer-font-family-preview,var(--framer-link-hover-font-family,var(--framer-link-font-family,var(--framer-blockquote-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif))))) โ€” selector a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link]:hover,span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill])
  • font-family: var(--framer-font-family-preview,var(--framer-link-current-font-family,var(--framer-link-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif)))) โ€” selector a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current] span.framer-text:not([dat
  • font-family: var(--framer-font-family-preview,var(--framer-link-hover-font-family,var(--framer-link-current-font-family,var(--framer-link-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif))))) โ€” selector a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover s
  • font-size: 12px โ€” selector body,input,textarea,select,button
  • font-size: var(--font-size) โ€” selector [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
  • font-size: calc(var(--framer-blockquote-font-size,var(--framer-font-size,16px)) _ var(--framer-font-size-scale,1)) โ€” selector p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
  • font-size: calc(var(--framer-link-hover-font-size,var(--framer-blockquote-font-size,var(--framer-font-size,16px))) _ var(--framer-font-size-scale,1)) โ€” selector a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link]:hover,span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill])
  • font-size: calc(var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px))) _ var(--framer-font-size-scale,1)) โ€” selector a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current] span.framer-text:not([dat
  • font-size: calc(var(--framer-link-hover-font-size,var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px)))) _ var(--framer-font-size-scale,1)) โ€” selector a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover s
  • font-size: var(--framer-font-size,16px) โ€” selector [data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichText
  • font-size: var(--framer-link-font-size,var(--framer-font-size,16px)) โ€” selector [data-framer-component-type=DeprecatedRichText] a,[data-framer-component-type=DeprecatedRichText] a span:not([data-text-fill])
  • font-weight: min(calc(var(--framer-font-weight-increase,0) + var(--font-weight,400)), 900) โ€” selector [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
  • font-weight: var(--framer-font-weight-preview,var(--framer-blockquote-font-weight,var(--framer-font-weight,400))) โ€” selector p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
  • font-weight: var(--framer-blockquote-font-weight,var(--framer-code-font-weight,var(--framer-font-weight,400))) โ€” selector code.framer-text,code.framer-text span.framer-text:not([data-text-fill])
  • font-weight: var(--framer-font-weight-preview,var(--framer-link-font-weight,var(--framer-blockquote-font-weight,var(--framer-font-weight,400)))) โ€” selector a.framer-text,a.framer-text span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link],span.framer-text[data-nested-link] span.framer-text:not([data-text-fill])
  • font-weight: var(--framer-font-weight-preview,var(--framer-link-hover-font-weight,var(--framer-link-font-weight,var(--framer-blockquote-font-weight,var(--framer-font-weight,400))))) โ€” selector a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link]:hover,span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill])
  • font-weight: var(--framer-font-weight-preview,var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400)))) โ€” selector a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current] span.framer-text:not([dat
  • font-weight: var(--framer-code-font-weight,var(--framer-font-weight,400)) โ€” selector code.framer-text a.framer-text[data-framer-page-link-current],code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),code.framer-text span.framer-text[data-framer-page-link-current],code.framer-text span.
  • font-weight: var(--framer-font-weight-preview,var(--framer-link-hover-font-weight,var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400))))) โ€” selector a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover s
  • line-height: var(--line-height) โ€” selector [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
  • line-height: var(--framer-blockquote-line-height,var(--framer-line-height,1.2em)) โ€” selector p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
  • line-height: var(--framer-line-height,1.2em) โ€” selector [data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichText
  • letter-spacing: var(--letter-spacing) โ€” selector [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
  • letter-spacing: var(--framer-blockquote-letter-spacing,var(--framer-letter-spacing,0)) โ€” selector p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
  • letter-spacing: var(--framer-letter-spacing,0) โ€” selector [data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichText

Colors and surfaces

  • color: var(--text-color) โ€” selector [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
  • color: var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000)))) โ€” selector p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill])
  • color: var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000)))))) โ€” selector code.framer-text,code.framer-text span.framer-text:not([data-text-fill])
  • color: var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000)))))) โ€” selector a.framer-text,span.framer-text[data-nested-link]
  • color: var(--framer-link-current-text-color-rgb,var(--framer-link-current-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000)))))) โ€” selector a.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current]
  • color: var(--framer-blockquote-text-color,var(--framer-text-color,#000)) โ€” selector p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
  • color: var(--framer-blockquote-text-color,var(--framer-code-text-color,var(--framer-text-color,#000))) โ€” selector code.framer-text,code.framer-text span.framer-text:not([data-text-fill])
  • background-color: var(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,initial)) โ€” selector a.framer-text,span.framer-text[data-nested-link]
  • background-color: var(--framer-blockquote-text-background-color,var(--framer-text-background-color,initial)) โ€” selector mark.framer-text,p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text
  • background-color: initial โ€” selector a.framer-text,a.framer-text span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link],span.framer-text[data-nested-link] span.framer-text:not([data-text-fill])
  • background-color: var(--framer-link-text-background-color,initial) โ€” selector a.framer-text,span.framer-text[data-nested-link]
  • background-color: var(--framer-link-hover-text-background-color,var(--framer-link-text-background-color,var(--framer-text-background-color,initial))) โ€” selector a.framer-text:hover,span.framer-text[data-nested-link]:hover
  • background-color: var(--framer-link-current-text-background-color,var(--framer-link-text-background-color,var(--framer-text-background-color,initial))) โ€” selector a.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current]
  • background-color: var(--framer-link-hover-text-background-color,var(--framer-link-current-text-background-color,var(--framer-link-text-background-color,initial))) โ€” selector a.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover
  • background-color: var(--token-9f3d2b7e-2cad-488a-9e02-167a62e1c960,#fff) โ€” selector .framer-RLB3s .framer-styles-preset-1foe3nf:not(.rich-text-wrapper),.framer-RLB3s .framer-styles-preset-1foe3nf.rich-text-wrapper blockquote

Components and layout

  • border-radius: var(--framer-blockquote-text-background-radius,var(--framer-text-background-radius,initial)) โ€” selector mark.framer-text,p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text
  • border-radius: var(--framer-link-text-background-radius,initial) โ€” selector a.framer-text,a.framer-text span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link],span.framer-text[data-nested-link] span.framer-text:not([data-text-fill])
  • border-radius: var(--framer-link-hover-text-background-radius,var(--framer-link-text-background-radius,var(--framer-text-background-radius,initial))) โ€” selector a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link]:hover,span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill])
  • border-radius: var(--framer-link-current-text-background-radius,var(--framer-link-text-background-radius,initial)) โ€” selector a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current] span.framer-text:not([dat
  • border-radius: var(--framer-link-hover-text-background-radius,var(--framer-link-current-text-background-radius,var(--framer-link-text-background-radius,initial))) โ€” selector a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover s
  • border-radius: 1px โ€” selector .framer-RLB3s .framer-styles-preset-1foe3nf:not(.rich-text-wrapper):before,.framer-RLB3s .framer-styles-preset-1foe3nf.rich-text-wrapper blockquote:before
  • border-radius: 8px โ€” selector .framer-ppOVY .framer-styles-preset-hi3hjr:not(.rich-text-wrapper),.framer-ppOVY .framer-styles-preset-hi3hjr.rich-text-wrapper table
  • border-radius: 4px โ€” selector .framer-1vfug .framer-styles-preset-230wqj:not(.rich-text-wrapper),.framer-1vfug .framer-styles-preset-230wqj.rich-text-wrapper code
  • max-width: 702px โ€” selector .framer-MqwG6 .framer-1j6v7bt-container
  • max-width: 1224px โ€” selector .framer-MqwG6 .framer-18kv2v7-container
  • max-width: 50% โ€” selector .framer-meaVU .framer-vrnf6d-container
  • max-width: unset โ€” selector .framer-meaVU.framer-v-d7h72y .framer-vrnf6d-container
  • padding: 0 โ€” selector html,body,#main
  • padding: var(--framer-blockquote-text-background-padding,var(--framer-text-background-padding,initial)) โ€” selector mark.framer-text,p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text
  • padding: max(0em, calc(calc(1.3em - var(--framer-blockquote-line-height,var(--framer-line-height,1.3em))) / 2)) โ€” selector .framer-text[data-text-fill]
  • padding: var(--framer-link-text-background-padding,initial) โ€” selector a.framer-text,a.framer-text span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link],span.framer-text[data-nested-link] span.framer-text:not([data-text-fill])
  • padding: var(--framer-link-hover-text-background-padding,var(--framer-link-text-background-padding,var(--framer-text-background-padding,initial))) โ€” selector a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link]:hover,span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill])
  • padding: var(--framer-link-current-text-background-padding,var(--framer-link-text-background-padding,initial)) โ€” selector a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current] span.framer-text:not([dat
  • padding: var(--framer-link-hover-text-background-padding,var(--framer-link-current-text-background-padding,var(--framer-link-text-background-padding,initial))) โ€” selector a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover s
  • padding: 24px โ€” selector .framer-RLB3s .framer-styles-preset-1foe3nf:not(.rich-text-wrapper),.framer-RLB3s .framer-styles-preset-1foe3nf.rich-text-wrapper blockquote
  • gap: 0 โ€” selector .framer-GoY3d.framer-g6zdut
  • gap: 10px โ€” selector .framer-GoY3d .framer-16uy6tz
  • gap: 20px โ€” selector .framer-TTJ1Q .framer-10w8ol0
  • gap: 12px โ€” selector .framer-TTJ1Q .framer-sku40g
  • gap: 16px โ€” selector .framer-TTJ1Q .framer-1rsgk8j
  • gap: 5px โ€” selector .framer-TTJ1Q .framer-vb89pz,.framer-TTJ1Q .framer-7p6r2g
  • gap: 4px โ€” selector .framer-y8Mav.framer-vxcegg
  • gap: 8px โ€” selector .framer-MD0XF.framer-vc7429

Responsive rules

(min-width: 1200px)
(min-width: 810px) and (max-width: 1199.98px)
(max-width: 809.98px)
(max-width:1199px) and (min-width:810px)
(max-width:809px) and (min-width:0)
(min-width:810px) and (max-width:1199.98px)
(max-width:809.98px)

Source: https://pitch.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://pitch.com/ โ€” body

--token-bf6e6ad9-0834-4bf8-9a9b-744c9d5daca8: #280f62;
--token-07c59440-fc5f-4fb7-9435-a7ff074e0d34: #5318eb;
--token-4d0d31c7-6f7e-4c6a-a2be-10abc6becf5b: #c6a5ff;
--token-b5c3b7eb-39a2-45cb-8ff8-5ca6c6129045: #ebe3fe;
--token-9f3d2b7e-2cad-488a-9e02-167a62e1c960: #fff;
--token-67863ceb-ad9c-470b-9f8c-f19ab61b5f55: #fff;
--token-70cecdac-9248-4f38-9d1d-564a7491e69a: #c4ee87;
--token-a9014e7d-2289-4cfd-ae9b-052fde9e3e48: #c6a5ff;
--token-d023f303-d032-4951-b3c7-f7176b06c578: #280f62;
--token-7cd3dd22-9636-4551-ac3e-271ed57898cf: #0c021c;
--token-2659268f-dfd6-4f33-9625-999d245bc24a: #363636;
--token-f00c3c0d-390f-4a8d-aee9-60c50c874549: #5318eb;
--token-ff50ebbc-da2b-4592-9f7a-9978fad0e005: #c6a5ff;
--token-4fbfc342-89ce-48a8-822c-2888df55a915: #fff;
--token-7419ce6b-752f-4a7f-acf1-14cf371f4474: #fff;
--token-9901daa9-338b-443a-abe5-f1d77f5d992c: #280f62;
--token-46527d5a-f3d9-42a6-9441-45d24cc77dc3: #5318eb;
--token-eb517067-e467-4a77-b781-a8cf38d12a9a: #c6a5ff;
--token-d7ed0ca3-f22a-4402-ba2c-8b69989dc17e: #c4ee87;
--token-8f454f86-5f1a-4457-8cb3-210b70bc92be: #f9f6ff;
--token-5ac254b1-12f9-4813-84c2-f225d647b190: #ff2344;
--token-690c6400-3bde-46a8-903a-d02119805b45: #280f62;

https://pitch.com/ โ€” [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-component-type=Text] h2 span span,[data-framer-component-type=Text] h3 span span,[data-framer-component-type=Text] h4 span span,[data-framer-component-type=Text] h5 span span,[data-framer-component-type=Text] h6 span span,[data-framer-component-type=Text] a

--text-decoration: var(--framer-text-decoration-style,solid) var(--framer-text-decoration,none) var(--framer-text-decoration-color,currentcolor) var(--framer-text-decoration-thickness,auto);
--text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
--text-underline-offset: var(--framer-text-decoration-offset);
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--line-height: var(--framer-line-height);

https://pitch.com/ โ€” :root

--overflow-clip-fallback: hidden;
--one-if-corner-shape-supported: 1;

https://pitch.com/ โ€” [data-framer-component-type=Text] a,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] a span span span,[data-framer-component-type=Text] a p span span,[data-framer-component-type=Text] a h1 span span,[data-framer-component-type=Text] a h2 span span,[data-framer-component-type=Text] a h3 span span,[data-framer-component-type=Text] a h4 span span,[data-framer-component-type=Text] a h5 span span,[data-framer-component-type=Text] a h6 span span

--font-family: var(--framer-link-font-family,var(--framer-font-family));
--font-style: var(--framer-link-font-style,var(--framer-font-style));
--font-weight: var(--framer-link-font-weight,var(--framer-font-weight));
--text-color: var(--framer-link-text-color,var(--framer-text-color));
--font-size: var(--framer-link-font-size,var(--framer-font-size));
--text-transform: var(--framer-link-text-transform,var(--framer-text-transform));
--text-decoration: var(--framer-link-text-decoration-style,var(--framer-text-decoration-style,solid)) var(--framer-link-text-decoration,var(--framer-text-decoration,none)) var(--framer-link-text-decoration-color,var(--framer-text-decoration-color,currentcolor)) var(--framer-link-text-decoration-thickness,var(--framer-text-decoration-thickness,auto));
--text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink));
--text-underline-offset: var(--framer-link-text-decoration-offset,var(--framer-text-decoration-offset));

https://pitch.com/ โ€” [data-framer-component-type=Text] a:hover,[data-framer-component-type=Text] a div span:hover,[data-framer-component-type=Text] a span span span:hover,[data-framer-component-type=Text] a p span span:hover,[data-framer-component-type=Text] a h1 span span:hover,[data-framer-component-type=Text] a h2 span span:hover,[data-framer-component-type=Text] a h3 span span:hover,[data-framer-component-type=Text] a h4 span span:hover,[data-framer-component-type=Text] a h5 span span:hover,[data-framer-component-type=Text] a h6 span span:hover

--font-family: var(--framer-link-hover-font-family,var(--framer-link-font-family,var(--framer-font-family)));
--font-style: var(--framer-link-hover-font-style,var(--framer-link-font-style,var(--framer-font-style)));
--font-weight: var(--framer-link-hover-font-weight,var(--framer-link-font-weight,var(--framer-font-weight)));
--text-color: var(--framer-link-hover-text-color,var(--framer-link-text-color,var(--framer-text-color)));
--font-size: var(--framer-link-hover-font-size,var(--framer-link-font-size,var(--framer-font-size)));
--text-transform: var(--framer-link-hover-text-transform,var(--framer-link-text-transform,var(--framer-text-transform)));
--text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink,var(--framer-link-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink)));
--text-underline-offset: var(--framer-link-hover-text-decoration-offset,var(--framer-link-text-decoration-offset,var(--framer-text-decoration-offset)));

https://pitch.com/ โ€” [data-framer-component-type=Text].isCurrent a,[data-framer-component-type=Text].isCurrent a div span,[data-framer-component-type=Text].isCurrent a span span span,[data-framer-component-type=Text].isCurrent a p span span,[data-framer-component-type=Text].isCurrent a h1 span span,[data-framer-component-type=Text].isCurrent a h2 span span,[data-framer-component-type=Text].isCurrent a h3 span span,[data-framer-component-type=Text].isCurrent a h4 span span,[data-framer-component-type=Text].isCurrent a h5 span span,[data-framer-component-type=Text].isCurrent a h6 span span

--font-family: var(--framer-link-current-font-family,var(--framer-link-font-family,var(--framer-font-family)));
--font-style: var(--framer-link-current-font-style,var(--framer-link-font-style,var(--framer-font-style)));
--font-weight: var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight)));
--text-color: var(--framer-link-current-text-color,var(--framer-link-text-color,var(--framer-text-color)));
--font-size: var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size)));
--text-transform: var(--framer-link-current-text-transform,var(--framer-link-text-transform,var(--framer-text-transform)));
--text-decoration-skip-ink: var(--framer-link-current-text-decoration-skip-ink,var(--framer-link-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink)));
--text-underline-offset: var(--framer-link-current-text-decoration-offset,var(--framer-link-text-decoration-offset,var(--framer-text-decoration-offset)));

https://pitch.com/ โ€” ol.framer-text

--list-style-type: decimal;

https://pitch.com/ โ€” [data-framer-component-type=DeprecatedRichText] .text-styles-preset-reset

--font-variation-settings: normal;

https://pitch.com/ โ€” .framer-MqwG6 .framer-1j54t3u

--d4qcbt: var(--token-9f3d2b7e-2cad-488a-9e02-167a62e1c960,#fff);

https://pitch.com/ โ€” .framer-MqwG6 .framer-1pgiyb1

--d4qcbt: var(--token-9f3d2b7e-2cad-488a-9e02-167a62e1c960,#fff);

https://pitch.com/ โ€” .framer-MqwG6 .framer-745jju

--d4qcbt: var(--token-9f3d2b7e-2cad-488a-9e02-167a62e1c960,#fff);

https://pitch.com/ โ€” .framer-MqwG6 .framer-xhbe7z

--d4qcbt: var(--token-9f3d2b7e-2cad-488a-9e02-167a62e1c960,#fff);

https://pitch.com/ โ€” .framer-MqwG6 .framer-9bzcc3

--d4qcbt: var(--token-9f3d2b7e-2cad-488a-9e02-167a62e1c960,#fff);

https://pitch.com/ โ€” .framer-MqwG6 .framer-1v8hp0j

--d4qcbt: var(--token-9f3d2b7e-2cad-488a-9e02-167a62e1c960,#fff);

https://pitch.com/ โ€” .framer-MqwG6 .framer-fxewij

--d4qcbt: var(--token-9f3d2b7e-2cad-488a-9e02-167a62e1c960,#fff);

https://pitch.com/ โ€” .framer-RLB3s .framer-styles-preset-1foe3nf:not(.rich-text-wrapper),.framer-RLB3s .framer-styles-preset-1foe3nf.rich-text-wrapper blockquote

--corner-shape-fallback: 1;

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

PropertyDeclared valueSelector
font-familysans-serifbody,input,textarea,select,button
font-familyvar(--font-family)[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
font-familyvar(--framer-font-family-preview,var(--framer-blockquote-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif)))p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
font-familyvar(--framer-code-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif))code.framer-text,code.framer-text span.framer-text:not([data-text-fill])
font-familyvar(--framer-font-family-preview,var(--framer-link-font-family,var(--framer-blockquote-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif))))a.framer-text,a.framer-text span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link],span.framer-text[data-nested-link] span.framer-text:not([data-text-fill])
font-familyvar(--framer-font-family-preview,var(--framer-link-hover-font-family,var(--framer-link-font-family,var(--framer-blockquote-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif)))))a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link]:hover,span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill])
font-familyvar(--framer-font-family-preview,var(--framer-link-current-font-family,var(--framer-link-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif))))a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current] span.framer-text:not([dat
font-familyvar(--framer-font-family-preview,var(--framer-link-hover-font-family,var(--framer-link-current-font-family,var(--framer-link-font-family,var(--framer-font-family,Inter, Inter Placeholder, sans-serif)))))a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover s
font-size12pxbody,input,textarea,select,button
font-sizevar(--font-size)[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
font-sizecalc(var(--framer-blockquote-font-size,var(--framer-font-size,16px)) _ var(--framer-font-size-scale,1))p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
font-sizecalc(var(--framer-link-hover-font-size,var(--framer-blockquote-font-size,var(--framer-font-size,16px))) _ var(--framer-font-size-scale,1))a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link]:hover,span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill])
font-sizecalc(var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px))) _ var(--framer-font-size-scale,1))a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current] span.framer-text:not([dat
font-sizecalc(var(--framer-link-hover-font-size,var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px)))) _ var(--framer-font-size-scale,1))a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover s
font-sizevar(--framer-font-size,16px)[data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichText
font-sizevar(--framer-link-font-size,var(--framer-font-size,16px))[data-framer-component-type=DeprecatedRichText] a,[data-framer-component-type=DeprecatedRichText] a span:not([data-text-fill])
font-weightmin(calc(var(--framer-font-weight-increase,0) + var(--font-weight,400)), 900)[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
font-weightvar(--framer-font-weight-preview,var(--framer-blockquote-font-weight,var(--framer-font-weight,400)))p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
font-weightvar(--framer-blockquote-font-weight,var(--framer-code-font-weight,var(--framer-font-weight,400)))code.framer-text,code.framer-text span.framer-text:not([data-text-fill])
font-weightvar(--framer-font-weight-preview,var(--framer-link-font-weight,var(--framer-blockquote-font-weight,var(--framer-font-weight,400))))a.framer-text,a.framer-text span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link],span.framer-text[data-nested-link] span.framer-text:not([data-text-fill])
font-weightvar(--framer-font-weight-preview,var(--framer-link-hover-font-weight,var(--framer-link-font-weight,var(--framer-blockquote-font-weight,var(--framer-font-weight,400)))))a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link]:hover,span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill])
font-weightvar(--framer-font-weight-preview,var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400))))a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current] span.framer-text:not([dat
font-weightvar(--framer-code-font-weight,var(--framer-font-weight,400))code.framer-text a.framer-text[data-framer-page-link-current],code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),code.framer-text span.framer-text[data-framer-page-link-current],code.framer-text span.
font-weightvar(--framer-font-weight-preview,var(--framer-link-hover-font-weight,var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400)))))a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover s
line-heightvar(--line-height)[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
line-heightvar(--framer-blockquote-line-height,var(--framer-line-height,1.2em))p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
line-heightvar(--framer-line-height,1.2em)[data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichText
letter-spacingvar(--letter-spacing)[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
letter-spacingvar(--framer-blockquote-letter-spacing,var(--framer-letter-spacing,0))p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
letter-spacingvar(--framer-letter-spacing,0)[data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichText
colorvar(--text-color)[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com
colorvar(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill])
colorvar(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-code-text-color-rgb,var(--framer-code-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))code.framer-text,code.framer-text span.framer-text:not([data-text-fill])
colorvar(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))a.framer-text,span.framer-text[data-nested-link]
colorvar(--framer-link-current-text-color-rgb,var(--framer-link-current-text-color,var(--framer-link-text-color-rgb,var(--framer-link-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000))))))a.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current]
colorvar(--framer-blockquote-text-color,var(--framer-text-color,#000))p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,mark.framer-text,span.framer-text:not([data-text-fill])
colorvar(--framer-blockquote-text-color,var(--framer-code-text-color,var(--framer-text-color,#000)))code.framer-text,code.framer-text span.framer-text:not([data-text-fill])
background-colorvar(--framer-link-text-background-color-rgb,var(--framer-link-text-background-color,initial))a.framer-text,span.framer-text[data-nested-link]
background-colorvar(--framer-blockquote-text-background-color,var(--framer-text-background-color,initial))mark.framer-text,p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text
background-colorinitiala.framer-text,a.framer-text span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link],span.framer-text[data-nested-link] span.framer-text:not([data-text-fill])
background-colorvar(--framer-link-text-background-color,initial)a.framer-text,span.framer-text[data-nested-link]
background-colorvar(--framer-link-hover-text-background-color,var(--framer-link-text-background-color,var(--framer-text-background-color,initial)))a.framer-text:hover,span.framer-text[data-nested-link]:hover
background-colorvar(--framer-link-current-text-background-color,var(--framer-link-text-background-color,var(--framer-text-background-color,initial)))a.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current]
background-colorvar(--framer-link-hover-text-background-color,var(--framer-link-current-text-background-color,var(--framer-link-text-background-color,initial)))a.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover
background-colorvar(--token-9f3d2b7e-2cad-488a-9e02-167a62e1c960,#fff).framer-RLB3s .framer-styles-preset-1foe3nf:not(.rich-text-wrapper),.framer-RLB3s .framer-styles-preset-1foe3nf.rich-text-wrapper blockquote
border-radiusvar(--framer-blockquote-text-background-radius,var(--framer-text-background-radius,initial))mark.framer-text,p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text
border-radiusvar(--framer-link-text-background-radius,initial)a.framer-text,a.framer-text span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link],span.framer-text[data-nested-link] span.framer-text:not([data-text-fill])
border-radiusvar(--framer-link-hover-text-background-radius,var(--framer-link-text-background-radius,var(--framer-text-background-radius,initial)))a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link]:hover,span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill])
border-radiusvar(--framer-link-current-text-background-radius,var(--framer-link-text-background-radius,initial))a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current] span.framer-text:not([dat
border-radiusvar(--framer-link-hover-text-background-radius,var(--framer-link-current-text-background-radius,var(--framer-link-text-background-radius,initial)))a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover s
border-radius1px.framer-RLB3s .framer-styles-preset-1foe3nf:not(.rich-text-wrapper):before,.framer-RLB3s .framer-styles-preset-1foe3nf.rich-text-wrapper blockquote:before
border-radius8px.framer-ppOVY .framer-styles-preset-hi3hjr:not(.rich-text-wrapper),.framer-ppOVY .framer-styles-preset-hi3hjr.rich-text-wrapper table
border-radius4px.framer-1vfug .framer-styles-preset-230wqj:not(.rich-text-wrapper),.framer-1vfug .framer-styles-preset-230wqj.rich-text-wrapper code
max-width702px.framer-MqwG6 .framer-1j6v7bt-container
max-width1224px.framer-MqwG6 .framer-18kv2v7-container
max-width50%.framer-meaVU .framer-vrnf6d-container
max-widthunset.framer-meaVU.framer-v-d7h72y .framer-vrnf6d-container
padding0html,body,#main
paddingvar(--framer-blockquote-text-background-padding,var(--framer-text-background-padding,initial))mark.framer-text,p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text
paddingmax(0em, calc(calc(1.3em - var(--framer-blockquote-line-height,var(--framer-line-height,1.3em))) / 2)).framer-text[data-text-fill]
paddingvar(--framer-link-text-background-padding,initial)a.framer-text,a.framer-text span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link],span.framer-text[data-nested-link] span.framer-text:not([data-text-fill])
paddingvar(--framer-link-hover-text-background-padding,var(--framer-link-text-background-padding,var(--framer-text-background-padding,initial)))a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]),span.framer-text[data-nested-link]:hover,span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill])
paddingvar(--framer-link-current-text-background-padding,var(--framer-link-text-background-padding,initial))a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current],span.framer-text[data-framer-page-link-current] span.framer-text:not([dat
paddingvar(--framer-link-hover-text-background-padding,var(--framer-link-current-text-background-padding,var(--framer-link-text-background-padding,initial)))a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),span.framer-text[data-framer-page-link-current]:hover,span.framer-text[data-framer-page-link-current]:hover s
padding24px.framer-RLB3s .framer-styles-preset-1foe3nf:not(.rich-text-wrapper),.framer-RLB3s .framer-styles-preset-1foe3nf.rich-text-wrapper blockquote
gap0.framer-GoY3d.framer-g6zdut
gap10px.framer-GoY3d .framer-16uy6tz
gap20px.framer-TTJ1Q .framer-10w8ol0
gap12px.framer-TTJ1Q .framer-sku40g
gap16px.framer-TTJ1Q .framer-1rsgk8j
gap5px.framer-TTJ1Q .framer-vb89pz,.framer-TTJ1Q .framer-7p6r2g
gap4px.framer-y8Mav.framer-vxcegg
gap8px.framer-MD0XF.framer-vc7429

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

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.
  • 70 custom-property declarations found; 642 relevant property declarations parsed.

Stylesheet sources