roast-my-design-system 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,1356 @@
1
+ {
2
+ "builtAt": "2026-07-24T13:37:06.943Z",
3
+ "repoCount": 29,
4
+ "ideal2026": {
5
+ "colors": {
6
+ "value": 24,
7
+ "note": "12-24: brand hue + tints, accent, greys, status"
8
+ },
9
+ "greys": {
10
+ "value": 13,
11
+ "note": "up to 13 tones (Material neutral palette)"
12
+ },
13
+ "spacing": {
14
+ "value": 12,
15
+ "note": "off-scale values; a dozen deliberate exceptions"
16
+ },
17
+ "typefaces": {
18
+ "value": 3,
19
+ "note": "sans for UI, serif accent, mono for code"
20
+ },
21
+ "fontSizes": {
22
+ "value": 10,
23
+ "note": "a type scale, up to 10 steps"
24
+ },
25
+ "radii": {
26
+ "value": 10,
27
+ "note": "up to a 10-step corner scale"
28
+ },
29
+ "shadows": {
30
+ "value": 6,
31
+ "note": "up to 6 elevation levels (0-5)"
32
+ },
33
+ "exactDuplicates": {
34
+ "value": 0,
35
+ "note": "one canonical implementation each"
36
+ },
37
+ "inlineStyles": {
38
+ "value": 0,
39
+ "note": "styling belongs to the system"
40
+ },
41
+ "zIndexes": {
42
+ "value": 6,
43
+ "note": "a fixed layer scale, ~6 layers"
44
+ },
45
+ "fontWeights": {
46
+ "value": 4,
47
+ "note": "regular, medium, semibold, bold"
48
+ },
49
+ "lineHeights": {
50
+ "value": 5,
51
+ "note": "~1.5 body, ~1.2-1.3 headings"
52
+ },
53
+ "breakpoints": {
54
+ "value": 5,
55
+ "note": "Tailwind 5, Bootstrap 6, Carbon 5"
56
+ },
57
+ "animationDurations": {
58
+ "value": 6,
59
+ "note": "a few named durations, 160-360ms"
60
+ },
61
+ "easings": {
62
+ "value": 4,
63
+ "note": "in, out, in-out, linear"
64
+ },
65
+ "borderWidths": {
66
+ "value": 2,
67
+ "note": "hairline + emphasis"
68
+ },
69
+ "opacities": {
70
+ "value": 5,
71
+ "note": "disabled, overlay, hover tints"
72
+ }
73
+ },
74
+ "stats": {
75
+ "colors": {
76
+ "values": [
77
+ 0,
78
+ 0,
79
+ 0,
80
+ 0,
81
+ 3,
82
+ 32,
83
+ 35,
84
+ 36,
85
+ 46,
86
+ 47,
87
+ 59,
88
+ 69,
89
+ 78,
90
+ 88,
91
+ 88,
92
+ 108,
93
+ 125,
94
+ 134,
95
+ 137,
96
+ 147,
97
+ 155,
98
+ 168,
99
+ 172,
100
+ 205,
101
+ 245,
102
+ 271,
103
+ 384,
104
+ 399,
105
+ 1673
106
+ ],
107
+ "p25": 36,
108
+ "median": 88,
109
+ "p75": 168,
110
+ "p90": 294
111
+ },
112
+ "greys": {
113
+ "values": [
114
+ 0,
115
+ 0,
116
+ 0,
117
+ 0,
118
+ 0,
119
+ 2,
120
+ 3,
121
+ 3,
122
+ 5,
123
+ 8,
124
+ 8,
125
+ 8,
126
+ 9,
127
+ 12,
128
+ 12,
129
+ 15,
130
+ 18,
131
+ 18,
132
+ 23,
133
+ 30,
134
+ 30,
135
+ 31,
136
+ 34,
137
+ 34,
138
+ 34,
139
+ 43,
140
+ 46,
141
+ 77,
142
+ 105
143
+ ],
144
+ "p25": 3,
145
+ "median": 12,
146
+ "p75": 31,
147
+ "p90": 44
148
+ },
149
+ "spacing": {
150
+ "values": [
151
+ 0,
152
+ 0,
153
+ 2,
154
+ 3,
155
+ 5,
156
+ 6,
157
+ 9,
158
+ 9,
159
+ 10,
160
+ 12,
161
+ 18,
162
+ 20,
163
+ 21,
164
+ 23,
165
+ 26,
166
+ 28,
167
+ 30,
168
+ 33,
169
+ 35,
170
+ 41,
171
+ 43,
172
+ 46,
173
+ 52,
174
+ 56,
175
+ 63,
176
+ 67,
177
+ 72,
178
+ 84,
179
+ 113
180
+ ],
181
+ "p25": 9,
182
+ "median": 26,
183
+ "p75": 46,
184
+ "p90": 68
185
+ },
186
+ "typefaces": {
187
+ "values": [
188
+ 0,
189
+ 0,
190
+ 0,
191
+ 0,
192
+ 0,
193
+ 1,
194
+ 1,
195
+ 1,
196
+ 1,
197
+ 1,
198
+ 2,
199
+ 2,
200
+ 2,
201
+ 2,
202
+ 2,
203
+ 3,
204
+ 3,
205
+ 3,
206
+ 3,
207
+ 3,
208
+ 3,
209
+ 3,
210
+ 3,
211
+ 4,
212
+ 5,
213
+ 5,
214
+ 6,
215
+ 8,
216
+ 9
217
+ ],
218
+ "p25": 1,
219
+ "median": 2,
220
+ "p75": 3,
221
+ "p90": 5
222
+ },
223
+ "fontSizes": {
224
+ "values": [
225
+ 0,
226
+ 0,
227
+ 2,
228
+ 2,
229
+ 4,
230
+ 5,
231
+ 7,
232
+ 7,
233
+ 9,
234
+ 10,
235
+ 12,
236
+ 12,
237
+ 13,
238
+ 14,
239
+ 18,
240
+ 18,
241
+ 21,
242
+ 22,
243
+ 23,
244
+ 24,
245
+ 27,
246
+ 27,
247
+ 28,
248
+ 33,
249
+ 35,
250
+ 37,
251
+ 39,
252
+ 49,
253
+ 61
254
+ ],
255
+ "p25": 7,
256
+ "median": 18,
257
+ "p75": 27,
258
+ "p90": 37
259
+ },
260
+ "radii": {
261
+ "values": [
262
+ 0,
263
+ 0,
264
+ 0,
265
+ 1,
266
+ 1,
267
+ 4,
268
+ 7,
269
+ 8,
270
+ 8,
271
+ 9,
272
+ 10,
273
+ 11,
274
+ 11,
275
+ 12,
276
+ 12,
277
+ 12,
278
+ 14,
279
+ 16,
280
+ 19,
281
+ 20,
282
+ 20,
283
+ 21,
284
+ 22,
285
+ 24,
286
+ 25,
287
+ 26,
288
+ 30,
289
+ 33,
290
+ 62
291
+ ],
292
+ "p25": 8,
293
+ "median": 12,
294
+ "p75": 21,
295
+ "p90": 27
296
+ },
297
+ "shadows": {
298
+ "values": [
299
+ 0,
300
+ 0,
301
+ 0,
302
+ 0,
303
+ 0,
304
+ 0,
305
+ 0,
306
+ 0,
307
+ 0,
308
+ 0,
309
+ 0,
310
+ 0,
311
+ 0,
312
+ 0,
313
+ 1,
314
+ 1,
315
+ 2,
316
+ 2,
317
+ 2,
318
+ 4,
319
+ 4,
320
+ 5,
321
+ 5,
322
+ 6,
323
+ 10,
324
+ 10,
325
+ 16,
326
+ 28,
327
+ 28
328
+ ],
329
+ "p25": 0,
330
+ "median": 1,
331
+ "p75": 5,
332
+ "p90": 11
333
+ },
334
+ "exactDuplicates": {
335
+ "values": [
336
+ 0,
337
+ 0,
338
+ 0,
339
+ 0,
340
+ 0,
341
+ 1,
342
+ 1,
343
+ 1,
344
+ 2,
345
+ 3,
346
+ 4,
347
+ 7,
348
+ 7,
349
+ 8,
350
+ 17,
351
+ 17,
352
+ 19,
353
+ 21,
354
+ 21,
355
+ 23,
356
+ 25,
357
+ 38,
358
+ 45,
359
+ 73,
360
+ 93,
361
+ 98,
362
+ 103,
363
+ 116,
364
+ 187
365
+ ],
366
+ "p25": 1,
367
+ "median": 17,
368
+ "p75": 38,
369
+ "p90": 99
370
+ },
371
+ "inlineStyles": {
372
+ "values": [
373
+ 0,
374
+ 0,
375
+ 0,
376
+ 0,
377
+ 0,
378
+ 2,
379
+ 5,
380
+ 7,
381
+ 11,
382
+ 17,
383
+ 22,
384
+ 23,
385
+ 36,
386
+ 40,
387
+ 42,
388
+ 44,
389
+ 45,
390
+ 47,
391
+ 69,
392
+ 70,
393
+ 76,
394
+ 79,
395
+ 82,
396
+ 117,
397
+ 118,
398
+ 119,
399
+ 173,
400
+ 1178,
401
+ 2885
402
+ ],
403
+ "p25": 7,
404
+ "median": 42,
405
+ "p75": 79,
406
+ "p90": 130
407
+ },
408
+ "arbitrary": {
409
+ "values": [
410
+ 0,
411
+ 0,
412
+ 0,
413
+ 0,
414
+ 0,
415
+ 0,
416
+ 0,
417
+ 0,
418
+ 1,
419
+ 4,
420
+ 16,
421
+ 26,
422
+ 60,
423
+ 85,
424
+ 103,
425
+ 123,
426
+ 148,
427
+ 154,
428
+ 164,
429
+ 228,
430
+ 234,
431
+ 321,
432
+ 339,
433
+ 398,
434
+ 467,
435
+ 470,
436
+ 488,
437
+ 561,
438
+ 1751
439
+ ],
440
+ "p25": 0,
441
+ "median": 103,
442
+ "p75": 321,
443
+ "p90": 474
444
+ },
445
+ "components": {
446
+ "values": [
447
+ 9,
448
+ 25,
449
+ 36,
450
+ 51,
451
+ 62,
452
+ 183,
453
+ 184,
454
+ 226,
455
+ 276,
456
+ 315,
457
+ 350,
458
+ 350,
459
+ 418,
460
+ 620,
461
+ 779,
462
+ 794,
463
+ 826,
464
+ 916,
465
+ 965,
466
+ 972,
467
+ 1033,
468
+ 1041,
469
+ 1088,
470
+ 1229,
471
+ 1397,
472
+ 1424,
473
+ 1654,
474
+ 2153,
475
+ 2536
476
+ ],
477
+ "p25": 226,
478
+ "median": 779,
479
+ "p75": 1041,
480
+ "p90": 1470
481
+ }
482
+ },
483
+ "repos": [
484
+ {
485
+ "repo": "calcom/cal.com",
486
+ "designSystem": "custom",
487
+ "codeFiles": 4341,
488
+ "metrics": {
489
+ "colors": 384,
490
+ "greys": 77,
491
+ "spacing": 113,
492
+ "typefaces": 9,
493
+ "fontSizes": 61,
494
+ "radii": 62,
495
+ "shadows": 10,
496
+ "exactDuplicates": 116,
497
+ "inlineStyles": 79,
498
+ "arbitrary": 321,
499
+ "components": 1424
500
+ }
501
+ },
502
+ {
503
+ "repo": "excalidraw/excalidraw",
504
+ "designSystem": "custom",
505
+ "codeFiles": 500,
506
+ "metrics": {
507
+ "colors": 205,
508
+ "greys": 43,
509
+ "spacing": 84,
510
+ "typefaces": 3,
511
+ "fontSizes": 33,
512
+ "radii": 30,
513
+ "shadows": 28,
514
+ "exactDuplicates": 3,
515
+ "inlineStyles": 82,
516
+ "arbitrary": 0,
517
+ "components": 350
518
+ }
519
+ },
520
+ {
521
+ "repo": "AykutSarac/jsoncrack.com",
522
+ "designSystem": "library",
523
+ "codeFiles": 107,
524
+ "metrics": {
525
+ "colors": 108,
526
+ "greys": 46,
527
+ "spacing": 18,
528
+ "typefaces": 4,
529
+ "fontSizes": 7,
530
+ "radii": 8,
531
+ "shadows": 5,
532
+ "exactDuplicates": 4,
533
+ "inlineStyles": 23,
534
+ "arbitrary": 0,
535
+ "components": 51
536
+ }
537
+ },
538
+ {
539
+ "repo": "outline/outline",
540
+ "designSystem": "custom",
541
+ "codeFiles": 2075,
542
+ "metrics": {
543
+ "colors": 88,
544
+ "greys": 15,
545
+ "spacing": 12,
546
+ "typefaces": 0,
547
+ "fontSizes": 0,
548
+ "radii": 0,
549
+ "shadows": 0,
550
+ "exactDuplicates": 23,
551
+ "inlineStyles": 76,
552
+ "arbitrary": 0,
553
+ "components": 620
554
+ }
555
+ },
556
+ {
557
+ "repo": "nodejs/nodejs.org",
558
+ "designSystem": "custom",
559
+ "codeFiles": 370,
560
+ "metrics": {
561
+ "colors": 69,
562
+ "greys": 5,
563
+ "spacing": 2,
564
+ "typefaces": 2,
565
+ "fontSizes": 2,
566
+ "radii": 0,
567
+ "shadows": 0,
568
+ "exactDuplicates": 2,
569
+ "inlineStyles": 0,
570
+ "arbitrary": 4,
571
+ "components": 226
572
+ }
573
+ },
574
+ {
575
+ "repo": "gothinkster/react-redux-realworld-example-app",
576
+ "designSystem": "none",
577
+ "codeFiles": 38,
578
+ "metrics": {
579
+ "colors": 0,
580
+ "greys": 0,
581
+ "spacing": 0,
582
+ "typefaces": 0,
583
+ "fontSizes": 0,
584
+ "radii": 0,
585
+ "shadows": 0,
586
+ "exactDuplicates": 0,
587
+ "inlineStyles": 0,
588
+ "arbitrary": 0,
589
+ "components": 25
590
+ }
591
+ },
592
+ {
593
+ "repo": "shadcn-ui/taxonomy",
594
+ "designSystem": "shadcn",
595
+ "codeFiles": 129,
596
+ "metrics": {
597
+ "colors": 0,
598
+ "greys": 0,
599
+ "spacing": 5,
600
+ "typefaces": 2,
601
+ "fontSizes": 13,
602
+ "radii": 7,
603
+ "shadows": 1,
604
+ "exactDuplicates": 0,
605
+ "inlineStyles": 0,
606
+ "arbitrary": 60,
607
+ "components": 183
608
+ }
609
+ },
610
+ {
611
+ "repo": "ixartz/Next-js-Boilerplate",
612
+ "designSystem": "custom",
613
+ "codeFiles": 51,
614
+ "metrics": {
615
+ "colors": 0,
616
+ "greys": 0,
617
+ "spacing": 0,
618
+ "typefaces": 0,
619
+ "fontSizes": 7,
620
+ "radii": 1,
621
+ "shadows": 0,
622
+ "exactDuplicates": 0,
623
+ "inlineStyles": 0,
624
+ "arbitrary": 0,
625
+ "components": 9
626
+ }
627
+ },
628
+ {
629
+ "repo": "steven-tey/novel",
630
+ "designSystem": "custom",
631
+ "codeFiles": 61,
632
+ "metrics": {
633
+ "colors": 36,
634
+ "greys": 8,
635
+ "spacing": 10,
636
+ "typefaces": 5,
637
+ "fontSizes": 5,
638
+ "radii": 11,
639
+ "shadows": 2,
640
+ "exactDuplicates": 1,
641
+ "inlineStyles": 2,
642
+ "arbitrary": 16,
643
+ "components": 62
644
+ }
645
+ },
646
+ {
647
+ "repo": "vercel/ai-chatbot",
648
+ "designSystem": "shadcn",
649
+ "codeFiles": 146,
650
+ "metrics": {
651
+ "colors": 59,
652
+ "greys": 0,
653
+ "spacing": 6,
654
+ "typefaces": 3,
655
+ "fontSizes": 12,
656
+ "radii": 14,
657
+ "shadows": 4,
658
+ "exactDuplicates": 1,
659
+ "inlineStyles": 7,
660
+ "arbitrary": 103,
661
+ "components": 315
662
+ }
663
+ },
664
+ {
665
+ "repo": "mckaywrigley/chatbot-ui",
666
+ "designSystem": "shadcn",
667
+ "codeFiles": 258,
668
+ "metrics": {
669
+ "colors": 3,
670
+ "greys": 3,
671
+ "spacing": 23,
672
+ "typefaces": 1,
673
+ "fontSizes": 9,
674
+ "radii": 8,
675
+ "shadows": 0,
676
+ "exactDuplicates": 1,
677
+ "inlineStyles": 11,
678
+ "arbitrary": 148,
679
+ "components": 276
680
+ }
681
+ },
682
+ {
683
+ "repo": "documenso/documenso",
684
+ "designSystem": "custom",
685
+ "codeFiles": 1905,
686
+ "metrics": {
687
+ "colors": 32,
688
+ "greys": 12,
689
+ "spacing": 26,
690
+ "typefaces": 6,
691
+ "fontSizes": 22,
692
+ "radii": 12,
693
+ "shadows": 0,
694
+ "exactDuplicates": 17,
695
+ "inlineStyles": 69,
696
+ "arbitrary": 234,
697
+ "components": 794
698
+ }
699
+ },
700
+ {
701
+ "repo": "dubinc/dub",
702
+ "designSystem": "custom",
703
+ "codeFiles": 3510,
704
+ "metrics": {
705
+ "colors": 88,
706
+ "greys": 12,
707
+ "spacing": 41,
708
+ "typefaces": 3,
709
+ "fontSizes": 37,
710
+ "radii": 22,
711
+ "shadows": 0,
712
+ "exactDuplicates": 17,
713
+ "inlineStyles": 47,
714
+ "arbitrary": 470,
715
+ "components": 1397
716
+ }
717
+ },
718
+ {
719
+ "repo": "formbricks/formbricks",
720
+ "designSystem": "custom",
721
+ "codeFiles": 1857,
722
+ "metrics": {
723
+ "colors": 134,
724
+ "greys": 18,
725
+ "spacing": 35,
726
+ "typefaces": 2,
727
+ "fontSizes": 28,
728
+ "radii": 25,
729
+ "shadows": 6,
730
+ "exactDuplicates": 73,
731
+ "inlineStyles": 17,
732
+ "arbitrary": 154,
733
+ "components": 1041
734
+ }
735
+ },
736
+ {
737
+ "repo": "openstatusHQ/openstatus",
738
+ "designSystem": "custom",
739
+ "codeFiles": 1885,
740
+ "metrics": {
741
+ "colors": 78,
742
+ "greys": 2,
743
+ "spacing": 9,
744
+ "typefaces": 3,
745
+ "fontSizes": 14,
746
+ "radii": 12,
747
+ "shadows": 0,
748
+ "exactDuplicates": 93,
749
+ "inlineStyles": 119,
750
+ "arbitrary": 164,
751
+ "components": 1088
752
+ }
753
+ },
754
+ {
755
+ "repo": "mfts/papermark",
756
+ "designSystem": "shadcn",
757
+ "codeFiles": 1335,
758
+ "metrics": {
759
+ "colors": 35,
760
+ "greys": 9,
761
+ "spacing": 43,
762
+ "typefaces": 1,
763
+ "fontSizes": 27,
764
+ "radii": 19,
765
+ "shadows": 1,
766
+ "exactDuplicates": 21,
767
+ "inlineStyles": 45,
768
+ "arbitrary": 398,
769
+ "components": 779
770
+ }
771
+ },
772
+ {
773
+ "repo": "elie222/inbox-zero",
774
+ "designSystem": "custom",
775
+ "codeFiles": 1716,
776
+ "metrics": {
777
+ "colors": 147,
778
+ "greys": 23,
779
+ "spacing": 21,
780
+ "typefaces": 3,
781
+ "fontSizes": 27,
782
+ "radii": 20,
783
+ "shadows": 0,
784
+ "exactDuplicates": 21,
785
+ "inlineStyles": 5,
786
+ "arbitrary": 123,
787
+ "components": 826
788
+ }
789
+ },
790
+ {
791
+ "repo": "linkwarden/linkwarden",
792
+ "designSystem": "custom",
793
+ "codeFiles": 450,
794
+ "metrics": {
795
+ "colors": 46,
796
+ "greys": 8,
797
+ "spacing": 9,
798
+ "typefaces": 2,
799
+ "fontSizes": 12,
800
+ "radii": 9,
801
+ "shadows": 0,
802
+ "exactDuplicates": 7,
803
+ "inlineStyles": 42,
804
+ "arbitrary": 85,
805
+ "components": 184
806
+ }
807
+ },
808
+ {
809
+ "repo": "umami-software/umami",
810
+ "designSystem": "custom",
811
+ "codeFiles": 892,
812
+ "metrics": {
813
+ "colors": 47,
814
+ "greys": 8,
815
+ "spacing": 33,
816
+ "typefaces": 1,
817
+ "fontSizes": 4,
818
+ "radii": 11,
819
+ "shadows": 2,
820
+ "exactDuplicates": 0,
821
+ "inlineStyles": 173,
822
+ "arbitrary": 1,
823
+ "components": 418
824
+ }
825
+ },
826
+ {
827
+ "repo": "twentyhq/twenty",
828
+ "designSystem": "library",
829
+ "codeFiles": 14776,
830
+ "metrics": {
831
+ "colors": 1673,
832
+ "greys": 105,
833
+ "spacing": 30,
834
+ "typefaces": 8,
835
+ "fontSizes": 23,
836
+ "radii": 33,
837
+ "shadows": 28,
838
+ "exactDuplicates": 25,
839
+ "inlineStyles": 118,
840
+ "arbitrary": 0,
841
+ "components": 2153
842
+ }
843
+ },
844
+ {
845
+ "repo": "langfuse/langfuse",
846
+ "designSystem": "custom",
847
+ "codeFiles": 2694,
848
+ "metrics": {
849
+ "colors": 125,
850
+ "greys": 3,
851
+ "spacing": 20,
852
+ "typefaces": 0,
853
+ "fontSizes": 18,
854
+ "radii": 10,
855
+ "shadows": 0,
856
+ "exactDuplicates": 7,
857
+ "inlineStyles": 40,
858
+ "arbitrary": 339,
859
+ "components": 1033
860
+ }
861
+ },
862
+ {
863
+ "repo": "teableio/teable",
864
+ "designSystem": "custom",
865
+ "codeFiles": 4709,
866
+ "metrics": {
867
+ "colors": 245,
868
+ "greys": 34,
869
+ "spacing": 63,
870
+ "typefaces": 3,
871
+ "fontSizes": 35,
872
+ "radii": 24,
873
+ "shadows": 10,
874
+ "exactDuplicates": 45,
875
+ "inlineStyles": 36,
876
+ "arbitrary": 467,
877
+ "components": 1229
878
+ }
879
+ },
880
+ {
881
+ "repo": "makeplane/plane",
882
+ "designSystem": "custom",
883
+ "codeFiles": 3086,
884
+ "metrics": {
885
+ "colors": 399,
886
+ "greys": 30,
887
+ "spacing": 72,
888
+ "typefaces": 2,
889
+ "fontSizes": 24,
890
+ "radii": 21,
891
+ "shadows": 4,
892
+ "exactDuplicates": 98,
893
+ "inlineStyles": 22,
894
+ "arbitrary": 561,
895
+ "components": 1654
896
+ }
897
+ },
898
+ {
899
+ "repo": "FlowiseAI/Flowise",
900
+ "designSystem": "library",
901
+ "codeFiles": 1650,
902
+ "metrics": {
903
+ "colors": 155,
904
+ "greys": 34,
905
+ "spacing": 46,
906
+ "typefaces": 3,
907
+ "fontSizes": 18,
908
+ "radii": 12,
909
+ "shadows": 5,
910
+ "exactDuplicates": 19,
911
+ "inlineStyles": 1178,
912
+ "arbitrary": 0,
913
+ "components": 350
914
+ }
915
+ },
916
+ {
917
+ "repo": "lobehub/lobe-chat",
918
+ "designSystem": "library",
919
+ "codeFiles": 8013,
920
+ "metrics": {
921
+ "colors": 271,
922
+ "greys": 34,
923
+ "spacing": 52,
924
+ "typefaces": 1,
925
+ "fontSizes": 2,
926
+ "radii": 1,
927
+ "shadows": 0,
928
+ "exactDuplicates": 187,
929
+ "inlineStyles": 2885,
930
+ "arbitrary": 0,
931
+ "components": 2536
932
+ }
933
+ },
934
+ {
935
+ "repo": "danny-avila/LibreChat",
936
+ "designSystem": "custom",
937
+ "codeFiles": 2394,
938
+ "metrics": {
939
+ "colors": 172,
940
+ "greys": 30,
941
+ "spacing": 67,
942
+ "typefaces": 5,
943
+ "fontSizes": 39,
944
+ "radii": 26,
945
+ "shadows": 16,
946
+ "exactDuplicates": 38,
947
+ "inlineStyles": 70,
948
+ "arbitrary": 488,
949
+ "components": 965
950
+ }
951
+ },
952
+ {
953
+ "repo": "midday-ai/midday",
954
+ "designSystem": "custom",
955
+ "codeFiles": 1762,
956
+ "metrics": {
957
+ "colors": 168,
958
+ "greys": 31,
959
+ "spacing": 56,
960
+ "typefaces": 3,
961
+ "fontSizes": 49,
962
+ "radii": 20,
963
+ "shadows": 2,
964
+ "exactDuplicates": 103,
965
+ "inlineStyles": 117,
966
+ "arbitrary": 1751,
967
+ "components": 972
968
+ }
969
+ },
970
+ {
971
+ "repo": "triggerdotdev/trigger.dev",
972
+ "designSystem": "custom",
973
+ "codeFiles": 2283,
974
+ "metrics": {
975
+ "colors": 137,
976
+ "greys": 18,
977
+ "spacing": 28,
978
+ "typefaces": 0,
979
+ "fontSizes": 21,
980
+ "radii": 16,
981
+ "shadows": 0,
982
+ "exactDuplicates": 8,
983
+ "inlineStyles": 44,
984
+ "arbitrary": 228,
985
+ "components": 916
986
+ }
987
+ },
988
+ {
989
+ "repo": "vercel/commerce",
990
+ "designSystem": "custom",
991
+ "codeFiles": 66,
992
+ "metrics": {
993
+ "colors": 0,
994
+ "greys": 0,
995
+ "spacing": 3,
996
+ "typefaces": 1,
997
+ "fontSizes": 10,
998
+ "radii": 4,
999
+ "shadows": 0,
1000
+ "exactDuplicates": 0,
1001
+ "inlineStyles": 0,
1002
+ "arbitrary": 26,
1003
+ "components": 36
1004
+ }
1005
+ }
1006
+ ],
1007
+ "referenceSystems": {
1008
+ "builtAt": "2026-07-24T13:37:09.100Z",
1009
+ "count": 10,
1010
+ "note": "Curated scoped scans of reputable public design systems. Not comparable head-to-head with product repos: see per-system notes.",
1011
+ "stats": {
1012
+ "colors": {
1013
+ "values": [
1014
+ 0,
1015
+ 2,
1016
+ 12,
1017
+ 16,
1018
+ 20,
1019
+ 27,
1020
+ 102,
1021
+ 114,
1022
+ 265,
1023
+ 514
1024
+ ],
1025
+ "median": 24
1026
+ },
1027
+ "greys": {
1028
+ "values": [
1029
+ 0,
1030
+ 0,
1031
+ 1,
1032
+ 1,
1033
+ 2,
1034
+ 8,
1035
+ 15,
1036
+ 15,
1037
+ 18,
1038
+ 19
1039
+ ],
1040
+ "median": 5
1041
+ },
1042
+ "spacing": {
1043
+ "values": [
1044
+ 0,
1045
+ 0,
1046
+ 0,
1047
+ 0,
1048
+ 3,
1049
+ 8,
1050
+ 16,
1051
+ 22,
1052
+ 24,
1053
+ 31
1054
+ ],
1055
+ "median": 6
1056
+ },
1057
+ "typefaces": {
1058
+ "values": [
1059
+ 0,
1060
+ 0,
1061
+ 0,
1062
+ 0,
1063
+ 0,
1064
+ 1,
1065
+ 3,
1066
+ 5,
1067
+ 6,
1068
+ 8
1069
+ ],
1070
+ "median": 1
1071
+ },
1072
+ "fontSizes": {
1073
+ "values": [
1074
+ 0,
1075
+ 0,
1076
+ 0,
1077
+ 4,
1078
+ 5,
1079
+ 6,
1080
+ 15,
1081
+ 19,
1082
+ 24,
1083
+ 26
1084
+ ],
1085
+ "median": 6
1086
+ },
1087
+ "radii": {
1088
+ "values": [
1089
+ 0,
1090
+ 0,
1091
+ 0,
1092
+ 0,
1093
+ 0,
1094
+ 3,
1095
+ 4,
1096
+ 9,
1097
+ 24,
1098
+ 30
1099
+ ],
1100
+ "median": 2
1101
+ },
1102
+ "shadows": {
1103
+ "values": [
1104
+ 0,
1105
+ 0,
1106
+ 0,
1107
+ 0,
1108
+ 0,
1109
+ 1,
1110
+ 22,
1111
+ 35,
1112
+ 44,
1113
+ 54
1114
+ ],
1115
+ "median": 1
1116
+ },
1117
+ "exactDuplicates": {
1118
+ "values": [
1119
+ 0,
1120
+ 0,
1121
+ 0,
1122
+ 2,
1123
+ 6,
1124
+ 13,
1125
+ 15,
1126
+ 18,
1127
+ 28,
1128
+ 168
1129
+ ],
1130
+ "median": 10
1131
+ },
1132
+ "inlineStyles": {
1133
+ "values": [
1134
+ 0,
1135
+ 1,
1136
+ 1,
1137
+ 10,
1138
+ 10,
1139
+ 11,
1140
+ 14,
1141
+ 17,
1142
+ 22,
1143
+ 24
1144
+ ],
1145
+ "median": 11
1146
+ },
1147
+ "components": {
1148
+ "values": [
1149
+ 0,
1150
+ 170,
1151
+ 234,
1152
+ 247,
1153
+ 258,
1154
+ 326,
1155
+ 331,
1156
+ 510,
1157
+ 711,
1158
+ 811
1159
+ ],
1160
+ "median": 292
1161
+ }
1162
+ },
1163
+ "systems": [
1164
+ {
1165
+ "name": "shadcn/ui",
1166
+ "repo": "shadcn-ui/ui",
1167
+ "scope": "apps/v4/registry/new-york-v4/ui",
1168
+ "note": "zero raw values by design; tokens live in one theme file, components use semantic utilities",
1169
+ "codeFiles": 62,
1170
+ "metrics": {
1171
+ "colors": 0,
1172
+ "greys": 0,
1173
+ "spacing": 3,
1174
+ "typefaces": 0,
1175
+ "fontSizes": 6,
1176
+ "radii": 9,
1177
+ "shadows": 0,
1178
+ "exactDuplicates": 0,
1179
+ "inlineStyles": 1,
1180
+ "components": 331
1181
+ }
1182
+ },
1183
+ {
1184
+ "name": "Primer",
1185
+ "repo": "primer/react",
1186
+ "scope": "packages/react/src",
1187
+ "note": "colour count inflated by hex fallbacks in var() and vendored multi-theme palettes",
1188
+ "codeFiles": 446,
1189
+ "metrics": {
1190
+ "colors": 514,
1191
+ "greys": 18,
1192
+ "spacing": 31,
1193
+ "typefaces": 0,
1194
+ "fontSizes": 26,
1195
+ "radii": 24,
1196
+ "shadows": 35,
1197
+ "exactDuplicates": 13,
1198
+ "inlineStyles": 14,
1199
+ "components": 234
1200
+ }
1201
+ },
1202
+ {
1203
+ "name": "Polaris",
1204
+ "repo": "Shopify/polaris",
1205
+ "scope": "polaris-react/src",
1206
+ "note": "tokens live in the separate polaris-tokens package outside this scope",
1207
+ "codeFiles": 653,
1208
+ "metrics": {
1209
+ "colors": 20,
1210
+ "greys": 1,
1211
+ "spacing": 16,
1212
+ "typefaces": 0,
1213
+ "fontSizes": 24,
1214
+ "radii": 30,
1215
+ "shadows": 44,
1216
+ "exactDuplicates": 15,
1217
+ "inlineStyles": 10,
1218
+ "components": 247
1219
+ }
1220
+ },
1221
+ {
1222
+ "name": "Carbon",
1223
+ "repo": "carbon-design-system/carbon",
1224
+ "scope": "packages/react/src",
1225
+ "note": "styling lives in separate Sass packages, so colour and radii counts are near zero",
1226
+ "codeFiles": 515,
1227
+ "metrics": {
1228
+ "colors": 16,
1229
+ "greys": 0,
1230
+ "spacing": 22,
1231
+ "typefaces": 8,
1232
+ "fontSizes": 4,
1233
+ "radii": 0,
1234
+ "shadows": 1,
1235
+ "exactDuplicates": 6,
1236
+ "inlineStyles": 17,
1237
+ "components": 326
1238
+ }
1239
+ },
1240
+ {
1241
+ "name": "Material UI",
1242
+ "repo": "mui/material-ui",
1243
+ "scope": "packages/mui-material/src",
1244
+ "note": "colour count is the reference palette shipped as JS; CSS-in-JS theme values are invisible",
1245
+ "codeFiles": 978,
1246
+ "metrics": {
1247
+ "colors": 265,
1248
+ "greys": 19,
1249
+ "spacing": 0,
1250
+ "typefaces": 0,
1251
+ "fontSizes": 0,
1252
+ "radii": 0,
1253
+ "shadows": 0,
1254
+ "exactDuplicates": 2,
1255
+ "inlineStyles": 10,
1256
+ "components": 170
1257
+ }
1258
+ },
1259
+ {
1260
+ "name": "Chakra UI",
1261
+ "repo": "chakra-ui/chakra-ui",
1262
+ "scope": "packages/react/src",
1263
+ "note": "colour count is the token definitions themselves; CSS-in-JS hides spacing and radii",
1264
+ "codeFiles": 492,
1265
+ "metrics": {
1266
+ "colors": 114,
1267
+ "greys": 15,
1268
+ "spacing": 0,
1269
+ "typefaces": 0,
1270
+ "fontSizes": 0,
1271
+ "radii": 0,
1272
+ "shadows": 0,
1273
+ "exactDuplicates": 0,
1274
+ "inlineStyles": 1,
1275
+ "components": 711
1276
+ }
1277
+ },
1278
+ {
1279
+ "name": "Ant Design",
1280
+ "repo": "ant-design/ant-design",
1281
+ "scope": "components",
1282
+ "note": "inline style count is dominated by demos co-located with components",
1283
+ "codeFiles": 954,
1284
+ "metrics": {
1285
+ "colors": 27,
1286
+ "greys": 8,
1287
+ "spacing": 8,
1288
+ "typefaces": 1,
1289
+ "fontSizes": 5,
1290
+ "radii": 0,
1291
+ "shadows": 0,
1292
+ "exactDuplicates": 18,
1293
+ "inlineStyles": 24,
1294
+ "components": 258
1295
+ }
1296
+ },
1297
+ {
1298
+ "name": "GOV.UK Frontend",
1299
+ "repo": "alphagov/govuk-frontend",
1300
+ "scope": "packages/govuk-frontend/src",
1301
+ "note": "Nunjucks + Sass, so component count is zero by scanner definition; colours are the full government palette",
1302
+ "codeFiles": 24,
1303
+ "metrics": {
1304
+ "colors": 102,
1305
+ "greys": 15,
1306
+ "spacing": 24,
1307
+ "typefaces": 3,
1308
+ "fontSizes": 15,
1309
+ "radii": 3,
1310
+ "shadows": 22,
1311
+ "exactDuplicates": 0,
1312
+ "inlineStyles": 0,
1313
+ "components": 0
1314
+ }
1315
+ },
1316
+ {
1317
+ "name": "Adobe Spectrum",
1318
+ "repo": "adobe/react-spectrum",
1319
+ "scope": "packages/@react-spectrum",
1320
+ "note": "styling lives in separate spectrum-css packages; duplicate count is mostly re-export patterns",
1321
+ "codeFiles": 827,
1322
+ "metrics": {
1323
+ "colors": 2,
1324
+ "greys": 1,
1325
+ "spacing": 0,
1326
+ "typefaces": 5,
1327
+ "fontSizes": 0,
1328
+ "radii": 0,
1329
+ "shadows": 0,
1330
+ "exactDuplicates": 168,
1331
+ "inlineStyles": 11,
1332
+ "components": 811
1333
+ }
1334
+ },
1335
+ {
1336
+ "name": "Cloudscape",
1337
+ "repo": "cloudscape-design/components",
1338
+ "scope": "src",
1339
+ "note": "token-driven SCSS keeps colours low; shadow count comes from elevation and motion scss",
1340
+ "codeFiles": 1219,
1341
+ "metrics": {
1342
+ "colors": 12,
1343
+ "greys": 2,
1344
+ "spacing": 0,
1345
+ "typefaces": 6,
1346
+ "fontSizes": 19,
1347
+ "radii": 4,
1348
+ "shadows": 54,
1349
+ "exactDuplicates": 28,
1350
+ "inlineStyles": 22,
1351
+ "components": 510
1352
+ }
1353
+ }
1354
+ ]
1355
+ }
1356
+ }