framesmith/benchmark/baselines.json at master · vicmaster/framesmith · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
{
  "hero": {
    "overallScore": 73,
    "categories": [
      {
        "name": "spacing",
        "score": 78,
        "issueCount": 3
      },
      {
        "name": "color",
        "score": 63,
        "issueCount": 7
      },
      {
        "name": "typography",
        "score": 80,
        "issueCount": 2
      },
      {
        "name": "structure",
        "score": 90,
        "issueCount": 2
      },
      {
        "name": "consistency",
        "score": 80,
        "issueCount": 4
      },
      {
        "name": "cliche",
        "score": 46,
        "issueCount": 8
      }
    ],
    "issueCount": 26,
    "issueKeys": [
      "cliche::big::\"$48,290\" looks like fabricated data (a money figure).",
      "cliche::btxt::\"+12%\" looks like fabricated data (a percentage).",
      "cliche::doc::7 nodes use gradients — gradient overuse is a machine-made tell.",
      "cliche::s1-d::\"↑ 5.2% vs last week\" looks like fabricated data (a percentage).",
      "cliche::s1-v::\"1,284\" looks like fabricated data (a large count).",
      "cliche::s2-v::\"3.4%\" looks like fabricated data (a percentage).",
      "cliche::s3-d::\"↓ 2.1% vs last week\" looks like fabricated data (a percentage).",
      "cliche::s3-v::\"$87\" looks like fabricated data (a money figure).",
      "color::btxt::Text \"+12%\" has contrast ratio 1.32:1 against rgba(16,185,129,0.12). WCAG AA requires 4.5:1.",
      "color::m1::Text \"Jan\" has contrast ratio 3.07:1 against #1E293B. WCAG AA requires 4.5:1.",
      "color::m2::Text \"Feb\" has contrast ratio 3.07:1 against #1E293B. WCAG AA requires 4.5:1.",
      "color::m3::Text \"Mar\" has contrast ratio 3.07:1 against #1E293B. WCAG AA requires 4.5:1.",
      "color::m4::Text \"Apr\" has contrast ratio 3.07:1 against #1E293B. WCAG AA requires 4.5:1.",
      "color::m5::Text \"May\" has contrast ratio 3.07:1 against #1E293B. WCAG AA requires 4.5:1.",
      "color::sub::Text \"Last 6 months\" has contrast ratio 3.07:1 against #1E293B. WCAG AA requires 4.5:1.",
      "consistency::card::Frame \"card\" has 5 children but no layout property.",
      "consistency::s1::Frame \"s1\" has 3 children but no layout property.",
      "consistency::s2::Frame \"s2\" has 3 children but no layout property.",
      "consistency::s3::Frame \"s3\" has 3 children but no layout property.",
      "spacing::badge::gap: 6px is not on the spacing scale.",
      "spacing::badge::padding: 6px is not on the spacing scale.",
      "spacing::doc::Design uses 8 unique spacing values. Consider consolidating to 4-6 values.",
      "structure::doc::No component instances found in 36 nodes. Consider extracting repeated patterns into components.",
      "structure::doc::Only 0% of container nodes have names. Naming improves maintainability.",
      "typography::btxt::Font sizes 13px → 12px have ratio 1.08 (expected 1.15-1.75).",
      "typography::hdr-l::Font sizes 14px → 13px have ratio 1.08 (expected 1.15-1.75)."
    ]
  },
  "minimal": {
    "overallScore": 98,
    "categories": [
      {
        "name": "spacing",
        "score": 100,
        "issueCount": 0
      },
      {
        "name": "color",
        "score": 100,
        "issueCount": 0
      },
      {
        "name": "typography",
        "score": 100,
        "issueCount": 0
      },
      {
        "name": "structure",
        "score": 90,
        "issueCount": 1
      },
      {
        "name": "consistency",
        "score": 95,
        "issueCount": 1
      },
      {
        "name": "cliche",
        "score": 100,
        "issueCount": 0
      }
    ],
    "issueCount": 2,
    "issueKeys": [
      "consistency::card::Frame \"card\" has 2 children but no layout property.",
      "structure::doc::Only 0% of container nodes have names. Naming improves maintainability."
    ]
  },
  "bad-contrast": {
    "overallScore": 77,
    "categories": [
      {
        "name": "spacing",
        "score": 100,
        "issueCount": 0
      },
      {
        "name": "color",
        "score": 0,
        "issueCount": 3
      },
      {
        "name": "typography",
        "score": 100,
        "issueCount": 0
      },
      {
        "name": "structure",
        "score": 90,
        "issueCount": 1
      },
      {
        "name": "consistency",
        "score": 100,
        "issueCount": 0
      },
      {
        "name": "cliche",
        "score": 100,
        "issueCount": 0
      }
    ],
    "issueCount": 4,
    "issueKeys": [
      "color::t1::Text \"Almost invisible heading\" has contrast ratio 1.05:1 against #F8FAFC. WCAG AA requires 3:1.",
      "color::t2::Text \"Barely-there subtitle\" has contrast ratio 1.18:1 against #F8FAFC. WCAG AA requires 3:1.",
      "color::t3::Text \"Hard to read body copy goes ri\" has contrast ratio 1.07:1 against #FAFAFA. WCAG AA requires 4.5:1.",
      "structure::doc::Only 0% of container nodes have names. Naming improves maintainability."
    ]
  }
}