feat: whyrating - initial project from turbostarter boilerplate
This commit is contained in:
Alejandro Gutiérrez
@@ -0,0 +1,231 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 200,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 300,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "description-text",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 350,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 420,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 500,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-link",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 580,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,311 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 120,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 200,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card",
|
||||
"type": "rectangle",
|
||||
"x": 180,
|
||||
"y": 280,
|
||||
"width": 360,
|
||||
"height": 200,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 300,
|
||||
"width": 80,
|
||||
"height": 80,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-name",
|
||||
"type": "rectangle",
|
||||
"x": 260,
|
||||
"y": 400,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "inviter-name",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 434,
|
||||
"width": 160,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 458,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["invitation-card-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 520,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-link",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 590,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "wrong-account-link",
|
||||
"type": "rectangle",
|
||||
"x": 260,
|
||||
"y": 640,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,351 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 80,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 240,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 300,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-link",
|
||||
"type": "rectangle",
|
||||
"x": 400,
|
||||
"y": 360,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 400,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 474,
|
||||
"width": 320,
|
||||
"height": 2,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$border",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 464,
|
||||
"width": 120,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 520,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 520,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 520,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "signup-link",
|
||||
"type": "rectangle",
|
||||
"x": 240,
|
||||
"y": 600,
|
||||
"width": 240,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,411 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 60,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 120,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 240,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 300,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 360,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "terms-checkbox",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 420,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["terms-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "terms-text",
|
||||
"type": "rectangle",
|
||||
"x": 230,
|
||||
"y": 420,
|
||||
"width": 290,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["terms-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 460,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 534,
|
||||
"width": 320,
|
||||
"height": 2,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$border",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "rectangle",
|
||||
"x": 300,
|
||||
"y": 524,
|
||||
"width": 120,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 580,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 580,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 580,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["oauth-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-link",
|
||||
"type": "rectangle",
|
||||
"x": 240,
|
||||
"y": 660,
|
||||
"width": 240,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["form-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "rectangle",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,891 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 16,
|
||||
"width": 120,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-dashboard",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 100,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-dashboard-icon",
|
||||
"type": "rectangle",
|
||||
"x": 32,
|
||||
"y": 110,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-dashboard-text",
|
||||
"type": "rectangle",
|
||||
"x": 64,
|
||||
"y": 112,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-aitools",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 160,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-aitools-icon",
|
||||
"type": "rectangle",
|
||||
"x": 32,
|
||||
"y": 170,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-aitools-text",
|
||||
"type": "rectangle",
|
||||
"x": 64,
|
||||
"y": 172,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-settings",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 220,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-settings-icon",
|
||||
"type": "rectangle",
|
||||
"x": 32,
|
||||
"y": 230,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-settings-text",
|
||||
"type": "rectangle",
|
||||
"x": 64,
|
||||
"y": 232,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 836,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-support-item",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 780,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-support-icon",
|
||||
"type": "rectangle",
|
||||
"x": 32,
|
||||
"y": 790,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-support-text",
|
||||
"type": "rectangle",
|
||||
"x": 64,
|
||||
"y": 792,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer-user",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 852,
|
||||
"width": 240,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 0,
|
||||
"width": 1160,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-title",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 20,
|
||||
"width": 120,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-user-avatar",
|
||||
"type": "rectangle",
|
||||
"x": 1388,
|
||||
"y": 16,
|
||||
"width": 32,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 16 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-area",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 64,
|
||||
"width": 1160,
|
||||
"height": 836,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 88,
|
||||
"width": 1112,
|
||||
"height": 120,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 108,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-subtitle",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 144,
|
||||
"width": 400,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-subtitle-2",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 168,
|
||||
"width": 300,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 228,
|
||||
"width": 360,
|
||||
"height": 200,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1-icon",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 248,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 312,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1-desc",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 344,
|
||||
"width": 320,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1-desc-2",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 368,
|
||||
"width": 280,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-1-button",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 396,
|
||||
"width": 100,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2",
|
||||
"type": "rectangle",
|
||||
"x": 680,
|
||||
"y": 228,
|
||||
"width": 360,
|
||||
"height": 200,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2-icon",
|
||||
"type": "rectangle",
|
||||
"x": 700,
|
||||
"y": 248,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2-title",
|
||||
"type": "rectangle",
|
||||
"x": 700,
|
||||
"y": 312,
|
||||
"width": 140,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2-desc",
|
||||
"type": "rectangle",
|
||||
"x": 700,
|
||||
"y": 344,
|
||||
"width": 320,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2-desc-2",
|
||||
"type": "rectangle",
|
||||
"x": 700,
|
||||
"y": 368,
|
||||
"width": 260,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-2-button",
|
||||
"type": "rectangle",
|
||||
"x": 700,
|
||||
"y": 396,
|
||||
"width": 100,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3",
|
||||
"type": "rectangle",
|
||||
"x": 1056,
|
||||
"y": 228,
|
||||
"width": 360,
|
||||
"height": 200,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3-icon",
|
||||
"type": "rectangle",
|
||||
"x": 1076,
|
||||
"y": 248,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$success",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3-title",
|
||||
"type": "rectangle",
|
||||
"x": 1076,
|
||||
"y": 312,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3-desc",
|
||||
"type": "rectangle",
|
||||
"x": 1076,
|
||||
"y": 344,
|
||||
"width": 320,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3-desc-2",
|
||||
"type": "rectangle",
|
||||
"x": 1076,
|
||||
"y": 368,
|
||||
"width": 280,
|
||||
"height": 16,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "feature-card-3-button",
|
||||
"type": "rectangle",
|
||||
"x": 1076,
|
||||
"y": 396,
|
||||
"width": 100,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,711 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-logo-placeholder",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 16,
|
||||
"width": 120,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-1",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 100,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-2",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 160,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-item-3",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 220,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-nav-settings-active",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 280,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 836,
|
||||
"width": 280,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sidebar-footer-user",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 852,
|
||||
"width": 240,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 0,
|
||||
"width": 1160,
|
||||
"height": 64,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-title",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 20,
|
||||
"width": 120,
|
||||
"height": 24,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["header-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-area",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 64,
|
||||
"width": 1160,
|
||||
"height": 836,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["content-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "tab-general-active",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 88,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["tabs-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "tab-security",
|
||||
"type": "rectangle",
|
||||
"x": 404,
|
||||
"y": 88,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["tabs-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "tab-billing",
|
||||
"type": "rectangle",
|
||||
"x": 504,
|
||||
"y": 88,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["tabs-group"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "profile-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 140,
|
||||
"width": 700,
|
||||
"height": 280,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "profile-card-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 160,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "avatar-circle",
|
||||
"type": "ellipse",
|
||||
"x": 324,
|
||||
"y": 200,
|
||||
"width": 80,
|
||||
"height": 80,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "avatar-change-button",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 300,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-label",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 200,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-input",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 220,
|
||||
"width": 540,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 280,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 440,
|
||||
"y": 300,
|
||||
"width": 440,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "verified-badge",
|
||||
"type": "rectangle",
|
||||
"x": 900,
|
||||
"y": 308,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "$success",
|
||||
"backgroundColor": "$success",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 12 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "save-profile-button",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 360,
|
||||
"width": 100,
|
||||
"height": 40,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["profile-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 440,
|
||||
"width": 700,
|
||||
"height": 140,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["language-section"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-card-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 460,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["language-section"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-label",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 500,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"strokeColor": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": ["language-section"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "language-dropdown",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 520,
|
||||
"width": 300,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["language-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "dropdown-chevron",
|
||||
"type": "rectangle",
|
||||
"x": 588,
|
||||
"y": 532,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["language-section"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "danger-zone-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 600,
|
||||
"width": 700,
|
||||
"height": 140,
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "$card",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["danger-section"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "danger-zone-title",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 620,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "$destructive",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["danger-section"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "danger-zone-description",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 660,
|
||||
"width": 400,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": ["danger-section"],
|
||||
"roundness": { "type": 3, "value": 2 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "delete-account-button",
|
||||
"type": "rectangle",
|
||||
"x": 324,
|
||||
"y": 700,
|
||||
"width": 140,
|
||||
"height": 40,
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "$destructive",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["danger-section"],
|
||||
"roundness": { "type": 3, "value": 6 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,648 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"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": 160,
|
||||
"height": 40,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"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": "$sidebar-foreground",
|
||||
"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": "admin-badge",
|
||||
"type": "rectangle",
|
||||
"x": 196,
|
||||
"y": 32,
|
||||
"width": 60,
|
||||
"height": 24,
|
||||
"strokeColor": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": ["sidebar-group", "logo-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "admin-badge-text",
|
||||
"type": "text",
|
||||
"x": 206,
|
||||
"y": 36,
|
||||
"width": 40,
|
||||
"height": 16,
|
||||
"strokeColor": "$primary",
|
||||
"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": "Admin",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 10
|
||||
},
|
||||
{
|
||||
"id": "section-divider-1",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 88,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"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": "section-label-admin",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 50,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": ["sidebar-group", "section-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 130,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 130,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Home",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-users",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 168,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-users-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 178,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-users-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 178,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Users",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 216,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 226,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 226,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Organizations",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-customers",
|
||||
"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-admin"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-customers-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 274,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-customers-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 274,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-admin"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Customers",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-2",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 324,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"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-back",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 344,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-back"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-back-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 354,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-back"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-back-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 354,
|
||||
"width": 140,
|
||||
"height": 20,
|
||||
"strokeColor": "$muted",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-back"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Back to Dashboard",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-footer",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 812,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"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": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"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": 838,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"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": "Admin User",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 76,
|
||||
"y": 858,
|
||||
"width": 60,
|
||||
"height": 18,
|
||||
"strokeColor": "$destructive",
|
||||
"backgroundColor": "$destructive",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": ["sidebar-group", "user-group"],
|
||||
"roundness": { "type": 3, "value": 4 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge-text",
|
||||
"type": "text",
|
||||
"x": 86,
|
||||
"y": 860,
|
||||
"width": 40,
|
||||
"height": 14,
|
||||
"strokeColor": "$destructive",
|
||||
"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": "Admin",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,724 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$sidebar",
|
||||
"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": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"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": "$sidebar-foreground",
|
||||
"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": "$border",
|
||||
"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": "section-label-platform",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 70,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": ["sidebar-group", "section-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 130,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 130,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "$card",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Dashboard",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 168,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 178,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 178,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-platform"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "AI Tools",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-2",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 228,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"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": "section-label-manage",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 240,
|
||||
"width": 60,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": ["sidebar-group", "section-manage"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 260,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-manage"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 270,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-manage"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 270,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-manage"],
|
||||
"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-3",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 320,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"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": "section-label-dev",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 332,
|
||||
"width": 30,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$muted",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 50,
|
||||
"groupIds": ["sidebar-group", "section-dev"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 352,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-dev"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 362,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-dev"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 362,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-dev"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Demos",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-bottom",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 700,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"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-support",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 712,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-support-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 722,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-support-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 722,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Support",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 760,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": { "type": 3, "value": 8 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 770,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 770,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["sidebar-group", "nav-bottom"],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Feedback",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-footer",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 812,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "$border",
|
||||
"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": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"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": 846,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "$sidebar-foreground",
|
||||
"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": "User Name",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "dropdown-indicator",
|
||||
"type": "rectangle",
|
||||
"x": 224,
|
||||
"y": 848,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "$muted",
|
||||
"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
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user