tailwindcss.comgetbootstrap.com

16shared+83in getbootstrap.com−118in tailwindcss.comgetbootstrap · pw@1.58.2

Audit

7% token overlap

tailwindcss.com and getbootstrap.com have 7% token overlap across colors, typography, spacing, radius, and shadows after normalization (lab/oklab to hex, var() resolution, !important stripping, rem/em to px conversion at 16 px base). They share 16 token values; 118 are unique to tailwindcss.com and 83 are unique to getbootstrap.com. Their visual languages converge most on radius (29% aligned) and diverge most on typography. Source: UI Archive token diff, computed from public CSS at tailwindcss.com and getbootstrap.com.

· tailwindcss.com and getbootstrap.com share 16 normalized token values (7% overlap).
· Closest category: radius (5 shared, 29% aligned).
· Greatest divergence: typography (23 unique to tailwindcss.com, 3 unique to getbootstrap.com).
· tailwindcss.com ships a richer type scale than getbootstrap.com.

Machine-readable

Colors

−62·2 shared·+49

tailwindcss.com

#ffffff

#000000

getbootstrap.com

#ffffff

#000000

Only in tailwindcss.com

#0c0a09only A

#010712only A

Try another comparison

Pick two websites and see how their design tokens stack up.

New comparison

Only in getbootstrap.com

#0d6efdonly B

#6610f2only B

#6f42c1only B

#d63384only B

#dc3545only B

#fd7e14only B

#ffc107only B

#198754only B

#20c997only B

#0dcaf0only B

#6c757donly B

#343a40only B

#adb5bdonly B

#495057only B

#052c65only B

#0a3622only B

#055160only B

#664d03only B

#58151conly B

#cfe2ffonly B

#333333only B

#212529only B

#084298only B

#c6303eonly B

rgba(33, 37, 41, 0.75)only B

#ab296aonly B

rgba(255, 255, 255, 0.85)only B

#dee2e6only B

rgba(255, 255, 255, 0.65)only B

#565c64only B

#f8f9faonly B

#087990only B

#13795bonly B

#712cf9only B

rgba(255, 255, 255, 0.75)only B

rgba(255, 255, 255, 0.4)only B

rgba(0, 0, 0, 0.176)only B

#4c0bceonly B

rgba(0, 0, 0, 0.1)only B

rgba(0, 0, 0, 0.25)only B

#ffe484only B

rgba(33, 37, 41, 0.075)only B

rgba(113, 44, 249, 0.1)only B

rgba(13, 110, 253, 0.1)only B

rgba(214, 51, 132, 0.1)only B

rgba(220, 53, 69, 0.1)only B

rgba(13, 202, 240, 0.1)only B

rgba(255, 193, 7, 0.1)only B

rgba(32, 201, 151, 0.1)only B

Typography

−23·0 shared·+3

tailwindcss.com

inter

16px · 400

only A

plexMono

13px · 400

only A

inter

14px · 400

only A

plexMono

12px · 400

only A

inter

14px · 500

only A

inter

14px · 600

only A

inter

24px · 500

only A

inter

13px · 400

only A

plexMono

12px · 500

only A

plexMono

17px · 500

only A

inter

16px · 500

only A

inter

30px · 600

only A

inter

12px · 500

only A

inter

12px · 400

only A

plexMono

12px · 600

only A

inter

40px · 500

only A

inter

20px · 500

only A

inter

18px · 500

only A

inter

96px · 400

only A

inter

14px · 700

only A

plexMono

14px · 500

only A

inter

16px · 600

only A

inter

36px · 600

only A

getbootstrap.com

SFMono-Regular

14px · 400

only B

SFMono-Regular

17.5px · 400

only B

SFMono-Regular

14px · 500

only B

Spacing

−15·9 shared·+13

tailwindcss.com

.25rem

.5rem

.75rem

1rem

1.5rem

2px

2em

3rem

10px

.4375remonly A

.8emonly A

2.5remonly A

10vhonly A

12vhonly A

24px 32pxonly A

36pxonly A

44pxonly A

50%only A

64pxonly A

394pxonly A

-64pxonly A

-4pxonly A

calc(-3rem - 1px)only A

calc(100% - 21.5rem)only A

getbootstrap.com

.25rem

.5rem

.75rem

16px

24px

.125rem

32px

48px

.625rem

.175remonly B

.1875emonly B

.255emonly B

.375remonly B

.4emonly B

.5625rem

Border Radius

−6·5 shared·+6

tailwindcss.com

.25rem

1rem

2rem

.5rem

.375rem

1.5remonly A

calc(.75rem - 1px)only A

9999pxonly A

.75remonly A

.125remonly A

3.35544e+07pxonly A

getbootstrap.com

.25rem

1rem

2em

0.5rem

0.375rem

50%only B

0only B

inheritonly B

50remonly B

calc(.5rem - 1px)only B

calc(0.375rem - 1px)only B

Shadows

−12·0 shared·+12

tailwindcss.com

0px 1px 2px #0003,0px 3px 2px #0003,0px 4px 8px #0003only A

0px 1px 2px lab(0% 0 0/.2),0px 3px 2px lab(0% 0 0/.2),0px 4px 8px lab(0% 0 0/.2)only A

0px 1px 2px #0000004d,0px 3px 2px #0000004d,0px 4px 8px #0000004donly A

0px 1px 2px lab(0% 0 0/.3),0px 3px 2px lab(0% 0 0/.3),0px 4px 8px lab(0% 0 0/.3)only A

0px 1px 2px #00000080,0px 3px 2px #00000080,0px 4px 8px #00000080only A

0px 1px 2px lab(0% 0 0/.5),0px 3px 2px lab(0% 0 0/.5),0px 4px 8px lab(0% 0 0/.5)only A

0px 1px 0px #00000026only A

<value>only A

0px 1px 2px #0000001a,0px 3px 2px #0000001a,0px 4px 8px #0000001aonly A

0px 1px 1px #0000001a,0px 1px 2px #0000001a,0px 2px 4px #0000001aonly A

0px 1px 0px #00000013,0px 1px 1px #00000013,0px 2px 2px #00000013only A

0px 1px 1px #0003only A

getbootstrap.com

0 0 0 .25rem rgba(13,110,253,.25)only B

0 0 0 #212529only B

0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)only B

0 0 0 .25rem rgba(25,135,84,.25)only B

0 0 0 .25rem rgba(220,53,69,.25)only B

0 0 0 0.25rem rgba(13, 110, 253, 0.25)only B

0 0.5rem 1rem rgba(0, 0, 0, 0.15)only B

0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)only B

0 1rem 3rem rgba(0, 0, 0, 0.175)only B

0 .5rem 1rem #00000026,inset 0 -1px #ffffff26only B

inset 0 -1px 1px rgba(33,37,41,.15),0 .25rem 1.5rem rgba(255,255,255,.75)only B