Fellow

Fellow

Great Meetings Start Here
Visit
Fellow

Marketing Pages

7
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 4 more marketing pages from Fellow

Product Interfaces

13
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 10 more product intefaces from Fellow

Emails

2

๐Ÿ”’ Get SaaSFrame Pro to see 1 more emails from Fellow

No items found.
No items found.

Visual identity

Fellow โ€” design reference

Source: https://fellow.ai/. 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: #ddd โ€” selector .framer-jmFvN .framer-styles-preset-1bcsnhm:not(.rich-text-wrapper):before,.framer-jmFvN .framer-styles-preset-1bcsnhm.rich-text-wrapper blockquote:before

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-jmFvN .framer-styles-preset-1bcsnhm:not(.rich-text-wrapper):before,.framer-jmFvN .framer-styles-preset-1bcsnhm.rich-text-wrapper blockquote:before
  • border-radius: 8px โ€” selector .framer-7U9v5 .framer-styles-preset-v3znzn:not(.rich-text-wrapper),.framer-7U9v5 .framer-styles-preset-v3znzn.rich-text-wrapper table
  • border-radius: 6px โ€” selector .framer-hQ1D6 .framer-styles-preset-1k71uc0:not(.rich-text-wrapper),.framer-hQ1D6 .framer-styles-preset-1k71uc0.rich-text-wrapper code
  • box-shadow: 4px 16px 20px #07103c66 โ€” selector .framer-EI7qc.framer-k056aa
  • box-shadow: 0 2px 20px #0e343e1a โ€” selector .framer-EI7qc .framer-p2rf49
  • max-width: 1440px โ€” selector .framer-EI7qc .framer-t8gbvw-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: 0 0 0 22px โ€” selector .framer-jmFvN .framer-styles-preset-1bcsnhm:not(.rich-text-wrapper),.framer-jmFvN .framer-styles-preset-1bcsnhm.rich-text-wrapper blockquote
  • gap: 0 โ€” selector .framer-EI7qc.framer-aqx9c9
  • gap: 140px โ€” selector .framer-EI7qc .framer-1i6ppch
  • gap: 32px โ€” selector .framer-EI7qc .framer-cgyh3
  • gap: 16px โ€” selector .framer-EI7qc .framer-vhsp2m
  • gap: 10px โ€” selector .framer-EI7qc .framer-1kh3anh
  • gap: 20px โ€” selector .framer-EI7qc .framer-7kmroj
  • gap: 4px โ€” selector .framer-EI7qc .framer-auj6j0,.framer-EI7qc .framer-1s93hzp,.framer-EI7qc .framer-kqwvlu,.framer-EI7qc .framer-1udradb
  • gap: 19px โ€” selector .framer-EI7qc .framer-12v3gi8,.framer-EI7qc .framer-188glid
  • transition: color .3s cubic-bezier(.44,0,.56,1) โ€” selector .framer-3Hbiq .framer-styles-preset-1ltnovz:not(.rich-text-wrapper),.framer-3Hbiq .framer-styles-preset-1ltnovz.rich-text-wrapper a
  • transition: color .3s cubic-bezier(.44,0,.56,1),text-decoration-color .3s cubic-bezier(.44,0,.56,1),text-decoration-thickness .3s cubic-bezier(.44,0,.56,1),text-underline-offset .3s cubic-bezier(.44,0,.56,1) โ€” selector .framer-BXQec .framer-styles-preset-q3a9dt:not(.rich-text-wrapper),.framer-BXQec .framer-styles-preset-q3a9dt.rich-text-wrapper a

Responsive rules

(min-width: 1600px)
(min-width: 1200px) and (max-width: 1599.98px)
(min-width: 810px) and (max-width: 1199.98px)
(max-width: 809.98px)
(max-width:1599px) and (min-width:1200px)
(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)
(min-width:1600px)

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

