Design token diff

Showing changes between two snapshots of freepik.com

Before

Apr 2, 2026

View snapshot

After

May 7, 2026

View snapshot

Before

Apr 2, 2026

After

May 7, 2026

+25 added−88 removed

Colors

+8 added−48 removed16 unchanged

Typography

+7 added−16 removed

+inherit!important|14px|500Inherit!important

+GeistInline, "Helvetica Neue", Helvetica, Arial, sans-serif|16px|400GeistInline 16px / 400

+GeistInline, "Helvetica Neue", Helvetica, Arial, sans-serif|16px|600GeistInline 16px / 600

+GeistInline, "Helvetica Neue", Helvetica, Arial, sans-serif|16px|500GeistInline 16px / 500

+KlarheitInline, GeistInline, "Helvetica Neue", Helvetica, Arial, sans-serif|30px|800KlarheitInline 30px / 800

+KlarheitInline, GeistInline, "Helvetica Neue", Helvetica, Arial, sans-serif|160px|800KlarheitInline 160px / 800

+GeistInline, sans-serif|15px|600

Spacing

+8 added−13 removed19 unchanged

+15pxSpace 15px

+28px28px

+32px32px

+48px48px

+64px64px

+96px96px

+152px152px

Border Radius

+1 added−9 removed15 unchanged

+.75remRadius .75rem

−1remRadius 1rem

−var(--scrollbar-track-radius)Radius var scrollbar track radius

−var(--scrollbar-thumb-radius)Radius var scrollbar thumb radius

−var(--scrollbar-corner-radius)Radius var scrollbar corner radius

−#1a1a1aRadius 1a1a1a

−#353535

Shadows

+1 added−2 removed3 unchanged

+0 0 #0000,0 0 #0000,0 0 #0000Shadow 1

−var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)Shadow 1

−var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)Shadow 3

Back to freepik.com archive

GeistInline 15px / 600

−var(--font-sans)|var(--_otnfkq1x)|400Body

−var(--_otnfkq1l)|1em|400Pre

−var(--_otnfkq1o)|1em|400Code

−inherit|100%|400Button

−var(--font-alternate)|32px|600Sprinkles Text 3xl

−var(--font-sans)|24px|600Sprinkles Text 2xl

−var(--font-sans)|20px|400Sprinkles Text Xl

−var(--font-sans)|13px|400Sprinkles Text Sm

−var(--font-sans)|8px|400Sprinkles Text 3xs

−var(--font-sans)|17px|400Sm Sprinkles Text

−var(--font-sans)|15px|400Lg Sprinkles Text

−var(--font-sans), Inter, "Helvetica Neue", Helvetica, Arial, sans-serif!important|.75rem!important|500!importantAb Iam Root

−var(--font-sans), Inter, "Helvetica Neue", Helvetica, Arial, sans-serif|.625rem|400Typo Body 2xs

−var(--font-sans), Inter, "Helvetica Neue", Helvetica, Arial, sans-serif|1.125rem|400Lg Typo Body

−inherit!important|14px!important|500!importantOnetrust Banner Sdk

−30vw|25vw|40017lid5f9

−calc(-1rem * var(--tw-space-x-reverse)Space calc 1rem var tw space x reverse

−calc(-1rem * calc(1 - var(--tw-space-x-reverse)Space calc 1rem calc 1 var tw space x reverse

−calc(0px * calc(1 - var(--tw-space-y-reverse)Space calc 0px calc 1 var tw space y reverse

−calc(0px * var(--tw-space-y-reverse)Space calc 0px var tw space y reverse

−calc(.25rem * calc(1 - var(--tw-space-y-reverse)Space calc .25rem calc 1 var tw space y reverse

−calc(.25rem * var(--tw-space-y-reverse)Space calc .25rem var tw space y reverse

−calc(7px * calc(1 - var(--tw-space-y-reverse)Space calc 7px calc 1 var tw space y reverse

−calc(7px * var(--tw-space-y-reverse)Space calc 7px var tw space y reverse

−calc(.5rem * calc(1 - var(--tw-space-y-reverse)Space calc .5rem calc 1 var tw space y reverse

−calc(.5rem * var(--tw-space-y-reverse)Space calc .5rem var tw space y reverse

−calc(.75rem * calc(1 - var(--tw-space-y-reverse)Space calc .75rem calc 1 var tw space y reverse

−calc(.75rem * var(--tw-space-y-reverse)Space calc .75rem var tw space y reverse

−#424242Radius 424242

−#616161Radius 616161

−#737373Radius 737373