Pricing

The AI operating system for procurement

Finance1 Websites
Search Pivot screensVisit website

Websites 1

All websites

Design reference

Pivot — design reference

Source: https://www.pivotapp.ai/. Extracted 2026-11-09. Scope: public marketing website CSS (Webflow variables); declared styles, not computed browser values. This is an observed inventory, not an official internal design system.

Typography

  • font-family: Roobert,Arial,sans-serif — primary (headings), --_typography---primary-font
  • font-family: Dmsans,Arial,sans-serif — secondary (body), --_typography---secondary-font
  • font-size: 4rem; line-height: 1.1; font-weight: 500; letter-spacing: -.03em — --_typography---display-4xl--*
  • font-size: 3rem; line-height: 1.1; font-weight: 500; letter-spacing: -.02em — --_typography---display-3xl--*
  • font-size: 2.25rem; line-height: 1.1; font-weight: 500; letter-spacing: -.02em — --_typography---display-2xl--*
  • font-size: 1.75rem; line-height: 1.1; font-weight: 500; letter-spacing: -.02em — --_typography---display-xl--*
  • font-size: 1.25rem; line-height: 1.5; font-weight: 500; letter-spacing: -.02em — --_typography---text-lg--*
  • font-size: 1.125rem; line-height: 1.5; font-weight: 400; letter-spacing: -.02em — --_typography---text-md--*
  • font-size: 1rem; line-height: 1.5; font-weight: 400; letter-spacing: 0em — --_typography---base--*
  • font-size: .875rem; line-height: 1.5; font-weight: 400; letter-spacing: 0rem — --_typography---text-sm--*
  • font-size: .75rem; line-height: 1.5; font-weight: 400; letter-spacing: 0rem — --_typography---text-xs--*

Colors and surfaces

  • 011515: #011515
  • 000000: black
  • fbffb5: #fbffb5
  • ffffff: white
  • black: #060609
  • f4f4f4: #f4f4f4
  • f0ff00: #f0ff00
  • fafafa: #fafafa
  • f6fdf9: #f6fdf9
  • cdcfcf: #cdcfcf
  • 202827: #202827
  • 9b9f9f: #9b9f9f
  • eeeeee: #eee
  • f4f5f5: #f4f5f5
  • f4f3ef: #f4f3ef
  • aeb1ac: #aeb1ac
  • 596061: #596061
  • e8e8e8: #e8e8e8
  • 838d8f: #838d8f
  • --_themes---background--primary → #fafafa
  • --_themes---typography--paragraph → #464646
  • --_themes---typography--heading → black
  • --_themes---typography--link → #060609
  • --_themes---btn-primary--bg → black
  • --_themes---btn-primary--text → white
  • --_themes---btn-primary--hover-bg → transparent
  • --_themes---btn-primary--hover-text → black
  • --_themes---btn-secondary--bg → #fafafa
  • --_themes---btn-secondary--text → black

Components and layout

  • --radius--xxs: .125rem
  • --radius--xs: .25rem
  • --radius--sm: .375rem
  • --radius--md: .5rem
  • --radius--lg: .625rem
  • --radius--xl: .75rem
  • --radius--2xl: 1rem
  • --radius--3xl: 1.25rem
  • --radius--4xl: 1.5rem
  • --radius--5xl: 2rem
  • --radius--6xl: 2.5rem
  • --radius--full: calc(infinity*1px)
  • --space--xxs: .125rem
  • --space--xs: .25rem
  • --space--sm: .375rem
  • --space--md: .5rem
  • --space--lg: .75rem
  • --space--xl: 1rem
  • --space--2xl: 1.25rem
  • --space--3xl: 1.5rem
  • --space--4xl: 2rem
  • --space--5xl: 3rem
  • --space--6xl: 4rem
  • --space--7xl: 5rem
  • --space--8xl: 7rem
  • --space--9xl: 8rem
  • --space--10xl: 10rem
  • --space--12xl: 12rem
  • --size--xxs: .5rem
  • --size--xs: .75rem
  • --size--sm: 1rem
  • --size--md: 1.25rem
  • --size--lg: 1.5rem
  • --size--xl: 2rem
  • --size--2xl: 2.5rem
  • --size--3xl: 3rem
  • --size--4xl: 3.5rem
  • --size--5xl: 4rem
  • --size--6xl: 5rem

Responsive rules

(min-width:768px)
screen and (max-width:479px)
screen and (max-width:767px)
screen and (max-width:991px)

Tech stack