--token-f2ce4a75-4f01-4026-b9bd-c036f9b4ac36: #000;
--token-0a478d8b-12aa-4031-b980-61418667d41e: #fff;
--token-dd3624ec-d79a-43f6-bccd-881c57fe8dc5: #07103c;
--token-4e436e25-fd49-433b-8d1a-99e9e001791a: #2941e0;
--token-e72b6648-26c6-454e-a817-a657322e5017: #bdceff;
--token-75aebb59-8076-4e4e-8500-3b1fa3ee5353: #ebf0fc;
--token-5d5bc9b0-1fc2-4e2e-8008-771a4ab969f9: #f5f7fd;
--token-908e8ab1-ffdf-450e-acf9-48349598176b: #1c0674;
--token-ec3ecd69-570b-4218-8328-d87da5f31939: #742afb;
--token-428e73e4-a326-476b-a044-302d888507f1: #dddbff;
--token-73e0d3a8-fcf1-438d-addb-6195fa081467: #f0f0ff;
--token-b89baf78-8543-432d-bd5f-7f9c5022b572: #611414;
--token-4370b6ed-43ee-4dfa-baf1-79f5e4457700: #cd2d2d;
--token-2a325e27-96c4-4504-aecb-4a3661cb883a: #ffbdbd;
--token-01e55557-5dd8-4691-8f54-832b0da8b5e9: #ffebeb;
--token-5416fcd1-744b-4dc6-909f-ffba01a97680: #753100;
--token-3f57a704-4656-4ecb-be2b-59e316f67114: #ff925c;
--token-a6ea88f5-2f67-4c17-b687-fc049358956c: #ffdec6;
--token-1bd56526-6694-443a-9661-d19a677b9883: #fff3e7;
--token-e14b32ab-2d4e-485a-8970-960cf2b1fa07: #fff9f3;
--token-271a72d0-c72e-4a69-94dd-ed8471657ef5: #00574a;
--token-1d717e21-84dc-4537-b9d8-077513aaf87f: #00d5b6;
--token-39582d86-f821-4d35-a47d-74bd76f7f744: #abedd9;
--token-c142b061-09b7-4d1d-aadd-8d13ad52fd87: #e1faf4;
--token-e4bfb6df-8997-4b44-9fc7-5563f8ec267c: #f0fdf9;
--token-59a599f9-c5f9-454c-8a9e-7a7c5df35e53: #273238;
--token-b1bb1813-fe32-4596-a161-7e6609f6906e: #3b474d;
--token-ed51b7c8-4077-41a9-86df-1bf437545c44: #526066;
--token-fdf647eb-816d-4cd7-b557-f1303f86e912: #616f75;
--token-0c05f557-0c25-4fa2-ac67-0d761c89d2de: #7f9199;
--token-0270b46b-866c-4f84-a377-5da20852326c: #b4c4cc;
--token-0eb357b7-29e1-4ae2-9588-1c0e40847da4: #d2dce0;
--token-a135a393-ddd2-4047-8869-9cea6c32dcb7: #f5f5f7;
--token-496273e1-6186-4c08-9522-d1c7240ff874: #065806;
--token-c695b8a0-4191-4a48-958c-28b1c47470ed: #107c10;
--token-39e6d813-4841-435f-96df-fb378880e29f: #dff6dd;
--token-c7f996e4-4c7f-4ca1-8949-d0f8bf3705b9: #705400;
--token-ca165e1e-c752-410b-9775-67543b42847c: #ffc107;
--token-1b3353d8-3459-46b5-a4dc-11993a9b5901: #fff4ce;
--token-32c4ae52-709a-4cd5-8426-41b9ad773ddf: #ff492c;
--token-e4068458-cb1b-4857-af63-902b0686025f: #23cca2;
--token-f09802e4-a888-413c-97c6-59b13f5c2d1d: #2690ce;
--token-3a54e571-c43b-4c7d-9a8e-a3910a4d364e: #fffc;
--token-88434547-3ff4-4794-b724-e6e1a3e3c5f1: #73f;
--token-7287a6ec-5a36-4860-950f-c06ee99a82b2: #fff;
--token-826a5db1-b1b4-4894-a5f9-2db558f070dd: #ccc;
--token-550d2a4b-3eff-4ecb-8ad9-b479c939d122: #beafff;
--token-78b655d3-9ea9-41a8-82c5-f50fb121914e: #17181a;
--token-eab362a7-cbd2-4a38-b1a1-a04dc4609a9c: #05050a;
--token-7abf20f8-a700-4565-a076-91f461b99b2c: #0a0b24;
--token-8931d338-c860-4565-9738-80d9952903ed: #202026;
--token-f951c3a8-aa43-4825-aa75-915aa92c20d1: #4f1ad6;
--token-a9883d9b-c1bd-4bd9-be15-284cd72e1b1f: #ffffff12;
--token-8e9f7de0-9fd7-44d3-bc3e-2dea20c4e4bd: #000;
--token-59e77027-930e-45f7-94aa-a8ffadf9e382: #fff;
--token-8f8054d9-8a09-4e7e-b957-8a76557c5e75: #fff9;
--token-5f02b6c4-24fc-4147-826c-1d0cf6165934: #0b0a12;
--token-b1aa9e3f-de6c-4013-91a1-997ab879c606: #12121c;
--token-933d3e81-e726-41c9-a638-e1b82caab0bb: #30e0a1e6;
--token-082d630a-c036-4f77-8c8d-5d7b4650e064: #ffffff14;
--token-f5219c3a-5ee2-4639-9e23-4bdcf5509ebd: #4f1ad626;
--token-74f48371-76c0-476a-a319-1331b3a438c2: #080808;
--token-b456af2e-fd88-41ae-8686-ad7692875dfd: #61616117;
--token-a58752c8-168c-47db-857e-906f22f33790: #ffffff26;
--token-d5942089-4878-4f31-b346-8f23e865fd4c: #f6f5f2;
--token-ea91cf17-04e5-4774-a35e-c301cff61c2b: #007f95;
--token-ec36eba5-c767-46b9-bd55-8ba5ff29852c: #273238;
--token-b12ec8b7-6b8c-44b8-845b-6cfb205ee8a7: #171721;
--token-ccf12317-c58e-49c4-abe3-5df648c0b6bf: #efeee9;
--token-0517c2cf-ac7c-461a-b8fc-65350aa56f78: #23232c;
--token-5c3bcf72-708b-4b64-827f-e1426ba675c4: #b4c4cc;

