Design token diff

Showing changes between two snapshots of openrol.es

Before

Apr 7, 2026

View snapshot

After

May 7, 2026

View snapshot

Before

Apr 7, 2026

After

May 7, 2026

+8 added−29 removed

Colors

+7 added−8 removed2 unchanged

Typography

−15 removed6 unchanged

−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

−

Spacing

−1 removed19 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

Border Radius

+1 added−5 removed8 unchanged

+initialRadius initial

−var(--framer-blockquote-text-background-radius,var(--framer-text-background-radius,initial))Radius var framer blockquote text background radius var framer text background radius initial

−var(--framer-link-text-background-radius,initial)Radius var framer link text background radius initial

−var(--framer-link-hover-text-background-radius,var(--framer-link-text-background-radius,var(--framer-text-background-radius,initial)))Radius var framer link hover text background radius var framer link text background radius var framer text background radius initial

−var(--framer-link-current-text-background-radius,var(--framer-link-text-background-radius,initial))Radius var framer link current text background radius var framer link text background radius initial

Back to openrol.es archive

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)))))

−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

−sans-serif|12px|400sans-serif 12px / 400

−Times|16px|400Times 16px / 400

var(--framer-link-hover-text-background-radius,var(--framer-link-current-text-background-radius,var(--framer-link-text-background-radius,initial)))

Radius var framer link hover text background radius var framer link current text background radius var framer link text background radius initial