Design token diff

Showing changes between two snapshots of invisionapp.com

Before

Apr 10, 2026

View snapshot

After

May 7, 2026

View snapshot

Before

Apr 10, 2026

After

May 7, 2026

+92 added−34 removed

Colors

+41 added−2 removed23 unchanged

Typography

+24 added−13 removed

+"Roobert PRO", "Roobert PRO Medium", sans-serif|16px|500Roobert PRO 16px / 500

+"Roobert PRO Medium", sans-serif|24px|400Roobert PRO Medium 24px / 400

+"Roobert PRO Medium", "Roobert PRO Medium Placeholder", sans-serif|40px|400Roobert PRO Medium 40px / 400

+"Roobert PRO Medium", Helvetica, Arial, sans-serif|16px|400Roobert PRO Medium 16px / 400

+"Roobert PRO", "Roobert PRO Medium", sans-serif|18px|700Roobert PRO 18px / 700

+"Open Sans", "Open Sans Placeholder", sans-serif|16px|500Open Sans 16px / 500

+"Roobert PRO Medium", sans-serif|10.5px|400

Spacing

+12 added20 unchanged

+19pxSpace 19px

+20px20px

+24px24px

+28px28px

+32px32px

+40px40px

+48px48px

+80px80px

Border Radius

+8 added−16 removed8 unchanged

+.625remRadius .625rem

+1remRadius 1rem

+1.5remRadius 1.5rem

+9999pxRadius 9999px

+calc(.625rem - 2px)Radius calc .625rem 2px

+calc(.625rem + 4px)Radius calc .625rem 4px

+.125remRadius .125rem

Shadows

+7 added−3 removed5 unchanged

+0 0 0 .0625rem #3859ff,0 0 0 .125rem #e9eaef,0 0 0 .3125rem #3859ff,0 0 0 .5625rem #e9eaefShadow 2

+rgb(224, 226, 232) 0px 0px 0px 1pxshadow-div.framer-zwm7s0

+rgb(122, 144, 254) 0px 1px 1px 0px insetshadow-a.framer-uiZ9R.framer-as4835

+rgba(0, 0, 0, 0.18) 0px 0.602187px 0.602187px -1.25px, rgba(0, 0, 0, 0.16) 0px 2.28853px 2.28853px -2.5px, rgba(0, 0, 0, 0.06) 0px 10px 10px -3.75pxshadow-button

+rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1pxshadow-header.tw:bg-white.tw:shadow-sm

+rgb(224, 226, 232) 0px 0px 0px 0.353428px

Back to invisionapp.com archive

Roobert PRO Medium 10.5px / 400

+"Roobert PRO Medium", Helvetica, Arial, sans-serif|18px|400Roobert PRO Medium 18px / 400

+"Roobert PRO Medium", sans-serif|14px|400Roobert PRO Medium 14px / 400

+"Roobert PRO SemiBold", sans-serif|48px|400Roobert PRO SemiBold 48px / 400

+"Roobert PRO Medium", sans-serif|16px|400Roobert PRO Medium 16px / 400

+"Roobert PRO SemiBold Italic", sans-serif|48px|400Roobert PRO SemiBold Italic 48px / 400

+"Roobert PRO", "Roobert PRO Medium", sans-serif|16px|400Roobert PRO 16px / 400

+"Roobert PRO SemiBold", sans-serif|18px|400Roobert PRO SemiBold 18px / 400

+"Roobert PRO Medium", sans-serif|11px|400Roobert PRO Medium 11px / 400

+"Roobert PRO Medium", sans-serif|10px|400Roobert PRO Medium 10px / 400

+Karla, sans-serif|12px|400Karla 12px / 400

+"Nanum Pen Script", sans-serif|16px|400Nanum Pen Script 16px / 400

+"Roobert PRO", "Roobert PRO Medium", sans-serif|16px|900Roobert PRO 16px / 900

+"Roobert PRO", "Roobert PRO Medium", sans-serif|16px|700Roobert PRO 16px / 700

+"Roobert PRO Medium", "Roobert PRO Medium Placeholder", sans-serif|48px|400Roobert PRO Medium 48px / 400

+"Roobert PRO", "Roobert PRO Placeholder", sans-serif|8.5px|600Roobert PRO 8.5px / 600

+"Roobert PRO SemiBold", sans-serif|12px|400Roobert PRO SemiBold 12px / 400

+"Roobert PRO Medium", sans-serif|13px|400Roobert PRO Medium 13px / 400

−var(--font-family)|var(--font-size)|min(calc(var(--framer-font-weight-increase,0) + var(--font-weight,400)),900)Data Framer Component

−var(--tw-font-family-pro)|40px|var(--tw-font-weight-medium)Tw H1

−var(--tw-font-family-pro)|32px|var(--tw-font-weight-medium)Tw H1 Display

−var(--tw-font-family-pro)|24px|var(--tw-font-weight-medium)Tw H3

−var(--tw-font-family-pro)|20px|var(--tw-font-weight-medium)Tw H4

−var(--tw-font-family-pro)|18px|var(--tw-font-weight-medium)Tw H5

−var(--tw-font-family-pro)|16px|var(--tw-font-weight-medium)Tw H6

−var(--tw-font-family-noto)|18px|var(--tw-font-weight-regular)Tw Text Normal

−var(--tw-font-family-noto)|14px|400Tw Text Category

−var(--tw-font-family-noto)|16px|400Tw Label

−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(--radius)Radius var radius

−var(--tw-radius-2xl)Radius var tw radius 2xl

−var(--tw-radius-3xl)Radius var tw radius 3xl

−3.40282e38pxRadius 3.40282e38px

−calc(var(--radius) - 2px)Radius calc var radius 2px

−calc(var(--radius) + 4px)Radius calc var radius 4px

−var(--tw-radius-xs)Radius var tw radius xs

−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

−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

−var(--wcds-cookie-banner-btn-border-radius-md)Radius var wcds cookie banner btn border radius md

−var(--wcds-cookie-banner-btn-border-radius-xxl)Radius var wcds cookie banner btn border radius xxl

−2.73972603vwRadius 2.73972603vw

shadow-div.framer-repkcs

+rgb(217, 224, 255) 0px 0px 0px 4pxshadow-div#onetrust-banner-sdk.otFlat.bottom

−0 0 0 .0625rem var(--tw-color-blue-500),0 0 0 .125rem var(--tw-color-gray-150),0 0 0 .3125rem var(--tw-color-blue-500),0 0 0 .5625rem var(--tw-color-gray-150)Shadow 2

−var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)Shadow 3

−var(--wcds-cookie-banner-box-shadow)Shadow 8