https://fellow.ai/ โ€” [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://fellow.ai/ โ€” :root

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

https://fellow.ai/ โ€” .framer-EI7qc .framer-apbq4i

--border-bottom-width: 1px;
--border-color: #547886;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;

https://fellow.ai/ โ€” [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://fellow.ai/ โ€” [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://fellow.ai/ โ€” [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://fellow.ai/ โ€” ol.framer-text

--list-style-type: decimal;

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

--font-variation-settings: normal;

Source: https://fellow.ai/. 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-color#ddd.framer-jmFvN .framer-styles-preset-1bcsnhm:not(.rich-text-wrapper):before,.framer-jmFvN .framer-styles-preset-1bcsnhm.rich-text-wrapper blockquote:before
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-jmFvN .framer-styles-preset-1bcsnhm:not(.rich-text-wrapper):before,.framer-jmFvN .framer-styles-preset-1bcsnhm.rich-text-wrapper blockquote:before
border-radius8px.framer-7U9v5 .framer-styles-preset-v3znzn:not(.rich-text-wrapper),.framer-7U9v5 .framer-styles-preset-v3znzn.rich-text-wrapper table
border-radius6px.framer-hQ1D6 .framer-styles-preset-1k71uc0:not(.rich-text-wrapper),.framer-hQ1D6 .framer-styles-preset-1k71uc0.rich-text-wrapper code
box-shadow4px 16px 20px #07103c66.framer-EI7qc.framer-k056aa
box-shadow0 2px 20px #0e343e1a.framer-EI7qc .framer-p2rf49
max-width1440px.framer-EI7qc .framer-t8gbvw-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
padding0 0 0 22px.framer-jmFvN .framer-styles-preset-1bcsnhm:not(.rich-text-wrapper),.framer-jmFvN .framer-styles-preset-1bcsnhm.rich-text-wrapper blockquote
gap0.framer-EI7qc.framer-aqx9c9
gap140px.framer-EI7qc .framer-1i6ppch
gap32px.framer-EI7qc .framer-cgyh3
gap16px.framer-EI7qc .framer-vhsp2m
gap10px.framer-EI7qc .framer-1kh3anh
gap20px.framer-EI7qc .framer-7kmroj
gap4px.framer-EI7qc .framer-auj6j0,.framer-EI7qc .framer-1s93hzp,.framer-EI7qc .framer-kqwvlu,.framer-EI7qc .framer-1udradb
gap19px.framer-EI7qc .framer-12v3gi8,.framer-EI7qc .framer-188glid
transitioncolor .3s cubic-bezier(.44,0,.56,1).framer-3Hbiq .framer-styles-preset-1ltnovz:not(.rich-text-wrapper),.framer-3Hbiq .framer-styles-preset-1ltnovz.rich-text-wrapper a
transitioncolor .3s cubic-bezier(.44,0,.56,1),text-decoration-color .3s cubic-bezier(.44,0,.56,1),text-decoration-thickness .3s cubic-bezier(.44,0,.56,1),text-underline-offset .3s cubic-bezier(.44,0,.56,1).framer-BXQec .framer-styles-preset-q3a9dt:not(.rich-text-wrapper),.framer-BXQec .framer-styles-preset-q3a9dt.rich-text-wrapper a

Source: https://fellow.ai/. 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.
  • 117 custom-property declarations found; 525 relevant property declarations parsed.

Stylesheet sources