@mohityadav0903/branintelle-mcp 1.0.0 → 2.0.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.
- package/README.md +172 -96
- package/components-data.js +246 -0
- package/design-tokens.json +1300 -0
- package/mcp-server.js +230 -110
- package/package.json +1 -1
|
@@ -0,0 +1,1300 @@
|
|
|
1
|
+
{
|
|
2
|
+
"brand": {
|
|
3
|
+
"name": "Brandintelle",
|
|
4
|
+
"description": "A sophisticated design system built on a foundation of muted violet tones, conveying intelligence, trust, and modern professionalism."
|
|
5
|
+
},
|
|
6
|
+
"colors": {
|
|
7
|
+
"primary": [
|
|
8
|
+
{
|
|
9
|
+
"token": "violet-50",
|
|
10
|
+
"hex": "#cac8d6",
|
|
11
|
+
"rgb": "202, 200, 214",
|
|
12
|
+
"usage": "Lightest backgrounds, subtle fills",
|
|
13
|
+
"contexts": [
|
|
14
|
+
{
|
|
15
|
+
"component": "Stat Cards",
|
|
16
|
+
"location": "Dashboard header cards background on hover"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"component": "Stepper",
|
|
20
|
+
"location": "Inactive step connector lines"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"component": "Vendor Cards",
|
|
24
|
+
"location": "Unselected vendor comparison card backgrounds"
|
|
25
|
+
}
|
|
26
|
+
]
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"token": "violet-100",
|
|
30
|
+
"hex": "#eeedf2",
|
|
31
|
+
"rgb": "238, 237, 242",
|
|
32
|
+
"usage": "Card backgrounds, tag backgrounds, hover states",
|
|
33
|
+
"contexts": [
|
|
34
|
+
{
|
|
35
|
+
"component": "Sidebar",
|
|
36
|
+
"location": "Background fill for navigation area"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"component": "Table Rows",
|
|
40
|
+
"location": "Zebra striping alternate rows"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"component": "Certification Tags",
|
|
44
|
+
"location": "'Google Premier Partner' tag background"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"component": "Scope Type Tags",
|
|
48
|
+
"location": "'Full', 'Partial', 'Additional' colored backgrounds"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"component": "MSME Badge",
|
|
52
|
+
"location": "Vendor type badge background"
|
|
53
|
+
}
|
|
54
|
+
]
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"token": "violet-200",
|
|
58
|
+
"hex": "#b0adc3",
|
|
59
|
+
"rgb": "176, 173, 195",
|
|
60
|
+
"usage": "Disabled states, connector lines, subtle borders",
|
|
61
|
+
"contexts": [
|
|
62
|
+
{
|
|
63
|
+
"component": "Buttons",
|
|
64
|
+
"location": "Disabled primary button background"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"component": "Form Inputs",
|
|
68
|
+
"location": "Disabled input field borders"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"component": "Stepper Connector",
|
|
72
|
+
"location": "Dashed line connecting inactive steps"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"component": "Dividers",
|
|
76
|
+
"location": "Section separator lines in modals"
|
|
77
|
+
}
|
|
78
|
+
]
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"token": "violet-300",
|
|
82
|
+
"hex": "#8c88a7",
|
|
83
|
+
"rgb": "140, 136, 167",
|
|
84
|
+
"usage": "Secondary icons, pending states, muted elements",
|
|
85
|
+
"contexts": [
|
|
86
|
+
{
|
|
87
|
+
"component": "Sidebar",
|
|
88
|
+
"location": "Inactive navigation icons"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"component": "Stepper",
|
|
92
|
+
"location": "Pending step numbers (4, 5) and icons"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"component": "Accordion Chevrons",
|
|
96
|
+
"location": "Expand/collapse arrows in brand selection"
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"component": "Sub-step Icons",
|
|
100
|
+
"location": "Inactive icons (KPI's, Supporting's, Budget Check)"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"component": "Edit Icons",
|
|
104
|
+
"location": "Pencil edit icons in group list"
|
|
105
|
+
}
|
|
106
|
+
]
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"token": "violet-400",
|
|
110
|
+
"hex": "#767196",
|
|
111
|
+
"rgb": "118, 113, 150",
|
|
112
|
+
"usage": "Placeholder text, tertiary elements, chevrons",
|
|
113
|
+
"contexts": [
|
|
114
|
+
{
|
|
115
|
+
"component": "Search Input",
|
|
116
|
+
"location": "Placeholder 'Search' in modal headers"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"component": "Table Headers",
|
|
120
|
+
"location": "Sort indicator arrows when inactive"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"component": "Textarea Placeholder",
|
|
124
|
+
"location": "'Add a detailed explanation...' in forms"
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"component": "Dropdown Chevrons",
|
|
128
|
+
"location": "Select input expand arrows"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"component": "Round Selector",
|
|
132
|
+
"location": "'Round 1' dropdown arrow"
|
|
133
|
+
}
|
|
134
|
+
]
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"token": "violet-500",
|
|
138
|
+
"hex": "#544d7c",
|
|
139
|
+
"rgb": "84, 77, 124",
|
|
140
|
+
"usage": "Primary brand color — CTAs, links, checkboxes, active states",
|
|
141
|
+
"contexts": [
|
|
142
|
+
{
|
|
143
|
+
"component": "Primary Buttons",
|
|
144
|
+
"location": "'UPDATE', 'SAVE AND ADD NEXT', 'NEXT >>', 'FINALIZE VENDOR'"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"component": "Sidebar",
|
|
148
|
+
"location": "Active navigation icon fill"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"component": "Links",
|
|
152
|
+
"location": "Brief IDs 'BRF:2024-76-72', RFP IDs 'RFP:2024-21-05'"
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"component": "Tabs",
|
|
156
|
+
"location": "Active tab underline 'Category Details', border on 'EVALUATION'"
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"component": "Stepper",
|
|
160
|
+
"location": "Current step circle background (step 2, 3)"
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"component": "Checkboxes",
|
|
164
|
+
"location": "Selected checkbox fill in brand category modal"
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"component": "Avatar Badges",
|
|
168
|
+
"location": "'+4' overflow count badge in group list rows"
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"component": "Stat Cards",
|
|
172
|
+
"location": "Active/selected card left border accent"
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"component": "Selected Checkmark",
|
|
176
|
+
"location": "Checkmark icon in search dropdown selected item"
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
"component": "Modal Tab",
|
|
180
|
+
"location": "'Group Details' active tab icon fill"
|
|
181
|
+
}
|
|
182
|
+
]
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"token": "violet-600",
|
|
186
|
+
"hex": "#4c4671",
|
|
187
|
+
"rgb": "76, 70, 113",
|
|
188
|
+
"usage": "Hover state on primary elements",
|
|
189
|
+
"contexts": [
|
|
190
|
+
{
|
|
191
|
+
"component": "Primary Button",
|
|
192
|
+
"location": "Hover state for all primary CTAs"
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"component": "Links",
|
|
196
|
+
"location": "Hover state for Brief/RFP ID links"
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
"component": "Checkboxes",
|
|
200
|
+
"location": "Hover state on interactive checkboxes"
|
|
201
|
+
}
|
|
202
|
+
]
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"token": "violet-700",
|
|
206
|
+
"hex": "#3c3758",
|
|
207
|
+
"rgb": "60, 55, 88",
|
|
208
|
+
"usage": "Active/pressed states, dark segments",
|
|
209
|
+
"contexts": [
|
|
210
|
+
{
|
|
211
|
+
"component": "Primary Button",
|
|
212
|
+
"location": "Active/pressed click state"
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"component": "Sidebar Logo",
|
|
216
|
+
"location": "'Bi' logo container background"
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"component": "Tab Segment",
|
|
220
|
+
"location": "'EVALUATION' active tab segment background"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"component": "Filter Badges",
|
|
224
|
+
"location": "Active filter count '1' badges"
|
|
225
|
+
}
|
|
226
|
+
]
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
"token": "violet-800",
|
|
230
|
+
"hex": "#2e2a44",
|
|
231
|
+
"rgb": "46, 42, 68",
|
|
232
|
+
"usage": "Dark UI elements, tooltips, emphasis",
|
|
233
|
+
"contexts": [
|
|
234
|
+
{
|
|
235
|
+
"component": "Tooltips",
|
|
236
|
+
"location": "Tooltip background on icon hover"
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
"component": "Badges",
|
|
240
|
+
"location": "Dark variant badge backgrounds"
|
|
241
|
+
}
|
|
242
|
+
]
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
"token": "violet-900",
|
|
246
|
+
"hex": "#232034",
|
|
247
|
+
"rgb": "35, 32, 52",
|
|
248
|
+
"usage": "Darkest backgrounds, maximum contrast",
|
|
249
|
+
"contexts": [
|
|
250
|
+
{
|
|
251
|
+
"component": "Header",
|
|
252
|
+
"location": "Dark mode header background"
|
|
253
|
+
}
|
|
254
|
+
]
|
|
255
|
+
}
|
|
256
|
+
],
|
|
257
|
+
"text": [
|
|
258
|
+
{
|
|
259
|
+
"token": "white",
|
|
260
|
+
"hex": "#ffffff",
|
|
261
|
+
"rgb": "255, 255, 255",
|
|
262
|
+
"usage": "Text on dark backgrounds, button labels",
|
|
263
|
+
"contexts": [
|
|
264
|
+
{
|
|
265
|
+
"component": "Primary Buttons",
|
|
266
|
+
"location": "'NEXT >>', 'UPDATE', 'SAVE AND ADD NEXT' button labels"
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"component": "Sidebar Logo",
|
|
270
|
+
"location": "'Bi' text in logo"
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
"component": "Avatar Badges",
|
|
274
|
+
"location": "'+4' count number text"
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
"component": "Tab Segments",
|
|
278
|
+
"location": "'EVALUATION' text on active dark segment"
|
|
279
|
+
},
|
|
280
|
+
{
|
|
281
|
+
"component": "Vendor Count",
|
|
282
|
+
"location": "'2 / 5' selected count on dark bg"
|
|
283
|
+
}
|
|
284
|
+
]
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
"token": "text-100",
|
|
288
|
+
"hex": "#bcbcbc",
|
|
289
|
+
"rgb": "188, 188, 188",
|
|
290
|
+
"usage": "Disabled text, unavailable items",
|
|
291
|
+
"contexts": [
|
|
292
|
+
{
|
|
293
|
+
"component": "Form Inputs",
|
|
294
|
+
"location": "Disabled input text"
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
"component": "Buttons",
|
|
298
|
+
"location": "Disabled button label"
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"component": "Dropdown Items",
|
|
302
|
+
"location": "'Art Work - B' disabled/already created item"
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
"component": "Helper Text",
|
|
306
|
+
"location": "'(Outlook Already Created)' notice"
|
|
307
|
+
}
|
|
308
|
+
]
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"token": "text-200",
|
|
312
|
+
"hex": "#9b9c9c",
|
|
313
|
+
"rgb": "155, 156, 156",
|
|
314
|
+
"usage": "Tertiary text, timestamps, counters, metadata",
|
|
315
|
+
"contexts": [
|
|
316
|
+
{
|
|
317
|
+
"component": "Table Cells",
|
|
318
|
+
"location": "'27 Jul, 10' timestamp in Last Activity"
|
|
319
|
+
},
|
|
320
|
+
{
|
|
321
|
+
"component": "Stat Cards",
|
|
322
|
+
"location": "'All' label next to amounts"
|
|
323
|
+
},
|
|
324
|
+
{
|
|
325
|
+
"component": "File Cards",
|
|
326
|
+
"location": "'pdf', 'xlsx', 'png' file type labels"
|
|
327
|
+
},
|
|
328
|
+
{
|
|
329
|
+
"component": "Character Counter",
|
|
330
|
+
"location": "'0 Characters' below textareas"
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"component": "Vendor Metadata",
|
|
334
|
+
"location": "'A955046' vendor ID, email addresses"
|
|
335
|
+
},
|
|
336
|
+
{
|
|
337
|
+
"component": "Template Labels",
|
|
338
|
+
"location": "'Template 1' in group list items"
|
|
339
|
+
}
|
|
340
|
+
]
|
|
341
|
+
},
|
|
342
|
+
{
|
|
343
|
+
"token": "text-300",
|
|
344
|
+
"hex": "#6e6e6f",
|
|
345
|
+
"rgb": "110, 110, 111",
|
|
346
|
+
"usage": "Secondary text, breadcrumbs, descriptions, labels",
|
|
347
|
+
"contexts": [
|
|
348
|
+
{
|
|
349
|
+
"component": "Page Description",
|
|
350
|
+
"location": "'Document and lock in vendor-provided...' subtitle"
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"component": "Table Cells",
|
|
354
|
+
"location": "'Continue creation', '2 days ago' secondary info"
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
"component": "Stepper Labels",
|
|
358
|
+
"location": "'Supporting's', 'Budget Check' sub-step text"
|
|
359
|
+
},
|
|
360
|
+
{
|
|
361
|
+
"component": "Breadcrumbs",
|
|
362
|
+
"location": "'USL >> Prestige >> Upper Prestige' in brand modal"
|
|
363
|
+
},
|
|
364
|
+
{
|
|
365
|
+
"component": "Form Labels",
|
|
366
|
+
"location": "'Brief Description', 'Internal Notes', 'Estimated Amount'"
|
|
367
|
+
},
|
|
368
|
+
{
|
|
369
|
+
"component": "Section Labels",
|
|
370
|
+
"location": "'TOTAL ALLOCATED', 'REMAINING', 'Validation Status'"
|
|
371
|
+
},
|
|
372
|
+
{
|
|
373
|
+
"component": "Help Icons",
|
|
374
|
+
"location": "Info tooltip (i) icon triggers"
|
|
375
|
+
},
|
|
376
|
+
{
|
|
377
|
+
"component": "Comparison Labels",
|
|
378
|
+
"location": "'Scope Type', 'Cost Breakdown', 'Why choose us'"
|
|
379
|
+
}
|
|
380
|
+
]
|
|
381
|
+
},
|
|
382
|
+
{
|
|
383
|
+
"token": "text-400",
|
|
384
|
+
"hex": "#515253",
|
|
385
|
+
"rgb": "81, 82, 83",
|
|
386
|
+
"usage": "Body text, table content, input values",
|
|
387
|
+
"contexts": [
|
|
388
|
+
{
|
|
389
|
+
"component": "Table Cells",
|
|
390
|
+
"location": "Brief titles, amounts, date ranges"
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"component": "File Cards",
|
|
394
|
+
"location": "'Scope Document' file names"
|
|
395
|
+
},
|
|
396
|
+
{
|
|
397
|
+
"component": "Dropdown Values",
|
|
398
|
+
"location": "'Safari', 'Harrier', 'Punch' selected values"
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
"component": "Category Names",
|
|
402
|
+
"location": "'ATL', 'TTL', 'TTL Fixed North' list items"
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
"component": "Input Values",
|
|
406
|
+
"location": "'₹ 50,00,000', '12%' form input values"
|
|
407
|
+
},
|
|
408
|
+
{
|
|
409
|
+
"component": "Comparison Content",
|
|
410
|
+
"location": "Scope descriptions, commercial notes"
|
|
411
|
+
}
|
|
412
|
+
]
|
|
413
|
+
},
|
|
414
|
+
{
|
|
415
|
+
"token": "text-500",
|
|
416
|
+
"hex": "#262728",
|
|
417
|
+
"rgb": "38, 39, 40",
|
|
418
|
+
"usage": "Primary text, column headers, metrics",
|
|
419
|
+
"contexts": [
|
|
420
|
+
{
|
|
421
|
+
"component": "Table Headers",
|
|
422
|
+
"location": "'BRIEFS', 'BRIEF TITLE', 'PERIOD', 'AMOUNT' columns"
|
|
423
|
+
},
|
|
424
|
+
{
|
|
425
|
+
"component": "Stat Cards",
|
|
426
|
+
"location": "'42', '12', '23' large metric numbers"
|
|
427
|
+
},
|
|
428
|
+
{
|
|
429
|
+
"component": "Form Labels",
|
|
430
|
+
"location": "Input field labels in forms"
|
|
431
|
+
},
|
|
432
|
+
{
|
|
433
|
+
"component": "List Items",
|
|
434
|
+
"location": "'House of Mcdowells', 'Baileys' primary names"
|
|
435
|
+
},
|
|
436
|
+
{
|
|
437
|
+
"component": "Section Headers",
|
|
438
|
+
"location": "'1. Scope Comparison', '2. Commercial Comparison'"
|
|
439
|
+
},
|
|
440
|
+
{
|
|
441
|
+
"component": "Large Amounts",
|
|
442
|
+
"location": "'₹ 26,08,19,011.00' vendor quoted amounts"
|
|
443
|
+
}
|
|
444
|
+
]
|
|
445
|
+
},
|
|
446
|
+
{
|
|
447
|
+
"token": "text-600",
|
|
448
|
+
"hex": "#232324",
|
|
449
|
+
"rgb": "35, 35, 36",
|
|
450
|
+
"usage": "Page titles, card titles, emphasis text",
|
|
451
|
+
"contexts": [
|
|
452
|
+
{
|
|
453
|
+
"component": "Page Titles",
|
|
454
|
+
"location": "'Briefs', 'Request For Proposal' page headers"
|
|
455
|
+
},
|
|
456
|
+
{
|
|
457
|
+
"component": "Stat Cards",
|
|
458
|
+
"location": "'Briefs', 'Approved Briefs', 'Triage' card titles"
|
|
459
|
+
},
|
|
460
|
+
{
|
|
461
|
+
"component": "Modal Titles",
|
|
462
|
+
"location": "'Brand Category Selection', 'Create new Group'"
|
|
463
|
+
},
|
|
464
|
+
{
|
|
465
|
+
"component": "Vendor Names",
|
|
466
|
+
"location": "'Big Ideas', 'Times OOH', 'Ignite Branding'"
|
|
467
|
+
}
|
|
468
|
+
]
|
|
469
|
+
},
|
|
470
|
+
{
|
|
471
|
+
"token": "text-700",
|
|
472
|
+
"hex": "#1b1c1c",
|
|
473
|
+
"rgb": "27, 28, 28",
|
|
474
|
+
"usage": "Strong headings, prominent titles",
|
|
475
|
+
"contexts": [
|
|
476
|
+
{
|
|
477
|
+
"component": "Modal Headers",
|
|
478
|
+
"location": "Modal/dialog header text"
|
|
479
|
+
},
|
|
480
|
+
{
|
|
481
|
+
"component": "Form Section",
|
|
482
|
+
"location": "'COST DETAILS', 'REQUIREMENT DETAILS' headers"
|
|
483
|
+
}
|
|
484
|
+
]
|
|
485
|
+
},
|
|
486
|
+
{
|
|
487
|
+
"token": "text-800",
|
|
488
|
+
"hex": "#151516",
|
|
489
|
+
"rgb": "21, 21, 22",
|
|
490
|
+
"usage": "Display text, hero amounts",
|
|
491
|
+
"contexts": [
|
|
492
|
+
{
|
|
493
|
+
"component": "Page Title",
|
|
494
|
+
"location": "'Create New Brief' main heading"
|
|
495
|
+
},
|
|
496
|
+
{
|
|
497
|
+
"component": "Large Amounts",
|
|
498
|
+
"location": "'₹ 2,61,22,001.00' estimated amount display"
|
|
499
|
+
}
|
|
500
|
+
]
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"token": "text-900",
|
|
504
|
+
"hex": "#101011",
|
|
505
|
+
"rgb": "16, 16, 17",
|
|
506
|
+
"usage": "Maximum contrast, critical text",
|
|
507
|
+
"contexts": [
|
|
508
|
+
{
|
|
509
|
+
"component": "Critical Labels",
|
|
510
|
+
"location": "High-priority warning text"
|
|
511
|
+
}
|
|
512
|
+
]
|
|
513
|
+
}
|
|
514
|
+
],
|
|
515
|
+
"feedback": [
|
|
516
|
+
{
|
|
517
|
+
"token": "positive-high",
|
|
518
|
+
"hex": "#2c9148",
|
|
519
|
+
"rgb": "44, 145, 72",
|
|
520
|
+
"usage": "Success icons, checkmarks, completed states, positive status",
|
|
521
|
+
"contexts": [
|
|
522
|
+
{
|
|
523
|
+
"component": "Stepper",
|
|
524
|
+
"location": "Completed step checkmark icon fill"
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
"component": "Status Tags",
|
|
528
|
+
"location": "'Submitted' status icon and text"
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"component": "File Upload",
|
|
532
|
+
"location": "Success upload indicator"
|
|
533
|
+
},
|
|
534
|
+
{
|
|
535
|
+
"component": "Validation Status",
|
|
536
|
+
"location": "'Balanced' status text and icon"
|
|
537
|
+
},
|
|
538
|
+
{
|
|
539
|
+
"component": "Sub-step Completed",
|
|
540
|
+
"location": "Green checkmark on 'Input Details' completed"
|
|
541
|
+
}
|
|
542
|
+
]
|
|
543
|
+
},
|
|
544
|
+
{
|
|
545
|
+
"token": "positive-low",
|
|
546
|
+
"hex": "#beddc6",
|
|
547
|
+
"rgb": "190, 221, 198",
|
|
548
|
+
"usage": "Success backgrounds, completed step fills",
|
|
549
|
+
"contexts": [
|
|
550
|
+
{
|
|
551
|
+
"component": "Stepper",
|
|
552
|
+
"location": "Completed step circle background (Brief Details, Requirement)"
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"component": "Alerts",
|
|
556
|
+
"location": "Success alert banner background"
|
|
557
|
+
},
|
|
558
|
+
{
|
|
559
|
+
"component": "Status Indicators",
|
|
560
|
+
"location": "Submitted vendor status background"
|
|
561
|
+
}
|
|
562
|
+
]
|
|
563
|
+
},
|
|
564
|
+
{
|
|
565
|
+
"token": "negative-high",
|
|
566
|
+
"hex": "#ce2d4f",
|
|
567
|
+
"rgb": "206, 45, 79",
|
|
568
|
+
"usage": "Error icons, destructive actions, required indicators",
|
|
569
|
+
"contexts": [
|
|
570
|
+
{
|
|
571
|
+
"component": "File Upload",
|
|
572
|
+
"location": "Error icon in failed upload card"
|
|
573
|
+
},
|
|
574
|
+
{
|
|
575
|
+
"component": "Delete Actions",
|
|
576
|
+
"location": "Trash icon on file cards, group list delete"
|
|
577
|
+
},
|
|
578
|
+
{
|
|
579
|
+
"component": "Form Validation",
|
|
580
|
+
"location": "Error message text"
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"component": "Required Asterisk",
|
|
584
|
+
"location": "'Brief Description*' required field marker"
|
|
585
|
+
},
|
|
586
|
+
{
|
|
587
|
+
"component": "Reject Button",
|
|
588
|
+
"location": "'REJECT RFP' destructive action"
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"component": "Warning Icons",
|
|
592
|
+
"location": "Exclamation in circle for group warnings"
|
|
593
|
+
}
|
|
594
|
+
]
|
|
595
|
+
},
|
|
596
|
+
{
|
|
597
|
+
"token": "negative-low",
|
|
598
|
+
"hex": "#faeaed",
|
|
599
|
+
"rgb": "250, 234, 237",
|
|
600
|
+
"usage": "Error backgrounds, destructive alert fills",
|
|
601
|
+
"contexts": [
|
|
602
|
+
{
|
|
603
|
+
"component": "File Upload",
|
|
604
|
+
"location": "Error state card border and background"
|
|
605
|
+
},
|
|
606
|
+
{
|
|
607
|
+
"component": "Form Fields",
|
|
608
|
+
"location": "Invalid input field background tint"
|
|
609
|
+
},
|
|
610
|
+
{
|
|
611
|
+
"component": "Error Alerts",
|
|
612
|
+
"location": "Error banner background"
|
|
613
|
+
}
|
|
614
|
+
]
|
|
615
|
+
},
|
|
616
|
+
{
|
|
617
|
+
"token": "selected-high",
|
|
618
|
+
"hex": "#544d7c",
|
|
619
|
+
"rgb": "84, 77, 124",
|
|
620
|
+
"usage": "Selected state icons, active indicators",
|
|
621
|
+
"contexts": [
|
|
622
|
+
{
|
|
623
|
+
"component": "Table Rows",
|
|
624
|
+
"location": "Checkbox fill when row selected"
|
|
625
|
+
},
|
|
626
|
+
{
|
|
627
|
+
"component": "Tabs",
|
|
628
|
+
"location": "Active tab text and indicator"
|
|
629
|
+
},
|
|
630
|
+
{
|
|
631
|
+
"component": "Vendor Selection",
|
|
632
|
+
"location": "Selected vendor card star icon filled"
|
|
633
|
+
}
|
|
634
|
+
]
|
|
635
|
+
},
|
|
636
|
+
{
|
|
637
|
+
"token": "selected-low",
|
|
638
|
+
"hex": "#f0f2ff",
|
|
639
|
+
"rgb": "240, 242, 255",
|
|
640
|
+
"usage": "Selected row backgrounds, active list items, expanded states",
|
|
641
|
+
"contexts": [
|
|
642
|
+
{
|
|
643
|
+
"component": "Table Rows",
|
|
644
|
+
"location": "Selected row background highlight"
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"component": "Sidebar",
|
|
648
|
+
"location": "Active nav item background"
|
|
649
|
+
},
|
|
650
|
+
{
|
|
651
|
+
"component": "Stat Cards",
|
|
652
|
+
"location": "Selected/active card background fill"
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"component": "Brand Selection",
|
|
656
|
+
"location": "Expanded accordion item 'House of Mcdowells' bg"
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"component": "Search Dropdown",
|
|
660
|
+
"location": "Selected item 'Retainer Fee-B' background"
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"component": "Vendor Card",
|
|
664
|
+
"location": "Selected vendor column highlight"
|
|
665
|
+
}
|
|
666
|
+
]
|
|
667
|
+
},
|
|
668
|
+
{
|
|
669
|
+
"token": "notification-high",
|
|
670
|
+
"hex": "#ffac4e",
|
|
671
|
+
"rgb": "255, 172, 78",
|
|
672
|
+
"usage": "Warning icons, late status, attention indicators",
|
|
673
|
+
"contexts": [
|
|
674
|
+
{
|
|
675
|
+
"component": "Status Tags",
|
|
676
|
+
"location": "'New' status asterisk indicator"
|
|
677
|
+
},
|
|
678
|
+
{
|
|
679
|
+
"component": "Alerts",
|
|
680
|
+
"location": "Warning icon in notification banners"
|
|
681
|
+
},
|
|
682
|
+
{
|
|
683
|
+
"component": "Late Submission",
|
|
684
|
+
"location": "'Late Submission' warning icon and text"
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"component": "Warning Badge",
|
|
688
|
+
"location": "Exclamation circle warning in group list"
|
|
689
|
+
}
|
|
690
|
+
]
|
|
691
|
+
},
|
|
692
|
+
{
|
|
693
|
+
"token": "notification-low",
|
|
694
|
+
"hex": "#fff7ed",
|
|
695
|
+
"rgb": "255, 247, 237",
|
|
696
|
+
"usage": "Warning backgrounds, info banners",
|
|
697
|
+
"contexts": [
|
|
698
|
+
{
|
|
699
|
+
"component": "Alerts",
|
|
700
|
+
"location": "Warning alert background"
|
|
701
|
+
},
|
|
702
|
+
{
|
|
703
|
+
"component": "Info Banners",
|
|
704
|
+
"location": "Contextual help banner background"
|
|
705
|
+
}
|
|
706
|
+
]
|
|
707
|
+
}
|
|
708
|
+
],
|
|
709
|
+
"bodyText": [
|
|
710
|
+
{
|
|
711
|
+
"token": "atl",
|
|
712
|
+
"hex": "#035fcb",
|
|
713
|
+
"rgb": "3, 95, 203",
|
|
714
|
+
"usage": "Above-the-line metrics, action links, file downloads",
|
|
715
|
+
"contexts": [
|
|
716
|
+
{
|
|
717
|
+
"component": "Action Links",
|
|
718
|
+
"location": "'Assign Buyer' clickable text in tables"
|
|
719
|
+
},
|
|
720
|
+
{
|
|
721
|
+
"component": "File Downloads",
|
|
722
|
+
"location": "'SBP_Scope.pdf', 'SBP_Proposal.pdf' download links"
|
|
723
|
+
},
|
|
724
|
+
{
|
|
725
|
+
"component": "Add Actions",
|
|
726
|
+
"location": "'+ Add Row' link in cost allocation"
|
|
727
|
+
},
|
|
728
|
+
{
|
|
729
|
+
"component": "Help Links",
|
|
730
|
+
"location": "Info icon tooltip triggers"
|
|
731
|
+
},
|
|
732
|
+
{
|
|
733
|
+
"component": "Selected Count",
|
|
734
|
+
"location": "'1 Selected' indicator in dropdown"
|
|
735
|
+
}
|
|
736
|
+
]
|
|
737
|
+
},
|
|
738
|
+
{
|
|
739
|
+
"token": "btl",
|
|
740
|
+
"hex": "#dc8400",
|
|
741
|
+
"rgb": "220, 132, 0",
|
|
742
|
+
"usage": "Below-the-line metrics, new status, attention text",
|
|
743
|
+
"contexts": [
|
|
744
|
+
{
|
|
745
|
+
"component": "Status Tags",
|
|
746
|
+
"location": "'New' status text color"
|
|
747
|
+
},
|
|
748
|
+
{
|
|
749
|
+
"component": "Stat Cards",
|
|
750
|
+
"location": "Secondary metric highlights"
|
|
751
|
+
},
|
|
752
|
+
{
|
|
753
|
+
"component": "Late Indicator",
|
|
754
|
+
"location": "'Late Submission' text color"
|
|
755
|
+
}
|
|
756
|
+
]
|
|
757
|
+
},
|
|
758
|
+
{
|
|
759
|
+
"token": "primary-text",
|
|
760
|
+
"hex": "#544d7c",
|
|
761
|
+
"rgb": "84, 77, 124",
|
|
762
|
+
"usage": "Brand-colored text, IDs, active labels",
|
|
763
|
+
"contexts": [
|
|
764
|
+
{
|
|
765
|
+
"component": "ID Links",
|
|
766
|
+
"location": "Brief IDs 'BRF:2024-76-72', RFP IDs"
|
|
767
|
+
},
|
|
768
|
+
{
|
|
769
|
+
"component": "Stepper Labels",
|
|
770
|
+
"location": "Active step label 'Requirement Details', 'Cost Details'"
|
|
771
|
+
},
|
|
772
|
+
{
|
|
773
|
+
"component": "Tab Labels",
|
|
774
|
+
"location": "'Group Details' active tab with icon"
|
|
775
|
+
},
|
|
776
|
+
{
|
|
777
|
+
"component": "Scope Types",
|
|
778
|
+
"location": "'Full', 'Additional' scope type text"
|
|
779
|
+
}
|
|
780
|
+
]
|
|
781
|
+
},
|
|
782
|
+
{
|
|
783
|
+
"token": "negative-feedback",
|
|
784
|
+
"hex": "#bb2948",
|
|
785
|
+
"rgb": "187, 41, 72",
|
|
786
|
+
"usage": "Negative indicators, error text, destructive labels",
|
|
787
|
+
"contexts": [
|
|
788
|
+
{
|
|
789
|
+
"component": "File Upload",
|
|
790
|
+
"location": "'Error Uploading file' error message text"
|
|
791
|
+
},
|
|
792
|
+
{
|
|
793
|
+
"component": "Status Tags",
|
|
794
|
+
"location": "'Rejected' status text"
|
|
795
|
+
},
|
|
796
|
+
{
|
|
797
|
+
"component": "Delete Labels",
|
|
798
|
+
"location": "Destructive action confirmations"
|
|
799
|
+
}
|
|
800
|
+
]
|
|
801
|
+
},
|
|
802
|
+
{
|
|
803
|
+
"token": "positive-feedback",
|
|
804
|
+
"hex": "#185028",
|
|
805
|
+
"rgb": "24, 80, 40",
|
|
806
|
+
"usage": "Positive indicators, completed text, best values",
|
|
807
|
+
"contexts": [
|
|
808
|
+
{
|
|
809
|
+
"component": "Stepper Labels",
|
|
810
|
+
"location": "'Brief Details' completed step text"
|
|
811
|
+
},
|
|
812
|
+
{
|
|
813
|
+
"component": "Status Tags",
|
|
814
|
+
"location": "'Approved', 'Submitted' status text"
|
|
815
|
+
},
|
|
816
|
+
{
|
|
817
|
+
"component": "Best Value",
|
|
818
|
+
"location": "'Lowest Quoted Price' indicator text"
|
|
819
|
+
},
|
|
820
|
+
{
|
|
821
|
+
"component": "Validation",
|
|
822
|
+
"location": "'Balanced' validation status text"
|
|
823
|
+
},
|
|
824
|
+
{
|
|
825
|
+
"component": "Highlighted Amount",
|
|
826
|
+
"location": "Green '₹ 22,12,20,011.00' lowest quote"
|
|
827
|
+
}
|
|
828
|
+
]
|
|
829
|
+
}
|
|
830
|
+
],
|
|
831
|
+
"stroke": [
|
|
832
|
+
{
|
|
833
|
+
"token": "stroke-1",
|
|
834
|
+
"hex": "#dedfe0",
|
|
835
|
+
"rgb": "222, 223, 224",
|
|
836
|
+
"usage": "Default borders, dividers, input outlines, card borders",
|
|
837
|
+
"contexts": [
|
|
838
|
+
{
|
|
839
|
+
"component": "Stat Cards",
|
|
840
|
+
"location": "Card border outline"
|
|
841
|
+
},
|
|
842
|
+
{
|
|
843
|
+
"component": "Table",
|
|
844
|
+
"location": "Row divider lines, cell borders"
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"component": "Sidebar",
|
|
848
|
+
"location": "Right border separator"
|
|
849
|
+
},
|
|
850
|
+
{
|
|
851
|
+
"component": "File Cards",
|
|
852
|
+
"location": "Default card border"
|
|
853
|
+
},
|
|
854
|
+
{
|
|
855
|
+
"component": "Form Inputs",
|
|
856
|
+
"location": "Text input, select, textarea borders"
|
|
857
|
+
},
|
|
858
|
+
{
|
|
859
|
+
"component": "Modals",
|
|
860
|
+
"location": "Modal content dividers"
|
|
861
|
+
},
|
|
862
|
+
{
|
|
863
|
+
"component": "Vendor Cards",
|
|
864
|
+
"location": "Comparison column separators"
|
|
865
|
+
},
|
|
866
|
+
{
|
|
867
|
+
"component": "List Items",
|
|
868
|
+
"location": "Group list row borders"
|
|
869
|
+
}
|
|
870
|
+
]
|
|
871
|
+
},
|
|
872
|
+
{
|
|
873
|
+
"token": "stroke-2",
|
|
874
|
+
"hex": "#d7dcff",
|
|
875
|
+
"rgb": "215, 220, 255",
|
|
876
|
+
"usage": "Accent borders, selected outlines, focus hints",
|
|
877
|
+
"contexts": [
|
|
878
|
+
{
|
|
879
|
+
"component": "Stat Cards",
|
|
880
|
+
"location": "Hover state border"
|
|
881
|
+
},
|
|
882
|
+
{
|
|
883
|
+
"component": "File Upload",
|
|
884
|
+
"location": "Dashed upload zone border"
|
|
885
|
+
},
|
|
886
|
+
{
|
|
887
|
+
"component": "Selected Items",
|
|
888
|
+
"location": "Subtle accent on selected states"
|
|
889
|
+
}
|
|
890
|
+
]
|
|
891
|
+
},
|
|
892
|
+
{
|
|
893
|
+
"token": "stroke-3",
|
|
894
|
+
"hex": "#544d7c",
|
|
895
|
+
"rgb": "84, 77, 124",
|
|
896
|
+
"usage": "Focus rings, active borders, emphasis outlines",
|
|
897
|
+
"contexts": [
|
|
898
|
+
{
|
|
899
|
+
"component": "Stat Cards",
|
|
900
|
+
"location": "Active/selected card left border (4px)"
|
|
901
|
+
},
|
|
902
|
+
{
|
|
903
|
+
"component": "Form Inputs",
|
|
904
|
+
"location": "Focused input border"
|
|
905
|
+
},
|
|
906
|
+
{
|
|
907
|
+
"component": "Buttons",
|
|
908
|
+
"location": "Focus ring on keyboard navigation"
|
|
909
|
+
},
|
|
910
|
+
{
|
|
911
|
+
"component": "Checkboxes",
|
|
912
|
+
"location": "Selected checkbox border"
|
|
913
|
+
},
|
|
914
|
+
{
|
|
915
|
+
"component": "Vendor Column",
|
|
916
|
+
"location": "Selected vendor card border highlight"
|
|
917
|
+
}
|
|
918
|
+
]
|
|
919
|
+
}
|
|
920
|
+
],
|
|
921
|
+
"state": [
|
|
922
|
+
{
|
|
923
|
+
"token": "hover",
|
|
924
|
+
"hex": "#f0f2ff",
|
|
925
|
+
"rgb": "240, 242, 255",
|
|
926
|
+
"usage": "Hover state backgrounds for all interactive elements",
|
|
927
|
+
"contexts": [
|
|
928
|
+
{
|
|
929
|
+
"component": "Table Rows",
|
|
930
|
+
"location": "Row hover background"
|
|
931
|
+
},
|
|
932
|
+
{
|
|
933
|
+
"component": "Buttons",
|
|
934
|
+
"location": "Secondary button hover, icon button hover"
|
|
935
|
+
},
|
|
936
|
+
{
|
|
937
|
+
"component": "Sidebar",
|
|
938
|
+
"location": "Nav item hover background"
|
|
939
|
+
},
|
|
940
|
+
{
|
|
941
|
+
"component": "List Items",
|
|
942
|
+
"location": "Brand category item hover"
|
|
943
|
+
},
|
|
944
|
+
{
|
|
945
|
+
"component": "Dropdown Items",
|
|
946
|
+
"location": "Search result item hover"
|
|
947
|
+
}
|
|
948
|
+
]
|
|
949
|
+
},
|
|
950
|
+
{
|
|
951
|
+
"token": "selected",
|
|
952
|
+
"hex": "#f0f2ff",
|
|
953
|
+
"rgb": "240, 242, 255",
|
|
954
|
+
"usage": "Selected/active backgrounds, expanded states",
|
|
955
|
+
"contexts": [
|
|
956
|
+
{
|
|
957
|
+
"component": "Table Rows",
|
|
958
|
+
"location": "Selected row with checkbox checked"
|
|
959
|
+
},
|
|
960
|
+
{
|
|
961
|
+
"component": "Sidebar",
|
|
962
|
+
"location": "Active page nav item background"
|
|
963
|
+
},
|
|
964
|
+
{
|
|
965
|
+
"component": "Tabs",
|
|
966
|
+
"location": "Active tab background fill"
|
|
967
|
+
},
|
|
968
|
+
{
|
|
969
|
+
"component": "Accordions",
|
|
970
|
+
"location": "Expanded brand category background"
|
|
971
|
+
},
|
|
972
|
+
{
|
|
973
|
+
"component": "Dropdowns",
|
|
974
|
+
"location": "Selected search result background"
|
|
975
|
+
},
|
|
976
|
+
{
|
|
977
|
+
"component": "Vendor Cards",
|
|
978
|
+
"location": "Selected vendor column highlight"
|
|
979
|
+
}
|
|
980
|
+
]
|
|
981
|
+
}
|
|
982
|
+
]
|
|
983
|
+
},
|
|
984
|
+
"typography": {
|
|
985
|
+
"fontFamily": "Lato",
|
|
986
|
+
"description": "Lato is a sans-serif typeface designed by Łukasz Dziedzic. It provides a warm, friendly yet professional appearance.",
|
|
987
|
+
"styles": [
|
|
988
|
+
{
|
|
989
|
+
"name": "DisplaySmall",
|
|
990
|
+
"size": "48px",
|
|
991
|
+
"lineHeight": "56px",
|
|
992
|
+
"weight": "400, 500, 600",
|
|
993
|
+
"letterSpacing": "-1% (400/500), 0% (600)",
|
|
994
|
+
"usage": "Hero headlines, landing page titles",
|
|
995
|
+
"contexts": [
|
|
996
|
+
{
|
|
997
|
+
"component": "Marketing Pages",
|
|
998
|
+
"location": "Hero section main headline"
|
|
999
|
+
}
|
|
1000
|
+
]
|
|
1001
|
+
},
|
|
1002
|
+
{
|
|
1003
|
+
"name": "Heading2XLarge",
|
|
1004
|
+
"size": "40px",
|
|
1005
|
+
"lineHeight": "46px",
|
|
1006
|
+
"weight": "400, 600",
|
|
1007
|
+
"letterSpacing": "0%",
|
|
1008
|
+
"usage": "Page titles, major section headers",
|
|
1009
|
+
"contexts": [
|
|
1010
|
+
{
|
|
1011
|
+
"component": "Dashboard",
|
|
1012
|
+
"location": "Main page title when emphasized"
|
|
1013
|
+
}
|
|
1014
|
+
]
|
|
1015
|
+
},
|
|
1016
|
+
{
|
|
1017
|
+
"name": "HeadingXLarge",
|
|
1018
|
+
"size": "32px",
|
|
1019
|
+
"lineHeight": "38px",
|
|
1020
|
+
"weight": "400, 600",
|
|
1021
|
+
"letterSpacing": "0%",
|
|
1022
|
+
"usage": "Section headers, large modal titles",
|
|
1023
|
+
"contexts": [
|
|
1024
|
+
{
|
|
1025
|
+
"component": "Modals",
|
|
1026
|
+
"location": "Large modal header text"
|
|
1027
|
+
},
|
|
1028
|
+
{
|
|
1029
|
+
"component": "Estimated Amount",
|
|
1030
|
+
"location": "'₹ 2,61,22,001.00' large currency display"
|
|
1031
|
+
}
|
|
1032
|
+
]
|
|
1033
|
+
},
|
|
1034
|
+
{
|
|
1035
|
+
"name": "HeadingLarge",
|
|
1036
|
+
"size": "24px",
|
|
1037
|
+
"lineHeight": "32px",
|
|
1038
|
+
"weight": "400, 600",
|
|
1039
|
+
"letterSpacing": "0%",
|
|
1040
|
+
"usage": "Page headers, card metrics, modal titles",
|
|
1041
|
+
"contexts": [
|
|
1042
|
+
{
|
|
1043
|
+
"component": "Page Header",
|
|
1044
|
+
"location": "'Briefs', 'Request For Proposal', 'Create New Brief'"
|
|
1045
|
+
},
|
|
1046
|
+
{
|
|
1047
|
+
"component": "Stat Cards",
|
|
1048
|
+
"location": "'42', '12', '23' large metric numbers"
|
|
1049
|
+
},
|
|
1050
|
+
{
|
|
1051
|
+
"component": "Modal Titles",
|
|
1052
|
+
"location": "'Brand Category Selection', 'Create new Group'"
|
|
1053
|
+
},
|
|
1054
|
+
{
|
|
1055
|
+
"component": "Vendor Amounts",
|
|
1056
|
+
"location": "'₹ 26,08,19,011.00' quoted amounts"
|
|
1057
|
+
}
|
|
1058
|
+
]
|
|
1059
|
+
},
|
|
1060
|
+
{
|
|
1061
|
+
"name": "HeadingMedium",
|
|
1062
|
+
"size": "20px",
|
|
1063
|
+
"lineHeight": "26px",
|
|
1064
|
+
"weight": "400, 600",
|
|
1065
|
+
"letterSpacing": "0%",
|
|
1066
|
+
"usage": "Section headers, form sections, vendor names",
|
|
1067
|
+
"contexts": [
|
|
1068
|
+
{
|
|
1069
|
+
"component": "Form Headers",
|
|
1070
|
+
"location": "'COST DETAILS', 'REQUIREMENT DETAILS', 'SUPPORTING'"
|
|
1071
|
+
},
|
|
1072
|
+
{
|
|
1073
|
+
"component": "Vendor Names",
|
|
1074
|
+
"location": "'Big Ideas', 'Times OOH', 'Ignite Branding'"
|
|
1075
|
+
},
|
|
1076
|
+
{
|
|
1077
|
+
"component": "Section Titles",
|
|
1078
|
+
"location": "'1. Scope Comparison', '2. Commercial Comparison'"
|
|
1079
|
+
}
|
|
1080
|
+
]
|
|
1081
|
+
},
|
|
1082
|
+
{
|
|
1083
|
+
"name": "HeadingSmall",
|
|
1084
|
+
"size": "18px",
|
|
1085
|
+
"lineHeight": "24px",
|
|
1086
|
+
"weight": "400, 600",
|
|
1087
|
+
"letterSpacing": "0%",
|
|
1088
|
+
"usage": "Stepper labels, list headers, file names",
|
|
1089
|
+
"contexts": [
|
|
1090
|
+
{
|
|
1091
|
+
"component": "Stepper",
|
|
1092
|
+
"location": "'Brief Details', 'Requirement Details', 'Cost Details'"
|
|
1093
|
+
},
|
|
1094
|
+
{
|
|
1095
|
+
"component": "File Cards",
|
|
1096
|
+
"location": "'Scope Document' primary file name"
|
|
1097
|
+
},
|
|
1098
|
+
{
|
|
1099
|
+
"component": "List Items",
|
|
1100
|
+
"location": "'House of Mcdowells', 'ATL', 'TTL' category names"
|
|
1101
|
+
},
|
|
1102
|
+
{
|
|
1103
|
+
"component": "Comparison Rows",
|
|
1104
|
+
"location": "'Total Quoted Amount', 'Scope Type' labels"
|
|
1105
|
+
}
|
|
1106
|
+
]
|
|
1107
|
+
},
|
|
1108
|
+
{
|
|
1109
|
+
"name": "BodyLarge",
|
|
1110
|
+
"size": "16px",
|
|
1111
|
+
"lineHeight": "24px",
|
|
1112
|
+
"weight": "400, 500, 600",
|
|
1113
|
+
"letterSpacing": "0%",
|
|
1114
|
+
"usage": "Primary body, button labels, prominent text",
|
|
1115
|
+
"contexts": [
|
|
1116
|
+
{
|
|
1117
|
+
"component": "Table Cells",
|
|
1118
|
+
"location": "Brief titles 'Global Expansion - Market Re...'"
|
|
1119
|
+
},
|
|
1120
|
+
{
|
|
1121
|
+
"component": "Buttons",
|
|
1122
|
+
"location": "'+ New Brief', 'Export Report', 'NEXT >>' labels"
|
|
1123
|
+
},
|
|
1124
|
+
{
|
|
1125
|
+
"component": "Stepper Sub-items",
|
|
1126
|
+
"location": "'Input Details', 'Allocate Cost', 'Budget Check'"
|
|
1127
|
+
},
|
|
1128
|
+
{
|
|
1129
|
+
"component": "Dropdown Values",
|
|
1130
|
+
"location": "Selected item primary text"
|
|
1131
|
+
}
|
|
1132
|
+
]
|
|
1133
|
+
},
|
|
1134
|
+
{
|
|
1135
|
+
"name": "BodyMedium",
|
|
1136
|
+
"size": "14px",
|
|
1137
|
+
"lineHeight": "20px",
|
|
1138
|
+
"weight": "400, 500, 600",
|
|
1139
|
+
"letterSpacing": "0%",
|
|
1140
|
+
"usage": "Secondary body, table content, form inputs, descriptions",
|
|
1141
|
+
"contexts": [
|
|
1142
|
+
{
|
|
1143
|
+
"component": "Table Cells",
|
|
1144
|
+
"location": "All table cell content — dates, amounts, names, IDs"
|
|
1145
|
+
},
|
|
1146
|
+
{
|
|
1147
|
+
"component": "Stat Cards",
|
|
1148
|
+
"location": "'₹ 6,00,000' amount text, 'Assign Buyer Lead'"
|
|
1149
|
+
},
|
|
1150
|
+
{
|
|
1151
|
+
"component": "Tabs",
|
|
1152
|
+
"location": "'Drafts', 'In Progress', 'Rejected', 'Group Details'"
|
|
1153
|
+
},
|
|
1154
|
+
{
|
|
1155
|
+
"component": "Page Description",
|
|
1156
|
+
"location": "'Document and lock in vendor-provided...'"
|
|
1157
|
+
},
|
|
1158
|
+
{
|
|
1159
|
+
"component": "Form Inputs",
|
|
1160
|
+
"location": "Input values 'Safari', 'Creatives', '₹ 50,00,000'"
|
|
1161
|
+
},
|
|
1162
|
+
{
|
|
1163
|
+
"component": "Breadcrumbs",
|
|
1164
|
+
"location": "'USL >> Prestige >> Upper Prestige'"
|
|
1165
|
+
},
|
|
1166
|
+
{
|
|
1167
|
+
"component": "Comparison Content",
|
|
1168
|
+
"location": "Scope descriptions, commercial notes text"
|
|
1169
|
+
}
|
|
1170
|
+
]
|
|
1171
|
+
},
|
|
1172
|
+
{
|
|
1173
|
+
"name": "BodySmall",
|
|
1174
|
+
"size": "12px",
|
|
1175
|
+
"lineHeight": "18px",
|
|
1176
|
+
"weight": "400, 500, 600",
|
|
1177
|
+
"letterSpacing": "0%",
|
|
1178
|
+
"usage": "Captions, column headers, metadata, badges",
|
|
1179
|
+
"contexts": [
|
|
1180
|
+
{
|
|
1181
|
+
"component": "Table Headers",
|
|
1182
|
+
"location": "'BRIEFS (10)', 'BRIEF TITLE', 'AMOUNT', 'PERIOD'"
|
|
1183
|
+
},
|
|
1184
|
+
{
|
|
1185
|
+
"component": "Stat Card Labels",
|
|
1186
|
+
"location": "'Briefs', 'Approved Briefs', 'TOTAL ALLOCATED'"
|
|
1187
|
+
},
|
|
1188
|
+
{
|
|
1189
|
+
"component": "Badge Counts",
|
|
1190
|
+
"location": "'30', '24', '124' count badges in tabs"
|
|
1191
|
+
},
|
|
1192
|
+
{
|
|
1193
|
+
"component": "File Type",
|
|
1194
|
+
"location": "'pdf', 'xlsx', 'png' file extension labels"
|
|
1195
|
+
},
|
|
1196
|
+
{
|
|
1197
|
+
"component": "Form Labels",
|
|
1198
|
+
"location": "'Brief Description', 'Internal Notes', '#', 'BRAND'"
|
|
1199
|
+
},
|
|
1200
|
+
{
|
|
1201
|
+
"component": "Vendor Metadata",
|
|
1202
|
+
"location": "'A955046', email addresses, submission times"
|
|
1203
|
+
},
|
|
1204
|
+
{
|
|
1205
|
+
"component": "Character Counter",
|
|
1206
|
+
"location": "'0 Characters' below textareas"
|
|
1207
|
+
}
|
|
1208
|
+
]
|
|
1209
|
+
},
|
|
1210
|
+
{
|
|
1211
|
+
"name": "BodyXSmall",
|
|
1212
|
+
"size": "10px",
|
|
1213
|
+
"lineHeight": "14px",
|
|
1214
|
+
"weight": "400, 500, 600",
|
|
1215
|
+
"letterSpacing": "0%",
|
|
1216
|
+
"usage": "Badges, status tags, fine print, percentages",
|
|
1217
|
+
"contexts": [
|
|
1218
|
+
{
|
|
1219
|
+
"component": "Status Tags",
|
|
1220
|
+
"location": "'Draft', 'New', 'MSME', 'OPEN' status labels"
|
|
1221
|
+
},
|
|
1222
|
+
{
|
|
1223
|
+
"component": "Tooltips",
|
|
1224
|
+
"location": "Tooltip body text"
|
|
1225
|
+
},
|
|
1226
|
+
{
|
|
1227
|
+
"component": "Percentages",
|
|
1228
|
+
"location": "'12%', '76%', '4%' in cost allocation"
|
|
1229
|
+
},
|
|
1230
|
+
{
|
|
1231
|
+
"component": "Avatar Overflow",
|
|
1232
|
+
"location": "'+4' in avatar stacks"
|
|
1233
|
+
}
|
|
1234
|
+
]
|
|
1235
|
+
},
|
|
1236
|
+
{
|
|
1237
|
+
"name": "CaptionMedium",
|
|
1238
|
+
"size": "11px",
|
|
1239
|
+
"lineHeight": "16px",
|
|
1240
|
+
"weight": "600",
|
|
1241
|
+
"letterSpacing": "0%",
|
|
1242
|
+
"usage": "Labels, overlines, category tags, section dividers",
|
|
1243
|
+
"contexts": [
|
|
1244
|
+
{
|
|
1245
|
+
"component": "Status Badge",
|
|
1246
|
+
"location": "'DRAFT' badge next to page title"
|
|
1247
|
+
},
|
|
1248
|
+
{
|
|
1249
|
+
"component": "File Type Tags",
|
|
1250
|
+
"location": "'PDF', 'XLSX', 'PNG' file badges"
|
|
1251
|
+
},
|
|
1252
|
+
{
|
|
1253
|
+
"component": "Certification Tags",
|
|
1254
|
+
"location": "'Google Premier Partner' tags"
|
|
1255
|
+
},
|
|
1256
|
+
{
|
|
1257
|
+
"component": "Scope Type",
|
|
1258
|
+
"location": "'Full', 'Partial', 'Additional' labels"
|
|
1259
|
+
}
|
|
1260
|
+
]
|
|
1261
|
+
},
|
|
1262
|
+
{
|
|
1263
|
+
"name": "CodeMedium",
|
|
1264
|
+
"size": "12px",
|
|
1265
|
+
"lineHeight": "18px",
|
|
1266
|
+
"weight": "400, 700",
|
|
1267
|
+
"letterSpacing": "0%",
|
|
1268
|
+
"usage": "IDs, technical content, monospace text",
|
|
1269
|
+
"contexts": [
|
|
1270
|
+
{
|
|
1271
|
+
"component": "Brief IDs",
|
|
1272
|
+
"location": "'BRF:2024-76-72' format in tables"
|
|
1273
|
+
},
|
|
1274
|
+
{
|
|
1275
|
+
"component": "RFP IDs",
|
|
1276
|
+
"location": "'RFP:2024-21-05' header ID"
|
|
1277
|
+
},
|
|
1278
|
+
{
|
|
1279
|
+
"component": "Vendor IDs",
|
|
1280
|
+
"location": "'A955046' vendor reference numbers"
|
|
1281
|
+
}
|
|
1282
|
+
]
|
|
1283
|
+
},
|
|
1284
|
+
{
|
|
1285
|
+
"name": "CodeSmall",
|
|
1286
|
+
"size": "10px",
|
|
1287
|
+
"lineHeight": "14px",
|
|
1288
|
+
"weight": "400, 700",
|
|
1289
|
+
"letterSpacing": "0%",
|
|
1290
|
+
"usage": "Inline code, small technical refs",
|
|
1291
|
+
"contexts": [
|
|
1292
|
+
{
|
|
1293
|
+
"component": "Technical Labels",
|
|
1294
|
+
"location": "Small code snippets, API references"
|
|
1295
|
+
}
|
|
1296
|
+
]
|
|
1297
|
+
}
|
|
1298
|
+
]
|
|
1299
|
+
}
|
|
1300
|
+
}
|