medesign 1.2.0 → 1.4.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 +223 -129
- package/bin/medesign.js +691 -200
- package/package.json +69 -64
- package/references/catalog.json +1023 -108
- package/tests/linter.js +412 -412
package/references/catalog.json
CHANGED
|
@@ -1,108 +1,1023 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": "1.
|
|
3
|
-
"name": "medesign-catalog",
|
|
4
|
-
"archetypes": [
|
|
5
|
-
{
|
|
6
|
-
"id": "
|
|
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
|
-
|
|
1
|
+
{
|
|
2
|
+
"version": "1.4.0",
|
|
3
|
+
"name": "medesign-catalog",
|
|
4
|
+
"archetypes": [
|
|
5
|
+
{
|
|
6
|
+
"id": "01",
|
|
7
|
+
"number": 1,
|
|
8
|
+
"name": "Quiet Luxury (Old Money Minimal)",
|
|
9
|
+
"archetypeTitle": "Quiet Luxury & Old Money Minimal (01)",
|
|
10
|
+
"group": "Group A: Luxury, Editorial & High-Fashion",
|
|
11
|
+
"keywords": [
|
|
12
|
+
"quiet luxury",
|
|
13
|
+
"old money",
|
|
14
|
+
"aesop",
|
|
15
|
+
"loro piana",
|
|
16
|
+
"bottega",
|
|
17
|
+
"minimal",
|
|
18
|
+
"minimalist",
|
|
19
|
+
"alabaster",
|
|
20
|
+
"taupe",
|
|
21
|
+
"editorial",
|
|
22
|
+
"หรูหรา"
|
|
23
|
+
],
|
|
24
|
+
"spatialModel": "Asymmetric Generous Breathing Room (Minimum 160px Section Padding)",
|
|
25
|
+
"primaryColor": "Cashmere Taupe (oklch(0.91 0.02 85)) / #E6E2DD",
|
|
26
|
+
"secondaryColor": "Muted Bronze (oklch(0.55 0.04 65)) / #8C7A6B",
|
|
27
|
+
"surfaceContrast": "Warm Alabaster (#F6F5F2) over Deep Espresso (#1C1B19)",
|
|
28
|
+
"typography": "Cormorant Garamond (Light Italic) + Plus Jakarta Sans",
|
|
29
|
+
"motionProfile": "Instant / Restrained (0-90ms subtle fade)",
|
|
30
|
+
"presetLink": null,
|
|
31
|
+
"presetId": null,
|
|
32
|
+
"vibe": "Loro Piana, Aesop, Bottega Veneta — หรูหราไม่ตะโกน เน้นพื้นผิวธรรมชาติและช่องไฟมหาศาล"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"id": "02",
|
|
36
|
+
"number": 2,
|
|
37
|
+
"name": "Swiss International Editorial (Neo-Grid)",
|
|
38
|
+
"archetypeTitle": "Swiss International Editorial & Neo-Grid (02)",
|
|
39
|
+
"group": "Group A: Luxury, Editorial & High-Fashion",
|
|
40
|
+
"keywords": [
|
|
41
|
+
"swiss",
|
|
42
|
+
"editorial",
|
|
43
|
+
"neo-grid",
|
|
44
|
+
"museum",
|
|
45
|
+
"grid",
|
|
46
|
+
"helvetica",
|
|
47
|
+
"international orange",
|
|
48
|
+
"poster",
|
|
49
|
+
"สวิส"
|
|
50
|
+
],
|
|
51
|
+
"spatialModel": "Exposed Swiss Hairline Grid with Asymmetric Masonry",
|
|
52
|
+
"primaryColor": "International Orange (oklch(0.63 0.26 35)) / #FF3300",
|
|
53
|
+
"secondaryColor": "Carbon Ink (oklch(0.12 0.01 250)) / #0D0D0D",
|
|
54
|
+
"surfaceContrast": "Stark Paper (#FAFAFA) with 1px Solid Divider Lines",
|
|
55
|
+
"typography": "Inter / Helvetica Now (Oversized Bold Tracking -0.04em)",
|
|
56
|
+
"motionProfile": "Instant Inversion (0ms / Precision Cut)",
|
|
57
|
+
"presetLink": "apple (Apple Human Interface & Product Showcase)",
|
|
58
|
+
"presetId": "apple",
|
|
59
|
+
"vibe": "พิพิธภัณฑ์ศิลปะร่วมสมัย งานกราฟิกสวิส คมกริบด้วยเส้นตารางที่มองเห็นได้จริง"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"id": "03",
|
|
63
|
+
"number": 3,
|
|
64
|
+
"name": "Dark Haute Couture (Obsidian & Champagne)",
|
|
65
|
+
"archetypeTitle": "Dark Haute Couture & Champagne Gold (03)",
|
|
66
|
+
"group": "Group A: Luxury, Editorial & High-Fashion",
|
|
67
|
+
"keywords": [
|
|
68
|
+
"haute couture",
|
|
69
|
+
"champagne",
|
|
70
|
+
"gold",
|
|
71
|
+
"obsidian",
|
|
72
|
+
"jewelry",
|
|
73
|
+
"luxury",
|
|
74
|
+
"watches",
|
|
75
|
+
"club",
|
|
76
|
+
"vip"
|
|
77
|
+
],
|
|
78
|
+
"spatialModel": "Centered Radial Focal Points with Layered Ambient Glow",
|
|
79
|
+
"primaryColor": "Champagne Gold (oklch(0.78 0.14 85)) / #D4AF37",
|
|
80
|
+
"secondaryColor": "Muted Silver (oklch(0.68 0.01 240)) / #9E9E9E",
|
|
81
|
+
"surfaceContrast": "Obsidian Void (#070708) with Charcoal Velvet (#121214)",
|
|
82
|
+
"typography": "Playfair Display / Cinzel + Manrope",
|
|
83
|
+
"motionProfile": "Soft-Settle (280ms cubic-bezier(0.16, 1, 0.3, 1))",
|
|
84
|
+
"presetLink": null,
|
|
85
|
+
"presetId": null,
|
|
86
|
+
"vibe": "แบรนด์นาฬิกาไฮเอนด์ จิวเวลรี่ คลับส่วนตัวระดับอัลตร้าลักชัวรี"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"id": "04",
|
|
90
|
+
"number": 4,
|
|
91
|
+
"name": "Architectural Monolith (Brutalist Luxury)",
|
|
92
|
+
"archetypeTitle": "Architectural Monolith & Brutalist Luxury (04)",
|
|
93
|
+
"group": "Group A: Luxury, Editorial & High-Fashion",
|
|
94
|
+
"keywords": [
|
|
95
|
+
"architectural",
|
|
96
|
+
"monolith",
|
|
97
|
+
"brutalist",
|
|
98
|
+
"luxury",
|
|
99
|
+
"concrete",
|
|
100
|
+
"gallery",
|
|
101
|
+
"interior",
|
|
102
|
+
"syne",
|
|
103
|
+
"ดิบ"
|
|
104
|
+
],
|
|
105
|
+
"spatialModel": "Full-Bleed Horizontal Scroll with Fixed Corner Coordinates",
|
|
106
|
+
"primaryColor": "Raw Concrete (oklch(0.86 0.01 80)) / #D8D6D0",
|
|
107
|
+
"secondaryColor": "Wet Slate (oklch(0.24 0.01 70)) / #2B2B2A",
|
|
108
|
+
"surfaceContrast": "Raw Concrete (#D8D6D0) with Zero Border-Radius",
|
|
109
|
+
"typography": "Syne / Space Grotesk (Viewport Clamp 3.5rem-10rem)",
|
|
110
|
+
"motionProfile": "Inertial Scroll with Precision Snapping",
|
|
111
|
+
"presetLink": null,
|
|
112
|
+
"presetId": null,
|
|
113
|
+
"vibe": "แกลเลอรีสถาปัตยกรรม สตูดิโอออกแบบภายใน ดิบแต่ประณีตเหมือนคอนกรีตหล่อเปลือย"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"id": "05",
|
|
117
|
+
"number": 5,
|
|
118
|
+
"name": "Japanese Zen & Wabi-Sabi Digital",
|
|
119
|
+
"archetypeTitle": "Japanese Zen & Wabi-Sabi Digital (05)",
|
|
120
|
+
"group": "Group A: Luxury, Editorial & High-Fashion",
|
|
121
|
+
"keywords": [
|
|
122
|
+
"zen",
|
|
123
|
+
"wabi-sabi",
|
|
124
|
+
"japanese",
|
|
125
|
+
"matcha",
|
|
126
|
+
"washi",
|
|
127
|
+
"organic",
|
|
128
|
+
"peaceful",
|
|
129
|
+
"สกินแคร์",
|
|
130
|
+
"เซน"
|
|
131
|
+
],
|
|
132
|
+
"spatialModel": "Organic Asymmetric Flow with Vertical Text Accents",
|
|
133
|
+
"primaryColor": "Moss Matcha (oklch(0.44 0.06 140)) / #4A5D4E",
|
|
134
|
+
"secondaryColor": "Terracotta Clay (oklch(0.53 0.12 45)) / #A65E46",
|
|
135
|
+
"surfaceContrast": "Washi Paper (#F4F1EA) with Subtle Grain Overlay",
|
|
136
|
+
"typography": "Noto Serif JP / Instrument Serif + Clean Humanist Sans",
|
|
137
|
+
"motionProfile": "Slow Ambient Breath (6s ease-in-out / 200ms transitions)",
|
|
138
|
+
"presetLink": null,
|
|
139
|
+
"presetId": null,
|
|
140
|
+
"vibe": "โรงแรมเรียวกังหรู มัทฉะเกรดพิธีการ สกินแคร์ออร์แกนิก เน้นความสงบและสมดุลที่ไม่สมมาตร"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"id": "06",
|
|
144
|
+
"number": 6,
|
|
145
|
+
"name": "Nordic Kinfolk Aesthetic",
|
|
146
|
+
"archetypeTitle": "Nordic Kinfolk & Scandinavian Editorial (06)",
|
|
147
|
+
"group": "Group A: Luxury, Editorial & High-Fashion",
|
|
148
|
+
"keywords": [
|
|
149
|
+
"nordic",
|
|
150
|
+
"kinfolk",
|
|
151
|
+
"scandinavian",
|
|
152
|
+
"warm sand",
|
|
153
|
+
"lifestyle",
|
|
154
|
+
"magazine",
|
|
155
|
+
"wood",
|
|
156
|
+
"oat milk"
|
|
157
|
+
],
|
|
158
|
+
"spatialModel": "Multi-Column Editorial Rhythm with Soft Pill Containers",
|
|
159
|
+
"primaryColor": "Warm Sand (oklch(0.84 0.03 75)) / #DBCBB8",
|
|
160
|
+
"secondaryColor": "Sage Grey (oklch(0.82 0.02 145)) / #C8CEC6",
|
|
161
|
+
"surfaceContrast": "Oat Milk (#F9F6F0) with Charcoal (#2C302E) Body",
|
|
162
|
+
"typography": "Newsreader (Light/Regular) + DM Sans",
|
|
163
|
+
"motionProfile": "Soft Gentle Glide (240ms ease-out)",
|
|
164
|
+
"presetLink": null,
|
|
165
|
+
"presetId": null,
|
|
166
|
+
"vibe": "นิตยสารไลฟ์สไตล์สแกนดิเนเวีย เฟอร์นิเจอร์ไม้โอ๊ค แสงแดดยามเช้าที่นุ่มนวล"
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"id": "07",
|
|
170
|
+
"number": 7,
|
|
171
|
+
"name": "Linear-Style Dark Mode (Precision Glow)",
|
|
172
|
+
"archetypeTitle": "Linear-Style Dark Mode & Precision Glow (07)",
|
|
173
|
+
"group": "Group B: Next-Gen SaaS, WebApp & Productivity",
|
|
174
|
+
"keywords": [
|
|
175
|
+
"linear",
|
|
176
|
+
"saas",
|
|
177
|
+
"dark mode",
|
|
178
|
+
"developer",
|
|
179
|
+
"startup",
|
|
180
|
+
"glow",
|
|
181
|
+
"keyboard shortcuts",
|
|
182
|
+
"kbd",
|
|
183
|
+
"subtle border"
|
|
184
|
+
],
|
|
185
|
+
"spatialModel": "Bento 3-Pane Workbench with Translucent 1px Hairlines",
|
|
186
|
+
"primaryColor": "Electric Indigo (oklch(0.55 0.22 275)) / #5E6AD2",
|
|
187
|
+
"secondaryColor": "Elevated Surface (oklch(0.18 0.01 260)) / #111215",
|
|
188
|
+
"surfaceContrast": "Deep Space (#08090A) with Specular Top Highlights",
|
|
189
|
+
"typography": "Inter / Geist Sans (cv02, cv03, cv04)",
|
|
190
|
+
"motionProfile": "Precision Micro (140ms cubic-bezier(0.16, 1, 0.3, 1))",
|
|
191
|
+
"presetLink": null,
|
|
192
|
+
"presetId": null,
|
|
193
|
+
"vibe": "เครื่องมือสำหรับนักพัฒนาและสตาร์ทอัพระดับโลก คมชัด ลึกลับ มืออาชีพสูงสุด"
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"id": "08",
|
|
197
|
+
"number": 8,
|
|
198
|
+
"name": "Raycast / Vercel Monochromatic Sharp",
|
|
199
|
+
"archetypeTitle": "Raycast / Vercel Monochromatic Sharp (08)",
|
|
200
|
+
"group": "Group B: Next-Gen SaaS, WebApp & Productivity",
|
|
201
|
+
"keywords": [
|
|
202
|
+
"raycast",
|
|
203
|
+
"vercel",
|
|
204
|
+
"monochrome",
|
|
205
|
+
"command palette",
|
|
206
|
+
"cli",
|
|
207
|
+
"speed",
|
|
208
|
+
"crosshairs",
|
|
209
|
+
"zinc",
|
|
210
|
+
"pitch black"
|
|
211
|
+
],
|
|
212
|
+
"spatialModel": "Orthogonal Grid with Corner Crosshair Markers (+)",
|
|
213
|
+
"primaryColor": "Crisp White (oklch(0.95 0.00 0)) / #EDEDED",
|
|
214
|
+
"secondaryColor": "Muted Zinc (oklch(0.60 0.01 250)) / #888888",
|
|
215
|
+
"surfaceContrast": "Pure Pitch (#000000) with Zinc Surface (#0A0A0A)",
|
|
216
|
+
"typography": "Geist Sans + Geist Mono (Tabular Code & Metrics)",
|
|
217
|
+
"motionProfile": "Ultra-Fast Snapping (80ms linear / instant)",
|
|
218
|
+
"presetLink": null,
|
|
219
|
+
"presetId": null,
|
|
220
|
+
"vibe": "ความเร็วสูง มินิมอลขาว-ดำ-เทา เน้นความคมของเส้นและข้อมูลเชิงเทคนิค"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"id": "09",
|
|
224
|
+
"number": 9,
|
|
225
|
+
"name": "Apple VisionOS (Spatial Glassmorphism)",
|
|
226
|
+
"archetypeTitle": "Apple VisionOS Spatial Glassmorphism (09)",
|
|
227
|
+
"group": "Group B: Next-Gen SaaS, WebApp & Productivity",
|
|
228
|
+
"keywords": [
|
|
229
|
+
"apple",
|
|
230
|
+
"visionos",
|
|
231
|
+
"glassmorphism",
|
|
232
|
+
"spatial",
|
|
233
|
+
"frosted glass",
|
|
234
|
+
"vibrancy",
|
|
235
|
+
"squircle",
|
|
236
|
+
"blur",
|
|
237
|
+
"กระจก"
|
|
238
|
+
],
|
|
239
|
+
"spatialModel": "Floating Elevating Panels with Concentric Squircles",
|
|
240
|
+
"primaryColor": "Pure White Text (oklch(1.0 0 0)) / #FFFFFF",
|
|
241
|
+
"secondaryColor": "Specular Edge Highlight (rgba(255, 255, 255, 0.35))",
|
|
242
|
+
"surfaceContrast": "Translucent Frosted Glass (backdrop-filter blur 40px saturate 190%)",
|
|
243
|
+
"typography": "SF Pro Display / Inter (Medium weight legibility over glass)",
|
|
244
|
+
"motionProfile": "Fluid Spatial Spring (240ms cubic-bezier(0.16, 1, 0.3, 1))",
|
|
245
|
+
"presetLink": "apple (Apple Human Interface & Product Showcase)",
|
|
246
|
+
"presetId": "apple",
|
|
247
|
+
"vibe": "อินเทอร์เฟซลอยตัวในอากาศ โปร่งแสง รับแสงจากสภาพแวดล้อมรอบข้าง"
|
|
248
|
+
},
|
|
249
|
+
{
|
|
250
|
+
"id": "10",
|
|
251
|
+
"number": 10,
|
|
252
|
+
"name": "Stripe-Inspired Mesh & Micro-Polish",
|
|
253
|
+
"archetypeTitle": "Stripe-Inspired Mesh & Micro-Polish (10)",
|
|
254
|
+
"group": "Group B: Next-Gen SaaS, WebApp & Productivity",
|
|
255
|
+
"keywords": [
|
|
256
|
+
"stripe",
|
|
257
|
+
"mesh gradient",
|
|
258
|
+
"fintech",
|
|
259
|
+
"enterprise",
|
|
260
|
+
"micro-polish",
|
|
261
|
+
"reliable",
|
|
262
|
+
"diagonal"
|
|
263
|
+
],
|
|
264
|
+
"spatialModel": "Skewed Diagonal Section Dividers with Multi-Layered Realistic Shadows",
|
|
265
|
+
"primaryColor": "Stripe Blurple (oklch(0.55 0.24 280)) / #635BFF",
|
|
266
|
+
"secondaryColor": "Vibrant Teal (oklch(0.78 0.18 175)) / #00D4B6",
|
|
267
|
+
"surfaceContrast": "Crisp Slate Canvas (#F6F9FC) with Pure White Cards (#FFFFFF)",
|
|
268
|
+
"typography": "Plus Jakarta Sans / Sohne",
|
|
269
|
+
"motionProfile": "Polished Smooth Glide (200ms ease-out)",
|
|
270
|
+
"presetLink": null,
|
|
271
|
+
"presetId": null,
|
|
272
|
+
"vibe": "ฟินเทคและแพลตฟอร์มระดับองค์กรที่สดใส น่าเชื่อถือ และมีรายละเอียดอินเทอร์แอคทีฟที่สมบูรณ์แบบ"
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"id": "11",
|
|
276
|
+
"number": 11,
|
|
277
|
+
"name": "Bento Grid Modular Dashboard",
|
|
278
|
+
"archetypeTitle": "Bento Grid Modular Dashboard (11)",
|
|
279
|
+
"group": "Group B: Next-Gen SaaS, WebApp & Productivity",
|
|
280
|
+
"keywords": [
|
|
281
|
+
"bento",
|
|
282
|
+
"bento grid",
|
|
283
|
+
"modular",
|
|
284
|
+
"dashboard",
|
|
285
|
+
"cards",
|
|
286
|
+
"widgets",
|
|
287
|
+
"layout",
|
|
288
|
+
"grid"
|
|
289
|
+
],
|
|
290
|
+
"spatialModel": "CSS Grid repeat(12, 1fr) with Uniform 24px Card Radius",
|
|
291
|
+
"primaryColor": "Electric Cobalt (oklch(0.58 0.22 255)) / #2563EB",
|
|
292
|
+
"secondaryColor": "Accent Coral (oklch(0.68 0.20 35)) / #F97316",
|
|
293
|
+
"surfaceContrast": "Off-White (#F4F4F6) or Dark Onyx (#0D0E11) with Surface Cards",
|
|
294
|
+
"typography": "Outfit / Inter (Bold Metrics + Compact Descriptions)",
|
|
295
|
+
"motionProfile": "Staggered Card Pop (160ms ease-out)",
|
|
296
|
+
"presetLink": null,
|
|
297
|
+
"presetId": null,
|
|
298
|
+
"vibe": "การจัดระเบียบข้อมูลที่ซับซ้อนให้อยู่ในกล่องสี่เหลี่ยมหลายขนาดที่สอดรับกันอย่างลงตัว"
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"id": "12",
|
|
302
|
+
"number": 12,
|
|
303
|
+
"name": "Fintech Private Banking (Emerald & Brass)",
|
|
304
|
+
"archetypeTitle": "Fintech Private Banking & Wealth Cockpit (12)",
|
|
305
|
+
"group": "Group B: Next-Gen SaaS, WebApp & Productivity",
|
|
306
|
+
"keywords": [
|
|
307
|
+
"fintech",
|
|
308
|
+
"banking",
|
|
309
|
+
"wealth",
|
|
310
|
+
"private banking",
|
|
311
|
+
"emerald",
|
|
312
|
+
"brass",
|
|
313
|
+
"portfolio",
|
|
314
|
+
"vip",
|
|
315
|
+
"invest",
|
|
316
|
+
"crypto"
|
|
317
|
+
],
|
|
318
|
+
"spatialModel": "Split-Screen Portfolio Inspector with Razor-Sharp Sparklines",
|
|
319
|
+
"primaryColor": "Mint Signal (oklch(0.78 0.16 155)) / #34D399",
|
|
320
|
+
"secondaryColor": "Brushed Brass (oklch(0.72 0.12 80)) / #C5A059",
|
|
321
|
+
"surfaceContrast": "Midnight Forest (#061411) with Deep Emerald Surface (#0B221D)",
|
|
322
|
+
"typography": "Instrument Serif (Headers) + JetBrains Mono (Tabular Nums)",
|
|
323
|
+
"motionProfile": "Calm Fluid Transition (200ms precision)",
|
|
324
|
+
"presetLink": null,
|
|
325
|
+
"presetId": null,
|
|
326
|
+
"vibe": "ความมั่งคั่ง การบริหารพอร์ตโฟลิโอระดับ VIP ความปลอดภัยและเสถียรภาพทางการเงิน"
|
|
327
|
+
},
|
|
328
|
+
{
|
|
329
|
+
"id": "13",
|
|
330
|
+
"number": 13,
|
|
331
|
+
"name": "Three.js / R3F Studio Product Showcase",
|
|
332
|
+
"archetypeTitle": "Three.js / R3F 3D Studio Product Showcase (13)",
|
|
333
|
+
"group": "Group C: 3D Web, WebGL & Immersive Experiences",
|
|
334
|
+
"keywords": [
|
|
335
|
+
"three.js",
|
|
336
|
+
"r3f",
|
|
337
|
+
"webgl",
|
|
338
|
+
"3d",
|
|
339
|
+
"product showcase",
|
|
340
|
+
"studio",
|
|
341
|
+
"cyclorama",
|
|
342
|
+
"hardware",
|
|
343
|
+
"canvas"
|
|
344
|
+
],
|
|
345
|
+
"spatialModel": "Fullscreen Fixed Canvas (z-index: 0) with Decoupled DOM HUD (z-index: 10)",
|
|
346
|
+
"primaryColor": "Anodized Metallic Silver (oklch(0.85 0.02 240))",
|
|
347
|
+
"secondaryColor": "Crisp White HUD (oklch(0.98 0 0))",
|
|
348
|
+
"surfaceContrast": "Studio Cyclorama Radial (#141517 to #08080A)",
|
|
349
|
+
"typography": "Space Grotesk + Inter",
|
|
350
|
+
"motionProfile": "Demand Frameloop (0W Idle GPU Power, Orbit Interpolation)",
|
|
351
|
+
"presetLink": null,
|
|
352
|
+
"presetId": null,
|
|
353
|
+
"vibe": "เว็บเปิดตัวฮาร์ดแวร์ รถยนต์ไฟฟ้า หรือแกดเจ็ตระดับเรือธงที่หมุนดูได้ 360 องศา"
|
|
354
|
+
},
|
|
355
|
+
{
|
|
356
|
+
"id": "14",
|
|
357
|
+
"number": 14,
|
|
358
|
+
"name": "Liquid Metal & Iridescent Shaders",
|
|
359
|
+
"archetypeTitle": "Liquid Metal & Iridescent Prismatic Shaders (14)",
|
|
360
|
+
"group": "Group C: 3D Web, WebGL & Immersive Experiences",
|
|
361
|
+
"keywords": [
|
|
362
|
+
"liquid metal",
|
|
363
|
+
"iridescent",
|
|
364
|
+
"shader",
|
|
365
|
+
"prismatic",
|
|
366
|
+
"chrome",
|
|
367
|
+
"creative studio",
|
|
368
|
+
"digital art",
|
|
369
|
+
"glsl"
|
|
370
|
+
],
|
|
371
|
+
"spatialModel": "Reactive Fluid Mesh Canvas with Centered Minimal HUD",
|
|
372
|
+
"primaryColor": "Prismatic Cyan (oklch(0.88 0.20 200)) / #00F0FF",
|
|
373
|
+
"secondaryColor": "Hyper Magenta (oklch(0.65 0.30 340)) / #FF007A",
|
|
374
|
+
"surfaceContrast": "Void Black (#030305) with Shimmering Specular Reflections",
|
|
375
|
+
"typography": "Syne (ExtraBold) + Space Mono",
|
|
376
|
+
"motionProfile": "Cursor Velocity Reactive Fluid Shader (Continuous GLSL)",
|
|
377
|
+
"presetLink": null,
|
|
378
|
+
"presetId": null,
|
|
379
|
+
"vibe": "สตูดิโอครีเอทีฟ ศิลปะดิจิทัล พื้นผิวไหลเวียนเหมือนปรอทสะท้อนแสงรุ้ง"
|
|
380
|
+
},
|
|
381
|
+
{
|
|
382
|
+
"id": "15",
|
|
383
|
+
"number": 15,
|
|
384
|
+
"name": "Spline-Style Soft 3D Claymorphism",
|
|
385
|
+
"archetypeTitle": "Spline-Style Soft 3D Claymorphism (15)",
|
|
386
|
+
"group": "Group C: 3D Web, WebGL & Immersive Experiences",
|
|
387
|
+
"keywords": [
|
|
388
|
+
"spline",
|
|
389
|
+
"claymorphism",
|
|
390
|
+
"soft 3d",
|
|
391
|
+
"playful",
|
|
392
|
+
"creator tools",
|
|
393
|
+
"pastel",
|
|
394
|
+
"friendly"
|
|
395
|
+
],
|
|
396
|
+
"spatialModel": "Plump Floating Island Cards with Deep Subsurface Shadows",
|
|
397
|
+
"primaryColor": "Pastel Coral (oklch(0.80 0.14 25)) / #FFE3E3",
|
|
398
|
+
"secondaryColor": "Soft Lavender (oklch(0.88 0.08 290)) / #F3F0FF",
|
|
399
|
+
"surfaceContrast": "Mint Cream (#E6FCF5) with Deep Indigo Ink (#1E1B4B)",
|
|
400
|
+
"typography": "Plus Jakarta Sans / Fredoka",
|
|
401
|
+
"motionProfile": "Bouncy Spring Physics (damping 12, stiffness 180)",
|
|
402
|
+
"presetLink": null,
|
|
403
|
+
"presetId": null,
|
|
404
|
+
"vibe": "เป็นมิตร สนุกสนาน น่าหยิบจับ เหมาะกับ Web3 ครีเอเตอร์ทูลส์"
|
|
405
|
+
},
|
|
406
|
+
{
|
|
407
|
+
"id": "16",
|
|
408
|
+
"number": 16,
|
|
409
|
+
"name": "Cybernetic Hologram & Sci-Fi Telemetry HUD",
|
|
410
|
+
"archetypeTitle": "Cybernetic Hologram & Sci-Fi Telemetry HUD (16)",
|
|
411
|
+
"group": "Group C: 3D Web, WebGL & Immersive Experiences",
|
|
412
|
+
"keywords": [
|
|
413
|
+
"cybernetic",
|
|
414
|
+
"hologram",
|
|
415
|
+
"sci-fi",
|
|
416
|
+
"hud",
|
|
417
|
+
"telemetry",
|
|
418
|
+
"robotics",
|
|
419
|
+
"spacecraft",
|
|
420
|
+
"chamfered",
|
|
421
|
+
"radar"
|
|
422
|
+
],
|
|
423
|
+
"spatialModel": "Chamfered Polygon Cockpit with Wireframe Mesh Centerpiece",
|
|
424
|
+
"primaryColor": "Hologram Cyan (oklch(0.88 0.18 175)) / #00F5D4",
|
|
425
|
+
"secondaryColor": "Amber Alert (oklch(0.82 0.18 75)) / #FFB703",
|
|
426
|
+
"surfaceContrast": "Deep Radar Black (#02060D) with 15% Cyan Grid Lines",
|
|
427
|
+
"typography": "Rajdhani / Chakra Petch + Share Tech Mono",
|
|
428
|
+
"motionProfile": "CRT Scanline Oscillations + Precision Coordinate Ticks",
|
|
429
|
+
"presetLink": null,
|
|
430
|
+
"presetId": null,
|
|
431
|
+
"vibe": "ระบบปฏิบัติการยานอวกาศ อินเทอร์เฟซ AI ขั้นสูง โรโบติกส์"
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
"id": "17",
|
|
435
|
+
"number": 17,
|
|
436
|
+
"name": "Architectural ArchViz Scrollytelling",
|
|
437
|
+
"archetypeTitle": "Architectural ArchViz Scrollytelling (17)",
|
|
438
|
+
"group": "Group C: 3D Web, WebGL & Immersive Experiences",
|
|
439
|
+
"keywords": [
|
|
440
|
+
"archviz",
|
|
441
|
+
"architectural",
|
|
442
|
+
"scrollytelling",
|
|
443
|
+
"real estate",
|
|
444
|
+
"super luxury",
|
|
445
|
+
"resort",
|
|
446
|
+
"floorplan"
|
|
447
|
+
],
|
|
448
|
+
"spatialModel": "Camera Path Interpolation Canvas with Mini-Map Floorplan",
|
|
449
|
+
"primaryColor": "Warm Bronze (oklch(0.48 0.08 60)) / #5C4D3C",
|
|
450
|
+
"secondaryColor": "Warm Travertine (oklch(0.92 0.02 80)) / #EAE4DC",
|
|
451
|
+
"surfaceContrast": "Travertine Stone Canvas (#EAE4DC) with Charcoal (#1A1918)",
|
|
452
|
+
"typography": "Cormorant + Montserrat (Thin Uppercase)",
|
|
453
|
+
"motionProfile": "Smooth Camera Path Spline (Scroll Interpolated)",
|
|
454
|
+
"presetLink": null,
|
|
455
|
+
"presetId": null,
|
|
456
|
+
"vibe": "โครงการอสังหาริมทรัพย์ระดับ Super Luxury รีสอร์ตส่วนตัว"
|
|
457
|
+
},
|
|
458
|
+
{
|
|
459
|
+
"id": "18",
|
|
460
|
+
"number": 18,
|
|
461
|
+
"name": "Particle Cloud & Generative Morphing",
|
|
462
|
+
"archetypeTitle": "Particle Cloud & Generative Morphing Lab (18)",
|
|
463
|
+
"group": "Group C: 3D Web, WebGL & Immersive Experiences",
|
|
464
|
+
"keywords": [
|
|
465
|
+
"particles",
|
|
466
|
+
"generative",
|
|
467
|
+
"morphing",
|
|
468
|
+
"ai lab",
|
|
469
|
+
"big data",
|
|
470
|
+
"biotech",
|
|
471
|
+
"research",
|
|
472
|
+
"bokeh"
|
|
473
|
+
],
|
|
474
|
+
"spatialModel": "Instanced Particle Viewport with Floating Glass Command Pills",
|
|
475
|
+
"primaryColor": "Bioluminescent Blue (oklch(0.62 0.22 250)) / #3B82F6",
|
|
476
|
+
"secondaryColor": "Neural Violet (oklch(0.58 0.24 290)) / #8B5CF6",
|
|
477
|
+
"surfaceContrast": "Deep Abyss (#040508) with Additive Blended Particles",
|
|
478
|
+
"typography": "Sora / Inter",
|
|
479
|
+
"motionProfile": "Continuous Particle Morphing (GPU Attractors)",
|
|
480
|
+
"presetLink": "tesla (Tesla Cybertruck & In-Vehicle Telemetry)",
|
|
481
|
+
"presetId": "tesla",
|
|
482
|
+
"vibe": "แพลตฟอร์ม AI, Big Data, Biotechnology หรือ Research Lab"
|
|
483
|
+
},
|
|
484
|
+
{
|
|
485
|
+
"id": "19",
|
|
486
|
+
"number": 19,
|
|
487
|
+
"name": "Teenage Engineering (Industrial Tactile)",
|
|
488
|
+
"archetypeTitle": "Teenage Engineering Industrial Tactile (19)",
|
|
489
|
+
"group": "Group D: Tactile, Hardware & Skeuomorphic Revival",
|
|
490
|
+
"keywords": [
|
|
491
|
+
"teenage engineering",
|
|
492
|
+
"industrial",
|
|
493
|
+
"tactile",
|
|
494
|
+
"hardware",
|
|
495
|
+
"synth",
|
|
496
|
+
"knob",
|
|
497
|
+
"rotary",
|
|
498
|
+
"mechanical",
|
|
499
|
+
"buttons"
|
|
500
|
+
],
|
|
501
|
+
"spatialModel": "Strict Engineering Modular Matrix with Perforated Grille Accents",
|
|
502
|
+
"primaryColor": "Signal Orange (oklch(0.68 0.25 40)) / #FF5500",
|
|
503
|
+
"secondaryColor": "Safety Yellow (oklch(0.82 0.20 85)) / #FFB800",
|
|
504
|
+
"surfaceContrast": "Anodized Aluminium (#E5E5E0) over Matte Charcoal (#222222)",
|
|
505
|
+
"typography": "IBM Plex Mono / Space Mono (Strict 8pt Optical Grid)",
|
|
506
|
+
"motionProfile": "Mechanical Tactile Snap (3px translateY, 40ms instant return)",
|
|
507
|
+
"presetLink": null,
|
|
508
|
+
"presetId": null,
|
|
509
|
+
"vibe": "เครื่องดนตรีสังเคราะห์ อุปกรณ์ฮาร์ดแวร์สวีเดน ปุ่มกดกลไกและป้ายกำกับวิศวกรรม"
|
|
510
|
+
},
|
|
511
|
+
{
|
|
512
|
+
"id": "20",
|
|
513
|
+
"number": 20,
|
|
514
|
+
"name": "Neo-Neumorphism (Soft Extruded Dark Matte)",
|
|
515
|
+
"archetypeTitle": "Neo-Neumorphism Soft Extruded Dark Matte (20)",
|
|
516
|
+
"group": "Group D: Tactile, Hardware & Skeuomorphic Revival",
|
|
517
|
+
"keywords": [
|
|
518
|
+
"neumorphism",
|
|
519
|
+
"neo-neumorphism",
|
|
520
|
+
"extruded",
|
|
521
|
+
"dark matte",
|
|
522
|
+
"smart home",
|
|
523
|
+
"remote",
|
|
524
|
+
"automotive",
|
|
525
|
+
"rubber"
|
|
526
|
+
],
|
|
527
|
+
"spatialModel": "Dual Extruded Soft Convex/Concave Surfaces with LED Pinpoints",
|
|
528
|
+
"primaryColor": "Neon Status LED (oklch(0.86 0.24 150)) / #00FF88",
|
|
529
|
+
"secondaryColor": "Highlight Lip (oklch(0.26 0.01 260)) / #272A30",
|
|
530
|
+
"surfaceContrast": "Matte Vulcan (#1E2025) with Opposing Ambient Shadows",
|
|
531
|
+
"typography": "DM Sans (Medium, Clean Geometric)",
|
|
532
|
+
"motionProfile": "Depressed Surface Settle (80ms tactile damping)",
|
|
533
|
+
"presetLink": null,
|
|
534
|
+
"presetId": null,
|
|
535
|
+
"vibe": "รีโมตคอนโทรลรถสปอร์ต แผงควบคุมสมาร์ทโฮมระดับไฮเอนด์ พื้นผิวยางด้านที่มีไฟ LED"
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"id": "21",
|
|
539
|
+
"number": 21,
|
|
540
|
+
"name": "Analog Print & Risograph Texture",
|
|
541
|
+
"archetypeTitle": "Analog Print & Risograph Texture Studio (21)",
|
|
542
|
+
"group": "Group D: Tactile, Hardware & Skeuomorphic Revival",
|
|
543
|
+
"keywords": [
|
|
544
|
+
"risograph",
|
|
545
|
+
"print",
|
|
546
|
+
"analog",
|
|
547
|
+
"halftone",
|
|
548
|
+
"texture",
|
|
549
|
+
"illustration",
|
|
550
|
+
"cafe",
|
|
551
|
+
"ink",
|
|
552
|
+
"stamp"
|
|
553
|
+
],
|
|
554
|
+
"spatialModel": "Overlapping Layered Screen Print with 2px Stamp Misregistration",
|
|
555
|
+
"primaryColor": "Risograph Blue (oklch(0.55 0.20 240)) / #0078BF",
|
|
556
|
+
"secondaryColor": "Fluorescent Pink (oklch(0.68 0.28 350)) / #FF48B0",
|
|
557
|
+
"surfaceContrast": "Unbleached Paper (#F2ECE1) with Multiply Blend Noise",
|
|
558
|
+
"typography": "Fraunces (Chunky Retro Serif) + Space Mono",
|
|
559
|
+
"motionProfile": "Stutter Stamp / Page Flip (120ms tactile step)",
|
|
560
|
+
"presetLink": null,
|
|
561
|
+
"presetId": null,
|
|
562
|
+
"vibe": "สตูดิโออิลลัสเตรชัน คาเฟ่สเปเชียลตี้ งานสิ่งพิมพ์ที่มีเสน่ห์ของเม็ดสีซ้อนทับกัน"
|
|
563
|
+
},
|
|
564
|
+
{
|
|
565
|
+
"id": "22",
|
|
566
|
+
"number": 22,
|
|
567
|
+
"name": "Luxury Horology (Watchmaker Precision)",
|
|
568
|
+
"archetypeTitle": "Luxury Horology & Watchmaker Precision (22)",
|
|
569
|
+
"group": "Group D: Tactile, Hardware & Skeuomorphic Revival",
|
|
570
|
+
"keywords": [
|
|
571
|
+
"horology",
|
|
572
|
+
"watchmaker",
|
|
573
|
+
"swiss watch",
|
|
574
|
+
"luxury",
|
|
575
|
+
"chronograph",
|
|
576
|
+
"caliber",
|
|
577
|
+
"guilloche",
|
|
578
|
+
"bezel"
|
|
579
|
+
],
|
|
580
|
+
"spatialModel": "Radial Degree Ticks & Conic-Gradient Circular Caliber Gauges",
|
|
581
|
+
"primaryColor": "Rose Gold (oklch(0.72 0.12 50)) / #C88A65",
|
|
582
|
+
"secondaryColor": "Super-LumiNova Green (oklch(0.88 0.22 145)) / #76FF9B",
|
|
583
|
+
"surfaceContrast": "Rhodium Dark (#0E1013) with Brushed Metal Sheen",
|
|
584
|
+
"typography": "Cinzel (Engraved Display) + JetBrains Mono (Caliber Specs)",
|
|
585
|
+
"motionProfile": "Smooth Sweep Second Hand (60Hz continuous rotation)",
|
|
586
|
+
"presetLink": null,
|
|
587
|
+
"presetId": null,
|
|
588
|
+
"vibe": "กลไกนาฬิกาสวิส งานวิศวกรรมระดับไมครอน พื้นผิวโลหะปัดเสี้ยน"
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"id": "23",
|
|
592
|
+
"number": 23,
|
|
593
|
+
"name": "Retro-Futuristic Braun / Dieter Rams",
|
|
594
|
+
"archetypeTitle": "Retro-Futuristic Braun & Dieter Rams (23)",
|
|
595
|
+
"group": "Group D: Tactile, Hardware & Skeuomorphic Revival",
|
|
596
|
+
"keywords": [
|
|
597
|
+
"braun",
|
|
598
|
+
"dieter rams",
|
|
599
|
+
"less but better",
|
|
600
|
+
"retro-futuristic",
|
|
601
|
+
"1970s",
|
|
602
|
+
"toggle",
|
|
603
|
+
"clean",
|
|
604
|
+
"functional"
|
|
605
|
+
],
|
|
606
|
+
"spatialModel": "Strict Modular Flush-Left Grid with Physical Toggle Switches",
|
|
607
|
+
"primaryColor": "Rams Orange (oklch(0.62 0.22 45)) / #E04F16 (Strictly Active State)",
|
|
608
|
+
"secondaryColor": "Muted Olive (oklch(0.55 0.04 110)) / #7A7D72",
|
|
609
|
+
"surfaceContrast": "Rams Off-White (#EFECE6) with Bakelite Black (#181818)",
|
|
610
|
+
"typography": "Helvetica Neue / Akzidenz-Grotesk (Flush-Left Alignment)",
|
|
611
|
+
"motionProfile": "Physical Toggle Click (60ms snappy switch)",
|
|
612
|
+
"presetLink": null,
|
|
613
|
+
"presetId": null,
|
|
614
|
+
"vibe": "'Less, but better' — ความคลาสสิกยุค 1960s-70s ที่สะอาดตา ซื่อตรงต่อฟังก์ชัน"
|
|
615
|
+
},
|
|
616
|
+
{
|
|
617
|
+
"id": "24",
|
|
618
|
+
"number": 24,
|
|
619
|
+
"name": "Glass & Prismatic Refraction",
|
|
620
|
+
"archetypeTitle": "Glass & Prismatic Refraction Lens (24)",
|
|
621
|
+
"group": "Group D: Tactile, Hardware & Skeuomorphic Revival",
|
|
622
|
+
"keywords": [
|
|
623
|
+
"prismatic",
|
|
624
|
+
"refraction",
|
|
625
|
+
"glass",
|
|
626
|
+
"lens",
|
|
627
|
+
"camera",
|
|
628
|
+
"crystal",
|
|
629
|
+
"dispersion",
|
|
630
|
+
"frosted"
|
|
631
|
+
],
|
|
632
|
+
"spatialModel": "Layered Refractive Borders with 1px Multi-Offset Chromatic Shadows",
|
|
633
|
+
"primaryColor": "Frosted Spectral Cyan (oklch(0.92 0.12 210))",
|
|
634
|
+
"secondaryColor": "Spectral Magenta (oklch(0.75 0.20 330))",
|
|
635
|
+
"surfaceContrast": "Deep Twilight (#090A10) with Frosted White (rgba 0.07)",
|
|
636
|
+
"typography": "Outfit (Light/Regular Clean Hierarchy)",
|
|
637
|
+
"motionProfile": "Dispersion Flare on Tilt/Scroll (180ms ease-out)",
|
|
638
|
+
"presetLink": null,
|
|
639
|
+
"presetId": null,
|
|
640
|
+
"vibe": "เลนส์กล้องระดับโปร คริสตัลเจียระไน งานศิลปะแสงเงาที่หักเหผ่านกระจกหนา"
|
|
641
|
+
},
|
|
642
|
+
{
|
|
643
|
+
"id": "25",
|
|
644
|
+
"number": 25,
|
|
645
|
+
"name": "Neo-Brutalism (High-Craft Commercial)",
|
|
646
|
+
"archetypeTitle": "Neo-Brutalism High-Craft Commercial (25)",
|
|
647
|
+
"group": "Group E: Bold, Creative Agency & Experimental",
|
|
648
|
+
"keywords": [
|
|
649
|
+
"neo-brutalism",
|
|
650
|
+
"brutalist",
|
|
651
|
+
"gumroad",
|
|
652
|
+
"figma config",
|
|
653
|
+
"thick borders",
|
|
654
|
+
"hard shadows",
|
|
655
|
+
"bold",
|
|
656
|
+
"acid yellow"
|
|
657
|
+
],
|
|
658
|
+
"spatialModel": "Mandatory 2px Solid Black Borders with Hard 4px Unblurred Offset Shadows",
|
|
659
|
+
"primaryColor": "Acid Yellow (oklch(0.92 0.24 100)) / #FFDE00",
|
|
660
|
+
"secondaryColor": "Electric Lavender (oklch(0.76 0.18 300)) / #C4A1FF",
|
|
661
|
+
"surfaceContrast": "Cream Canvas (#FFFDF8) with Pitch Black Lines (#000000)",
|
|
662
|
+
"typography": "Lexend Mega / Cabinet Grotesk (Black) + Public Sans",
|
|
663
|
+
"motionProfile": "Hard Offset Shift (translate -2px, -2px on hover with expanded shadow)",
|
|
664
|
+
"presetLink": null,
|
|
665
|
+
"presetId": null,
|
|
666
|
+
"vibe": "Gumroad, Figma Config — สดใส กล้าหาญ เส้นขอบดำหนาและเงาแข็ง"
|
|
667
|
+
},
|
|
668
|
+
{
|
|
669
|
+
"id": "26",
|
|
670
|
+
"number": 26,
|
|
671
|
+
"name": "Kinetic Typography & Marquee Studio",
|
|
672
|
+
"archetypeTitle": "Kinetic Typography & Marquee Studio (26)",
|
|
673
|
+
"group": "Group E: Bold, Creative Agency & Experimental",
|
|
674
|
+
"keywords": [
|
|
675
|
+
"kinetic",
|
|
676
|
+
"typography",
|
|
677
|
+
"marquee",
|
|
678
|
+
"creative agency",
|
|
679
|
+
"studio",
|
|
680
|
+
"awwwards",
|
|
681
|
+
"ticker",
|
|
682
|
+
"skew"
|
|
683
|
+
],
|
|
684
|
+
"spatialModel": "Infinite Horizontal Marquee Ribbon with Magnetic Follower Cursor",
|
|
685
|
+
"primaryColor": "Acid Lime (oklch(0.92 0.26 125)) / #D4FF00",
|
|
686
|
+
"secondaryColor": "Off-White Text (oklch(0.96 0.01 90)) / #F5F5F3",
|
|
687
|
+
"surfaceContrast": "Stark Black (#0B0B0B) Canvas",
|
|
688
|
+
"typography": "Clash Display / Monument Extended (Ultra-Wide Uppercase)",
|
|
689
|
+
"motionProfile": "Scroll Velocity Proportional Skew & Marquee Accel",
|
|
690
|
+
"presetLink": null,
|
|
691
|
+
"presetId": null,
|
|
692
|
+
"vibe": "เอเจนซี่โฆษณา สตูดิโอโปรดักชัน ตัวอักษรมีชีวิตและเคลื่อนไหวตลอดเวลา"
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"id": "27",
|
|
696
|
+
"number": 27,
|
|
697
|
+
"name": "Y2K Chrome & Acid Cyber",
|
|
698
|
+
"archetypeTitle": "Y2K Chrome & Acid Cyber Aesthetic (27)",
|
|
699
|
+
"group": "Group E: Bold, Creative Agency & Experimental",
|
|
700
|
+
"keywords": [
|
|
701
|
+
"y2k",
|
|
702
|
+
"chrome",
|
|
703
|
+
"acid",
|
|
704
|
+
"cyber",
|
|
705
|
+
"streetwear",
|
|
706
|
+
"metallic",
|
|
707
|
+
"starburst",
|
|
708
|
+
"glitch",
|
|
709
|
+
"rave"
|
|
710
|
+
],
|
|
711
|
+
"spatialModel": "Floating Sticker Badges with Starburst Ornaments & Chamfered Cards",
|
|
712
|
+
"primaryColor": "Liquid Silver Chrome (linear-gradient metallic specular)",
|
|
713
|
+
"secondaryColor": "Hyper Pink (oklch(0.65 0.32 350)) / #FF0055",
|
|
714
|
+
"surfaceContrast": "Pitch Black (#050505) with Acid Green (#00FF66) Accents",
|
|
715
|
+
"typography": "Stretched Display Headers + OCR-A / VT323 Monospace",
|
|
716
|
+
"motionProfile": "Glitch Shift & Chrome Shimmer on Hover",
|
|
717
|
+
"presetLink": null,
|
|
718
|
+
"presetId": null,
|
|
719
|
+
"vibe": "แฟชั่นสตรีทแวร์ คอนเสิร์ตอิเล็กทรอนิกส์ จัดจ้านสะดุดตา"
|
|
720
|
+
},
|
|
721
|
+
{
|
|
722
|
+
"id": "28",
|
|
723
|
+
"number": 28,
|
|
724
|
+
"name": "Biophilic & Organic Wellness",
|
|
725
|
+
"archetypeTitle": "Biophilic & Organic Wellness Sanctuary (28)",
|
|
726
|
+
"group": "Group E: Bold, Creative Agency & Experimental",
|
|
727
|
+
"keywords": [
|
|
728
|
+
"biophilic",
|
|
729
|
+
"organic",
|
|
730
|
+
"wellness",
|
|
731
|
+
"resort",
|
|
732
|
+
"health",
|
|
733
|
+
"spa",
|
|
734
|
+
"terracotta",
|
|
735
|
+
"olive",
|
|
736
|
+
"curves"
|
|
737
|
+
],
|
|
738
|
+
"spatialModel": "Fluid Dynamic Border-Radii with Curved Organic Asymmetry",
|
|
739
|
+
"primaryColor": "Terracotta Earth (oklch(0.62 0.14 45)) / #C87D65",
|
|
740
|
+
"secondaryColor": "Deep Olive (oklch(0.35 0.05 135)) / #2E3B30",
|
|
741
|
+
"surfaceContrast": "Warm Sand (#F5EFE6) with Soft Clay (#E6D7C3)",
|
|
742
|
+
"typography": "Fraunces (Soft Organic Curves) + Plus Jakarta Sans",
|
|
743
|
+
"motionProfile": "Breathing Ambient Morph (6s ease-in-out infinite)",
|
|
744
|
+
"presetLink": null,
|
|
745
|
+
"presetId": null,
|
|
746
|
+
"vibe": "คลินิกเวชศาสตร์ชะลอวัย รีสอร์ตธรรมชาติ เส้นสายโค้งมนเหมือนสายน้ำและก้อนหิน"
|
|
747
|
+
},
|
|
748
|
+
{
|
|
749
|
+
"id": "29",
|
|
750
|
+
"number": 29,
|
|
751
|
+
"name": "AI-Native Ambient Interface (Zero-UI)",
|
|
752
|
+
"archetypeTitle": "AI-Native Ambient Interface & Zero-UI (29)",
|
|
753
|
+
"group": "Group E: Bold, Creative Agency & Experimental",
|
|
754
|
+
"keywords": [
|
|
755
|
+
"ai-native",
|
|
756
|
+
"zero-ui",
|
|
757
|
+
"ambient",
|
|
758
|
+
"prompt",
|
|
759
|
+
"conversational",
|
|
760
|
+
"aurora",
|
|
761
|
+
"streaming",
|
|
762
|
+
"thinking"
|
|
763
|
+
],
|
|
764
|
+
"spatialModel": "Centered Floating Command Bar with Responsive Conversation Canvas",
|
|
765
|
+
"primaryColor": "Aurora Glowing Gradient (oklch(0.65 0.22 275) to oklch(0.72 0.20 340))",
|
|
766
|
+
"secondaryColor": "Muted Aura Indigo (rgba(99, 102, 241, 0.15))",
|
|
767
|
+
"surfaceContrast": "Alabaster (#F8FAFC) or Obsidian Void (#090A0F)",
|
|
768
|
+
"typography": "Inter (Variable Weight, Ultra-Clean Hierarchy)",
|
|
769
|
+
"motionProfile": "Fluid Staggered Token Stream + Ambient Breathing Aura",
|
|
770
|
+
"presetLink": null,
|
|
771
|
+
"presetId": null,
|
|
772
|
+
"vibe": "ระบบปฏิบัติการ AI ยุคถัดไป ลดทอนปุ่มกด เหลือเพียงพื้นที่สนทนาและการ์ดผลลัพธ์"
|
|
773
|
+
},
|
|
774
|
+
{
|
|
775
|
+
"id": "30",
|
|
776
|
+
"number": 30,
|
|
777
|
+
"name": "Hyper-Minimalist Scrollytelling (Apple Pro Product Page)",
|
|
778
|
+
"archetypeTitle": "Hyper-Minimalist Scrollytelling & Pro Product Stage (30)",
|
|
779
|
+
"group": "Group E: Bold, Creative Agency & Experimental",
|
|
780
|
+
"keywords": [
|
|
781
|
+
"apple",
|
|
782
|
+
"scrollytelling",
|
|
783
|
+
"pro product",
|
|
784
|
+
"iphone",
|
|
785
|
+
"hardware showcase",
|
|
786
|
+
"titanium",
|
|
787
|
+
"flagship",
|
|
788
|
+
"sticky"
|
|
789
|
+
],
|
|
790
|
+
"spatialModel": "Sticky Viewport Stage (300vh Outer Track with 100dvh Inner Viewport)",
|
|
791
|
+
"primaryColor": "Pure White Text (oklch(1.0 0 0)) / #F5F5F7",
|
|
792
|
+
"secondaryColor": "Titanium Grey (oklch(0.65 0.01 250)) / #86868B",
|
|
793
|
+
"surfaceContrast": "Pure OLED Black (#000000) Canvas with Zero Gradients",
|
|
794
|
+
"typography": "SF Pro Display / Inter (Tight Tracking -0.03em)",
|
|
795
|
+
"motionProfile": "Scroll-Linked Progress (Exact Frame-by-Frame Interpolation)",
|
|
796
|
+
"presetLink": "apple (Apple Human Interface & Product Showcase)",
|
|
797
|
+
"presetId": "apple",
|
|
798
|
+
"vibe": "หน้าเปิดตัวสินค้าเรือธง เล่าเรื่องทีละเฟรมอย่างทรงพลัง ดราม่า สะกดสายตา"
|
|
799
|
+
},
|
|
800
|
+
{
|
|
801
|
+
"id": "31",
|
|
802
|
+
"number": 31,
|
|
803
|
+
"name": "Mission Control / High-Performance HMI (ISA-101 Standard)",
|
|
804
|
+
"archetypeTitle": "Mission Control & ISA-101 High-Performance HMI (31)",
|
|
805
|
+
"group": "Group F: Mission-Critical Engineering & Operational Systems",
|
|
806
|
+
"keywords": [
|
|
807
|
+
"mission control",
|
|
808
|
+
"hmi",
|
|
809
|
+
"isa-101",
|
|
810
|
+
"alarms",
|
|
811
|
+
"scada",
|
|
812
|
+
"plant",
|
|
813
|
+
"satellite",
|
|
814
|
+
"telemetry",
|
|
815
|
+
"operator"
|
|
816
|
+
],
|
|
817
|
+
"spatialModel": "High-Density Greyscale Matrix with Reserved State-Color Alarms",
|
|
818
|
+
"primaryColor": "Critical Alarm Flash (oklch(0.58 0.24 25)) / #EF4444",
|
|
819
|
+
"secondaryColor": "Advisory Warning (oklch(0.75 0.18 75)) / #F59E0B",
|
|
820
|
+
"surfaceContrast": "Muted Greyscale (#18191B) with Surface (#222428)",
|
|
821
|
+
"typography": "Geist Mono / JetBrains Mono + Plus Jakarta Sans",
|
|
822
|
+
"motionProfile": "1Hz Unacknowledged Alarm Blink / Instant Switch (0ms)",
|
|
823
|
+
"presetLink": null,
|
|
824
|
+
"presetId": null,
|
|
825
|
+
"vibe": "ระบบควบคุมโรงกลั่น โครงข่ายไฟฟ้า หรือศูนย์เฝ้าระวังดาวเทียม ตามมาตรฐาน ISA-101"
|
|
826
|
+
},
|
|
827
|
+
{
|
|
828
|
+
"id": "32",
|
|
829
|
+
"number": 32,
|
|
830
|
+
"name": "Geospatial Situation Awareness (GIS & Cadastre)",
|
|
831
|
+
"archetypeTitle": "Geospatial Situation Awareness & GIS Cadastre (32)",
|
|
832
|
+
"group": "Group F: Mission-Critical Engineering & Operational Systems",
|
|
833
|
+
"keywords": [
|
|
834
|
+
"gis",
|
|
835
|
+
"cadastre",
|
|
836
|
+
"geospatial",
|
|
837
|
+
"map",
|
|
838
|
+
"parcels",
|
|
839
|
+
"survey",
|
|
840
|
+
"land",
|
|
841
|
+
"situation awareness",
|
|
842
|
+
"utm",
|
|
843
|
+
"แผนที่",
|
|
844
|
+
"ที่ดิน"
|
|
845
|
+
],
|
|
846
|
+
"spatialModel": "16:10 / 100dvh Map Canvas with Linked Selection Inspector",
|
|
847
|
+
"primaryColor": "Cadastral Gold (oklch(0.75 0.18 75)) / #F59E0B",
|
|
848
|
+
"secondaryColor": "Vertex Cyan (oklch(0.74 0.16 210)) / #06B6D4",
|
|
849
|
+
"surfaceContrast": "Deep Slate (#0F172A) with Viewport Neutral (#1E293B)",
|
|
850
|
+
"typography": "Plus Jakarta Sans (UI) + Geist Mono (UTM Coordinates)",
|
|
851
|
+
"motionProfile": "Precision Pan/Zoom Interpolation (140ms ease-out)",
|
|
852
|
+
"presetLink": "metha (Metha Engineering Cockpit)",
|
|
853
|
+
"presetId": "metha",
|
|
854
|
+
"vibe": "แพลตฟอร์มจัดการแปลงที่ดิน กรมที่ดิน และผังเมืองเชิงพื้นที่ความละเอียดสูง"
|
|
855
|
+
},
|
|
856
|
+
{
|
|
857
|
+
"id": "33",
|
|
858
|
+
"number": 33,
|
|
859
|
+
"name": "CAD Precision Workbench",
|
|
860
|
+
"archetypeTitle": "CAD Precision Workbench & Drafter Cockpit (33)",
|
|
861
|
+
"group": "Group F: Mission-Critical Engineering & Operational Systems",
|
|
862
|
+
"keywords": [
|
|
863
|
+
"cad",
|
|
864
|
+
"precision",
|
|
865
|
+
"workbench",
|
|
866
|
+
"drafting",
|
|
867
|
+
"autocad",
|
|
868
|
+
"civil 3d",
|
|
869
|
+
"snap",
|
|
870
|
+
"crosshair",
|
|
871
|
+
"drawing"
|
|
872
|
+
],
|
|
873
|
+
"spatialModel": "Maximized Drafter Canvas with Floating Bottom Command Line & Right Inspector",
|
|
874
|
+
"primaryColor": "Selection Blue (oklch(0.62 0.22 255)) / #3B82F6",
|
|
875
|
+
"secondaryColor": "Snap Crosshair Magenta (oklch(0.68 0.26 340)) / #EC4899",
|
|
876
|
+
"surfaceContrast": "Drafter Void (#121316) with 6% Hairline Grid",
|
|
877
|
+
"typography": "Geist Mono (Command Line Prompt & Coordinate HUD)",
|
|
878
|
+
"motionProfile": "Instant Coordinate HUD Refresh (0ms precision snapping)",
|
|
879
|
+
"presetLink": null,
|
|
880
|
+
"presetId": null,
|
|
881
|
+
"vibe": "ซอฟต์แวร์เขียนแบบวิศวกรรม คำนวณโครงสร้าง และรังวัดทำแผนที่ (AutoCAD/Civil 3D Web)"
|
|
882
|
+
},
|
|
883
|
+
{
|
|
884
|
+
"id": "34",
|
|
885
|
+
"number": 34,
|
|
886
|
+
"name": "Telemetry & Signal Forensics",
|
|
887
|
+
"archetypeTitle": "Telemetry & Signal Forensics Workbench (34)",
|
|
888
|
+
"group": "Group F: Mission-Critical Engineering & Operational Systems",
|
|
889
|
+
"keywords": [
|
|
890
|
+
"telemetry",
|
|
891
|
+
"signal",
|
|
892
|
+
"forensics",
|
|
893
|
+
"gnss",
|
|
894
|
+
"sensor",
|
|
895
|
+
"vibration",
|
|
896
|
+
"scrubbing",
|
|
897
|
+
"time-series",
|
|
898
|
+
"drift"
|
|
899
|
+
],
|
|
900
|
+
"spatialModel": "Linked Time-Series Scrubbing Charts with Gap & Stale Data Indicators",
|
|
901
|
+
"primaryColor": "Signal Green (oklch(0.72 0.20 145)) / #22C55E",
|
|
902
|
+
"secondaryColor": "Baseline Drift Violet (oklch(0.62 0.24 290)) / #8B5CF6",
|
|
903
|
+
"surfaceContrast": "Pure Carbon (#0B0C0E) with Surface Gridlines",
|
|
904
|
+
"typography": "Geist Mono (High-Density Tabular-Nums)",
|
|
905
|
+
"motionProfile": "Synchronized Crosshair Scrubbing (60fps requestAnimationFrame)",
|
|
906
|
+
"presetLink": "tesla (Tesla Cybertruck & In-Vehicle Telemetry)",
|
|
907
|
+
"presetId": "tesla",
|
|
908
|
+
"vibe": "ระบบวิเคราะห์การสั่นสะเทือน โครงสร้างสะพานเขื่อน และการเคลื่อนตัวของแผ่นเปลือกโลก (GNSS Baseline)"
|
|
909
|
+
},
|
|
910
|
+
{
|
|
911
|
+
"id": "35",
|
|
912
|
+
"number": 35,
|
|
913
|
+
"name": "Anomaly Triage & Incident Response",
|
|
914
|
+
"archetypeTitle": "Anomaly Triage & Incident Response Queue (35)",
|
|
915
|
+
"group": "Group F: Mission-Critical Engineering & Operational Systems",
|
|
916
|
+
"keywords": [
|
|
917
|
+
"anomaly",
|
|
918
|
+
"triage",
|
|
919
|
+
"incident",
|
|
920
|
+
"response",
|
|
921
|
+
"alert",
|
|
922
|
+
"priority queue",
|
|
923
|
+
"severity",
|
|
924
|
+
"security"
|
|
925
|
+
],
|
|
926
|
+
"spatialModel": "Priority Queue Workflow with Severity vs Confidence Matrix",
|
|
927
|
+
"primaryColor": "Severity Critical High (oklch(0.55 0.24 28)) / #DC2626",
|
|
928
|
+
"secondaryColor": "Medium Warning (oklch(0.68 0.20 50)) / #EA580C",
|
|
929
|
+
"surfaceContrast": "Charcoal Matrix (#111215) with Border Severity Badges",
|
|
930
|
+
"typography": "Public Sans + Geist Mono",
|
|
931
|
+
"motionProfile": "Snappy Item Dismissal / Drawer Slide (140ms ease-out)",
|
|
932
|
+
"presetLink": null,
|
|
933
|
+
"presetId": null,
|
|
934
|
+
"vibe": "คอนโซลคัดกรองความผิดปกติ คลื่นรังวัดเพี้ยน หรือหมุดสำรวจเคลื่อนตัวผิดปกติ"
|
|
935
|
+
},
|
|
936
|
+
{
|
|
937
|
+
"id": "36",
|
|
938
|
+
"number": 36,
|
|
939
|
+
"name": "Field Survey & Offline Operations",
|
|
940
|
+
"archetypeTitle": "Field Survey & Rugged Tablet Offline Operations (36)",
|
|
941
|
+
"group": "Group F: Mission-Critical Engineering & Operational Systems",
|
|
942
|
+
"keywords": [
|
|
943
|
+
"field survey",
|
|
944
|
+
"surveying",
|
|
945
|
+
"offline",
|
|
946
|
+
"rtk",
|
|
947
|
+
"leica",
|
|
948
|
+
"trimble",
|
|
949
|
+
"rugged",
|
|
950
|
+
"touch target",
|
|
951
|
+
"gnss",
|
|
952
|
+
"รังวัดสนาม"
|
|
953
|
+
],
|
|
954
|
+
"spatialModel": "Ultra-Large Touch Targets (>= 52px) with High-Contrast Outdoor Stage",
|
|
955
|
+
"primaryColor": "RTK Fix Green (oklch(0.58 0.20 145)) / #15803D",
|
|
956
|
+
"secondaryColor": "Float Warning Orange (oklch(0.58 0.18 45)) / #C2410C",
|
|
957
|
+
"surfaceContrast": "High-Contrast Outdoor Daylight (#FFFFFF / #000000) or Dark HUD (#0A0A0C)",
|
|
958
|
+
"typography": "Oversized Plus Jakarta Sans (Large Touch Legibility)",
|
|
959
|
+
"motionProfile": "Instant Touch Confirmation (Haptic & High-Contrast State)",
|
|
960
|
+
"presetLink": null,
|
|
961
|
+
"presetId": null,
|
|
962
|
+
"vibe": "แอปแท็บเล็ตและอุปกรณ์รังวัดสมบุกสมบันในสนามกลางแจ้ง (Leica Captivate / Trimble Access)"
|
|
963
|
+
},
|
|
964
|
+
{
|
|
965
|
+
"id": "37",
|
|
966
|
+
"number": 37,
|
|
967
|
+
"name": "Spatiotemporal Change Detection",
|
|
968
|
+
"archetypeTitle": "Spatiotemporal Change Detection & Epoch Slider (37)",
|
|
969
|
+
"group": "Group F: Mission-Critical Engineering & Operational Systems",
|
|
970
|
+
"keywords": [
|
|
971
|
+
"spatiotemporal",
|
|
972
|
+
"change detection",
|
|
973
|
+
"epoch",
|
|
974
|
+
"time slider",
|
|
975
|
+
"split view",
|
|
976
|
+
"satellite imagery",
|
|
977
|
+
"drone",
|
|
978
|
+
"before after"
|
|
979
|
+
],
|
|
980
|
+
"spatialModel": "Synchronized Dual Viewport (1:1 Cursor & Zoom Link) with Epoch Slider",
|
|
981
|
+
"primaryColor": "Added Features Emerald (oklch(0.70 0.18 145)) / #10B981",
|
|
982
|
+
"secondaryColor": "Removed Features Crimson (oklch(0.58 0.24 25)) / #EF4444",
|
|
983
|
+
"surfaceContrast": "Neutral Dark Stage (#141518) with Modified Amber Accents",
|
|
984
|
+
"typography": "Geist Sans + Geist Mono",
|
|
985
|
+
"motionProfile": "Smooth Epoch Scrubbing & Split Slider Interpolation",
|
|
986
|
+
"presetLink": null,
|
|
987
|
+
"presetId": null,
|
|
988
|
+
"vibe": "การตรวจจับการบุกรุกพื้นที่ การเปลี่ยนแปลงของตลิ่งแม่น้ำ หรือความคืบหน้างานก่อสร้างรายสัปดาห์"
|
|
989
|
+
},
|
|
990
|
+
{
|
|
991
|
+
"id": "38",
|
|
992
|
+
"number": 38,
|
|
993
|
+
"name": "Cadastral Survey & QA/QC Workbench",
|
|
994
|
+
"archetypeTitle": "Cadastral Survey & Data Provenance (38)",
|
|
995
|
+
"group": "Group F: Mission-Critical Engineering & Operational Systems",
|
|
996
|
+
"keywords": [
|
|
997
|
+
"cadastre",
|
|
998
|
+
"survey",
|
|
999
|
+
"qa/qc",
|
|
1000
|
+
"tolerance",
|
|
1001
|
+
"utm",
|
|
1002
|
+
"geospatial",
|
|
1003
|
+
"coordinates",
|
|
1004
|
+
"land",
|
|
1005
|
+
"provenance",
|
|
1006
|
+
"boundary",
|
|
1007
|
+
"รังวัด",
|
|
1008
|
+
"ที่ดิน",
|
|
1009
|
+
"สำรวจ",
|
|
1010
|
+
"งานสำรวจ"
|
|
1011
|
+
],
|
|
1012
|
+
"spatialModel": "16:10 / 100dvh Map-Centric with Split Data Grid",
|
|
1013
|
+
"primaryColor": "Electric Cyan (oklch(0.85 0.18 200))",
|
|
1014
|
+
"secondaryColor": "Passed Emerald (oklch(0.72 0.18 145))",
|
|
1015
|
+
"surfaceContrast": "Ultra-Dark Obsidian (#0a0d14)",
|
|
1016
|
+
"typography": "JetBrains Mono + IBM Plex Sans Thai",
|
|
1017
|
+
"motionProfile": "Precision Linear (120ms max)",
|
|
1018
|
+
"presetLink": "metha (Metha Engineering Cockpit)",
|
|
1019
|
+
"presetId": "metha",
|
|
1020
|
+
"vibe": "ระบบตรวจรับงานสำรวจ ตรวจสอบความถูกต้องของเส้นชั้นความสูง และรายงานค่าพิกัดตามมาตรฐานกรมที่ดิน"
|
|
1021
|
+
}
|
|
1022
|
+
]
|
|
1023
|
+
}
|