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

Spacing

+10 added−5 removed22 unchanged

+-640px-640px

+-8px-8px

+-1px-1px

+normal 24pxnormal 24px

+.378emSpace .378em

+2.25pxSpace 2.25px

+7pxSpace 7px

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

Shadows

12 unchanged

Back to dropsitenews.com archive

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

+"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 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

−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

−518.125px518.125px

−573.906px573.906px

Radius 0 var border radius sm var border radius sm 0