Design token diff

Showing changes between two snapshots of dropsitenews.com

Before

Apr 11, 2026

View snapshot

After

Apr 11, 2026

View snapshot

Before

Apr 11, 2026

After

Apr 11, 2026

+32 added−27 removed

Colors

+3 added−2 removed26 unchanged

Typography

+14 added−15 removed8 unchanged
+American Grotesk, sans-serif|14px|500ThefpPostBodyWrapper Sk9SUV Sponsorship
+American Grotesk, sans-serif|11px|500ThefpPostBodyWrapper Sk9SUV Sponsorship 3
+Theinhardt, Arial, sans-serif|14px|500Text YmbIrn
+'SF Pro Display', var(--font-family-text)|14px|var(--font-weight-regular)Typography Markup Install
+SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace|12px|400Typography Github Gist
+'SF Compact Rounded', var(--font-family-title)|12px|var(--font-weight-semibold)Comment Highlight
+'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'|18px|var(--font-weight-bold)Reply Comment Reply
+"SF Compact", -apple-system, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|11px|500SF Compact 11px / 500
+"SF Compact", -apple-system, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|12px|500SF Compact 12px / 500
+"SF Compact", -apple-system, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|10px|400SF Compact 10px / 400
+"SF Pro Display", -apple-system-headline, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|19px|700SF Pro Display 19px / 700
+"SF Pro Display", -apple-system-headline, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|24px|700SF Pro Display 24px / 700
+"SF Pro Display", -apple-system-headline, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|30px|700SF Pro Display 30px / 700
+"SF Pro Display", -apple-system-headline, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|15px|700SF Pro Display 15px / 700
−var(--font-family-text)|var(--font-size-15)|var(--font-weight-regular)InputText PV YWb
−var(--font-family-text)|var(--font-size-14)|var(--font-weight-semibold)EmailButtonTd O2ymya EmailButtonA
−var(--font-family-text)|var(--font-size-15)|400EmailInput OkIMeB EmailInput
−var(--font-family-text)|var(--font-size-14)|var(--font-weight-medium)Button VFSdkv Button
−var(--fp-sans)|16px|500EmailInput C9dJvv EmailInput
−var(--font-family-text)|15px|400DatetimeInput OqKjSC
−var(--fp-serif)|38px|500Intro Yvh6eZ
−var(--font-family-title)|var(--font-size-12)|var(--font-weight-bold)DisplayedBadge GAo5ie
−system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|19px|400system-ui 19px / 400
−system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|13px|400system-ui 13px / 400
−system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|15px|600system-ui 15px / 600
−system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|14px|500system-ui 14px / 500
−Times|16px|400Times 16px / 400
−"SF Pro Display", -apple-system, system-ui, "system-ui", Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|16px|400SF Pro Display 16px / 400
−"SF Pro Display", -apple-system, system-ui, "system-ui", Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"|14px|600SF Pro Display 14px / 600

Spacing

+10 added−5 removed22 unchanged
+-640px-640px
+-8px-8px
+-1px-1px
+normal 24pxnormal 24px
+.378emSpace .378em
+2.25pxSpace 2.25px
+7pxSpace 7px
+8px 16px8px 16px
+24px24px
+40px40px
−.5remSpace .5rem
−9pxSpace 9px
−10px10px
−518.125px518.125px
−573.906px573.906px

Border Radius

+5 added−5 removed11 unchanged
+var(--radius-radius-full,999px)Radius var radius radius full 999px
+var(--size-4)Radius var size 4
+var(--size-2)Radius var size 2
+inheritRadius inherit
+12pxRadius 12px
−var(--border-radius-sm)0 0 var(--border-radius-sm)Radius var border radius sm 0 0 var border radius sm
−0 var(--border-radius-sm)var(--border-radius-sm)0Radius 0 var border radius sm var border radius sm 0
−6pxRadius 6px
−3pxRadius 3px
−16pxRadius 16px

Shadows

12 unchanged
Back to dropsitenews.com archive