Design token diff

Showing changes between two snapshots of framer.com

Before

Mar 30, 2026

View snapshot

After

Apr 12, 2026

View snapshot

Before

Mar 30, 2026

After

Apr 12, 2026

26 removed

Typography

14 removed
sans-serif|12px|400Body
var(--font-family)|var(--font-size)|min(calc(var(--framer-font-weight-increase,0) + var(--font-weight,400)),900)Data Framer Component
var(--framer-font-family-preview, var(--framer-blockquote-font-family, var(--framer-font-family,Inter,Inter Placeholder,sans-serif)))|calc(var(--framer-blockquote-font-size,var(--framer-font-size,16px))*var(--framer-font-size-scale,1))|var(--framer-font-weight-preview,var(--framer-blockquote-font-weight,var(--framer-font-weight,400)))P Framer Text
var(--framer-code-font-family, var(--framer-font-family,Inter,Inter Placeholder,sans-serif))|calc(var(--framer-blockquote-font-size,var(--framer-font-size,16px))*var(--framer-font-size-scale,1))|var(--framer-blockquote-font-weight,var(--framer-code-font-weight,var(--framer-font-weight,400)))Code Framer Text 2
var(--framer-font-family-preview, var(--framer-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family,Inter,Inter Placeholder,sans-serif))))|calc(var(--framer-blockquote-font-size,var(--framer-font-size,16px))*var(--framer-font-size-scale,1))|var(--framer-font-weight-preview,var(--framer-blockquote-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400))))A Framer Text
var(--framer-font-family-preview, var(--framer-link-hover-font-family, var(--framer-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family,Inter,Inter Placeholder,sans-serif)))))|calc(var(--framer-link-hover-font-size,var(--framer-blockquote-font-size,var(--framer-font-size,16px)))*var(--framer-font-size-scale,1))|var(--framer-font-weight-preview,var(--framer-link-hover-font-weight,var(--framer-blockquote-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400)))))A Framer Text 2
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))))|calc(var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px)))*var(--framer-font-size-scale,1))|var(--framer-font-weight-preview,var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400))))A Framer Text 3
var(--framer-code-font-family, var(--framer-font-family,Inter,Inter Placeholder,sans-serif))|calc(var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px)))*var(--framer-font-size-scale,1))|var(--framer-code-font-weight,var(--framer-font-weight,400))Code Framer Text 3
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)))))|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))|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)))))A Framer Text 4
var(--framer-font-family,Inter,Inter Placeholder,sans-serif)|var(--framer-font-size,16px)|var(--framer-font-weight,400)Data Framer Component 2
var(--framer-link-font-family, var(--framer-font-family,Inter,Inter Placeholder,sans-serif))|var(--framer-link-font-size,var(--framer-font-size,16px))|var(--framer-link-font-weight,var(--framer-font-weight,400))Data Framer Component 3
var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-font-family,Inter,Inter Placeholder,sans-serif)))|var(--framer-link-hover-font-size,var(--framer-link-font-size,var(--framer-font-size,16px)))|var(--framer-link-hover-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400)))Data Framer Component 4
var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family,Inter,Inter Placeholder,sans-serif)))|var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px)))|var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400)))Data Framer Component 5
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))))|var(--framer-link-hover-font-size,var(--framer-link-current-font-size,var(--framer-link-font-size,var(--framer-font-size,16px))))|var(--framer-link-hover-font-weight,var(--framer-link-current-font-weight,var(--framer-link-font-weight,var(--framer-font-weight,400))))Data Framer Component 6

Spacing

12 removed20 unchanged
calc(calc(1.3em - var(--framer-blockquote-line-height,var(--framer-line-height,1.3em)Space calc calc 1.3em var framer blockquote line height var framer line height 1.3em
25pxSpace 25px
30pxSpace 30px
35pxSpace 35px
38pxSpace 38px
39pxSpace 39px
40pxSpace 40px
45pxSpace 45px
47pxSpace 47px
50pxSpace 50px
60pxSpace 60px
80pxSpace 80px

Border Radius

23 unchanged

Shadows

15 unchanged