534 lines
11 KiB
Plaintext
534 lines
11 KiB
Plaintext
{
|
|
"type": "excalidraw",
|
|
"version": 2,
|
|
"source": "turbostarter-wireframes",
|
|
"elements": [
|
|
{
|
|
"id": "sidebar-container",
|
|
"type": "rectangle",
|
|
"x": 0,
|
|
"y": 0,
|
|
"width": 280,
|
|
"height": 900,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#fafafa",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "logo-area",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 24,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"logo-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "logo-text",
|
|
"type": "text",
|
|
"x": 44,
|
|
"y": 34,
|
|
"width": 80,
|
|
"height": 20,
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"logo-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Logo",
|
|
"fontSize": 16,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 14
|
|
},
|
|
{
|
|
"id": "section-divider-1",
|
|
"type": "line",
|
|
"x": 24,
|
|
"y": 88,
|
|
"width": 232,
|
|
"height": 0,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
232,
|
|
0
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"id": "nav-item-1-active",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 108,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "#f97316",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"nav-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-item-1-text",
|
|
"type": "text",
|
|
"x": 44,
|
|
"y": 118,
|
|
"width": 100,
|
|
"height": 20,
|
|
"strokeColor": "#ffffff",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"nav-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Dashboard",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-item-2",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 160,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"nav-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-item-2-text",
|
|
"type": "text",
|
|
"x": 44,
|
|
"y": 170,
|
|
"width": 100,
|
|
"height": 20,
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"nav-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Browse MCPs",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-item-3",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 212,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"nav-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-item-3-text",
|
|
"type": "text",
|
|
"x": 44,
|
|
"y": 222,
|
|
"width": 100,
|
|
"height": 20,
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"nav-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Bundles",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-item-4",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 264,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"nav-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-item-4-text",
|
|
"type": "text",
|
|
"x": 44,
|
|
"y": 274,
|
|
"width": 100,
|
|
"height": 20,
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"nav-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "My Installs",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "nav-item-5",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 316,
|
|
"width": 232,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"nav-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "nav-item-5-text",
|
|
"type": "text",
|
|
"x": 44,
|
|
"y": 326,
|
|
"width": 100,
|
|
"height": 20,
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"nav-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Settings",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "section-divider-2",
|
|
"type": "line",
|
|
"x": 24,
|
|
"y": 812,
|
|
"width": 232,
|
|
"height": 0,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
232,
|
|
0
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"id": "user-footer",
|
|
"type": "rectangle",
|
|
"x": 24,
|
|
"y": 824,
|
|
"width": 232,
|
|
"height": 64,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"user-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "user-avatar",
|
|
"type": "ellipse",
|
|
"x": 24,
|
|
"y": 836,
|
|
"width": 40,
|
|
"height": 40,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#f5f5f5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"user-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "user-name",
|
|
"type": "text",
|
|
"x": 76,
|
|
"y": 840,
|
|
"width": 120,
|
|
"height": 16,
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"user-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "John Doe",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"baseline": 12
|
|
},
|
|
{
|
|
"id": "user-email",
|
|
"type": "text",
|
|
"x": 76,
|
|
"y": 858,
|
|
"width": 140,
|
|
"height": 14,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group",
|
|
"user-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "john@example.com",
|
|
"fontSize": 12,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"baseline": 10
|
|
}
|
|
],
|
|
"appState": {
|
|
"gridSize": 20,
|
|
"viewBackgroundColor": "$background"
|
|
}
|
|
} |