Design token diff

Showing changes between two snapshots of printful.com

Before

Apr 10, 2026

View snapshot

After

Apr 11, 2026

View snapshot

Before

Apr 10, 2026

After

Apr 11, 2026

+45 added−12 removed

Colors

+25 added

Typography

+8 added15 unchanged
+ProximaNova-Extrabld, sans-serif|64px|700ProximaNova-Extrabld 64px / 700
+ProximaNova, sans-serif|24px|700ProximaNova 24px / 700
+ProximaNova, sans-serif|16px|700ProximaNova 16px / 700
+"Material Design Icons"|14px|400Material Design Icons 14px / 400
+ProximaNova, sans-serif|12px|400ProximaNova 12px / 400
+ProximaNova, sans-serif|36px|700ProximaNova 36px / 700
+ProximaNova, sans-serif|13.8px|400ProximaNova 13.8px / 400
+ProximaNova, sans-serif|24px|400ProximaNova 24px / 400

Spacing

+12 added20 unchanged
+-1px-1px
+-0.3px-0.3px
+10px10px
+12px12px
+15px15px
+16px16px
+20px20px
+24px24px
+32px32px
+40px40px
+64px64px
+96px96px

Border Radius

−8 removed16 unchanged
−var(--pf-comp-toggle-switch-indicator-border-radius,var(--pf-sys-border-radius-circle,50%))Radius var pf comp toggle switch indicator border radius var pf sys border radius circle 50%
−var(--pf-comp-badge-circle-border-radius,var(--pf-sys-border-radius-circle,50%))Radius var pf comp badge circle border radius var pf sys border radius circle 50%
−var(--pf-comp-badge-border-radius,var(--pf-sys-border-radius-pill,100vmax))Radius var pf comp badge border radius var pf sys border radius pill 100vmax
−var(--pf-sys-border-radius,5px)Radius var pf sys border radius 5px
−var(--pf-sys-border-radius-xs,3px)Radius var pf sys border radius xs 3px
−var(--pf-comp-button-border-radius,var(--pf-sys-border-radius,5px))Radius var pf comp button border radius var pf sys border radius 5px
−var(--pf-comp-tooltip-border-radius,var(--pf-sys-border-radius-sm,4px))Radius var pf comp tooltip border radius var pf sys border radius sm 4px
−var(--pf-comp-dropdown-input-menu-item-border-radius,var(--pf-sys-border-radius,5px))Radius var pf comp dropdown input menu item border radius var pf sys border radius 5px

Shadows

−4 removed12 unchanged
−var(--pf-comp-input-disabled-focus-box-shadow,none)Shadow 13
−var(--pf-comp-input-group-inc-dec-button-box-shadow,0 2px 4px 0 rgba(0,0,0,.25))Shadow 14
−var(--pf-comp-form-control-hover-indicator-box-shadow,inset 0 0 0 3px var(--pf-comp-input-border-color,var(--pf-sys-border-on-background,var(--pf-sys-neutral-300-on-background,#e5e5e5))))Shadow 15
−var(--pf-comp-checkbox-hover-indicator-box-shadow,var(--pf-comp-form-control-hover-indicator-box-shadow,inset 0 0 0 3px var(--pf-comp-input-border-color,var(--pf-sys-border-on-background,var(--pf-sys-neutral-300-on-background,#e5e5e5)))))Shadow 16
Back to printful.com archive