feat: whyrating - initial project from turbostarter boilerplate
This commit is contained in:
Alejandro Gutiérrez
@@ -0,0 +1,968 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "right-gradient-overlay",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 8,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-1",
|
||||
"type": "ellipse",
|
||||
"x": 800,
|
||||
"y": 100,
|
||||
"width": 200,
|
||||
"height": 200,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 15,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-2",
|
||||
"type": "ellipse",
|
||||
"x": 1200,
|
||||
"y": 600,
|
||||
"width": 300,
|
||||
"height": 300,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 10,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 200,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon-inner",
|
||||
"type": "rectangle",
|
||||
"x": 330,
|
||||
"y": 210,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 368,
|
||||
"y": 208,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 18,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-bg",
|
||||
"type": "ellipse",
|
||||
"x": 336,
|
||||
"y": 290,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-shackle",
|
||||
"type": "rectangle",
|
||||
"x": 350,
|
||||
"y": 298,
|
||||
"width": 20,
|
||||
"height": 14,
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 10
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-body",
|
||||
"type": "rectangle",
|
||||
"x": 346,
|
||||
"y": 310,
|
||||
"width": 28,
|
||||
"height": 20,
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "#737373",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-keyhole",
|
||||
"type": "ellipse",
|
||||
"x": 356,
|
||||
"y": 316,
|
||||
"width": 8,
|
||||
"height": 8,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-title-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 370,
|
||||
"width": 400,
|
||||
"height": 32,
|
||||
"text": "Forgot your password?",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-description-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 410,
|
||||
"width": 400,
|
||||
"height": 40,
|
||||
"text": "No worries! Enter your email address and we'll send you a link to reset your password.",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 478,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 502,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-icon",
|
||||
"type": "rectangle",
|
||||
"x": 172,
|
||||
"y": 516,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 514,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 570,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 582,
|
||||
"width": 400,
|
||||
"height": 20,
|
||||
"text": "Send reset link",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-line",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 658,
|
||||
"width": 16,
|
||||
"height": 2,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-head-top",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 654,
|
||||
"width": 6,
|
||||
"height": 2,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-head-bottom",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 662,
|
||||
"width": 6,
|
||||
"height": 2,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-link-text",
|
||||
"type": "text",
|
||||
"x": 344,
|
||||
"y": 650,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "Back to sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-underline",
|
||||
"type": "rectangle",
|
||||
"x": 344,
|
||||
"y": 668,
|
||||
"width": 92,
|
||||
"height": 1,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 40,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-state-container",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 720,
|
||||
"width": 400,
|
||||
"height": 80,
|
||||
"strokeColor": "#22c55e",
|
||||
"backgroundColor": "#22c55e",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 10,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-state-border",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 720,
|
||||
"width": 400,
|
||||
"height": 80,
|
||||
"strokeColor": "#22c55e",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-icon",
|
||||
"type": "ellipse",
|
||||
"x": 180,
|
||||
"y": 740,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#22c55e",
|
||||
"backgroundColor": "#22c55e",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 20,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-check",
|
||||
"type": "rectangle",
|
||||
"x": 192,
|
||||
"y": 758,
|
||||
"width": 16,
|
||||
"height": 2,
|
||||
"strokeColor": "#22c55e",
|
||||
"backgroundColor": "#22c55e",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-title",
|
||||
"type": "text",
|
||||
"x": 236,
|
||||
"y": 738,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Check your email",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#22c55e",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "success-description",
|
||||
"type": "text",
|
||||
"x": 236,
|
||||
"y": 762,
|
||||
"width": 300,
|
||||
"height": 20,
|
||||
"text": "We've sent a password reset link to your email",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"success-state-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-container",
|
||||
"type": "rectangle",
|
||||
"x": 880,
|
||||
"y": 350,
|
||||
"width": 400,
|
||||
"height": 200,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-bg",
|
||||
"type": "rectangle",
|
||||
"x": 1020,
|
||||
"y": 380,
|
||||
"width": 120,
|
||||
"height": 48,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 1036,
|
||||
"y": 394,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1064,
|
||||
"y": 394,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 880,
|
||||
"y": 452,
|
||||
"width": 400,
|
||||
"height": 24,
|
||||
"text": "Secure access recovery",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-description",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 484,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"text": "Get back into your account quickly and securely with our password recovery system",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,929 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "right-gradient-overlay",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 8,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-1",
|
||||
"type": "ellipse",
|
||||
"x": 800,
|
||||
"y": 100,
|
||||
"width": 200,
|
||||
"height": 200,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 15,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-pattern-circle-2",
|
||||
"type": "ellipse",
|
||||
"x": 1200,
|
||||
"y": 600,
|
||||
"width": 300,
|
||||
"height": 300,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 10,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 120,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon-inner",
|
||||
"type": "rectangle",
|
||||
"x": 330,
|
||||
"y": 130,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 368,
|
||||
"y": 128,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 18,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-title-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 200,
|
||||
"width": 400,
|
||||
"height": 32,
|
||||
"text": "Join Organization",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 240,
|
||||
"width": 400,
|
||||
"height": 20,
|
||||
"text": "You've been invited to join an organization",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card-shadow",
|
||||
"type": "rectangle",
|
||||
"x": 163,
|
||||
"y": 303,
|
||||
"width": 394,
|
||||
"height": 264,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 5,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 16
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 300,
|
||||
"width": 400,
|
||||
"height": 270,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 16
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo-bg",
|
||||
"type": "rectangle",
|
||||
"x": 328,
|
||||
"y": 332,
|
||||
"width": 64,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 16
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo-text",
|
||||
"type": "text",
|
||||
"x": 328,
|
||||
"y": 352,
|
||||
"width": 64,
|
||||
"height": 24,
|
||||
"text": "AC",
|
||||
"fontSize": 22,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-name-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 420,
|
||||
"width": 400,
|
||||
"height": 28,
|
||||
"text": "Acme Corporation",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "inviter-name-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 456,
|
||||
"width": 400,
|
||||
"height": 16,
|
||||
"text": "Invited by John Doe (john@acmecorp.com)",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 492,
|
||||
"width": 100,
|
||||
"height": 28,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"role-badge-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 14
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-icon",
|
||||
"type": "ellipse",
|
||||
"x": 322,
|
||||
"y": 500,
|
||||
"width": 12,
|
||||
"height": 12,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 40,
|
||||
"groupIds": [
|
||||
"role-badge-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge-text",
|
||||
"type": "text",
|
||||
"x": 340,
|
||||
"y": 498,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"text": "Member",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"role-badge-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-expires-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 536,
|
||||
"width": 400,
|
||||
"height": 16,
|
||||
"text": "This invitation expires in 7 days",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 600,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button-icon",
|
||||
"type": "ellipse",
|
||||
"x": 292,
|
||||
"y": 614,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button-text",
|
||||
"type": "text",
|
||||
"x": 316,
|
||||
"y": 612,
|
||||
"width": 150,
|
||||
"height": 20,
|
||||
"text": "Accept invitation",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-button",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 660,
|
||||
"width": 400,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"decline-button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-button-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 672,
|
||||
"width": 400,
|
||||
"height": 20,
|
||||
"text": "Decline",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ef4444",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"decline-button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "wrong-account-text",
|
||||
"type": "text",
|
||||
"x": 248,
|
||||
"y": 730,
|
||||
"width": 120,
|
||||
"height": 16,
|
||||
"text": "Wrong account?",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "right",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sign-out-link-text",
|
||||
"type": "text",
|
||||
"x": 374,
|
||||
"y": 730,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Sign out",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "sign-out-link-underline",
|
||||
"type": "rectangle",
|
||||
"x": 374,
|
||||
"y": 746,
|
||||
"width": 52,
|
||||
"height": 1,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 40,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logged-in-as-text",
|
||||
"type": "text",
|
||||
"x": 160,
|
||||
"y": 770,
|
||||
"width": 400,
|
||||
"height": 14,
|
||||
"text": "Logged in as user@example.com",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-container",
|
||||
"type": "rectangle",
|
||||
"x": 880,
|
||||
"y": 350,
|
||||
"width": 400,
|
||||
"height": 200,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-bg",
|
||||
"type": "rectangle",
|
||||
"x": 1020,
|
||||
"y": 380,
|
||||
"width": 120,
|
||||
"height": 48,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 1036,
|
||||
"y": 394,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1064,
|
||||
"y": 394,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 880,
|
||||
"y": 452,
|
||||
"width": 400,
|
||||
"height": 24,
|
||||
"text": "Collaborate with your team",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-description",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 484,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"text": "Share MCP configurations across your organization and work together seamlessly",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"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
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
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
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,284 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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,384 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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,434 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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,509 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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
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
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,881 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#22c55e",
|
||||
"backgroundColor": "#22c55e",
|
||||
"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": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#ef4444",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#ef4444",
|
||||
"backgroundColor": "#ef4444",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#ef4444",
|
||||
"backgroundColor": "#ef4444",
|
||||
"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,785 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 160,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Logo",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "admin-badge",
|
||||
"type": "rectangle",
|
||||
"x": 196,
|
||||
"y": 32,
|
||||
"width": 60,
|
||||
"height": 24,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-admin",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 50,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#f97316",
|
||||
"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": "#ffffff",
|
||||
"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": "#ffffff",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "nav-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": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 838,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "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": "#ef4444",
|
||||
"backgroundColor": "#ef4444",
|
||||
"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": "#ef4444",
|
||||
"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,886 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Logo",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "section-divider-1",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 88,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-platform",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 70,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#f97316",
|
||||
"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": "#ffffff",
|
||||
"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": "#ffffff",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-manage",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 240,
|
||||
"width": 60,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-dev",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 332,
|
||||
"width": 30,
|
||||
"height": 12,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "nav-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": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 846,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,499 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": 180,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 190,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon",
|
||||
"type": "ellipse",
|
||||
"x": 336,
|
||||
"y": 260,
|
||||
"width": 48,
|
||||
"height": 48,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "lock-icon-inner",
|
||||
"type": "rectangle",
|
||||
"x": 352,
|
||||
"y": 276,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"icon-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 340,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Forgot password?",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-description-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 380,
|
||||
"width": 320,
|
||||
"height": 40,
|
||||
"text": "Enter your email to receive a reset link",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 440,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 460,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 472,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 540,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "send-reset-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 552,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Send reset link",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-arrow-icon",
|
||||
"type": "rectangle",
|
||||
"x": 290,
|
||||
"y": 620,
|
||||
"width": 16,
|
||||
"height": 2,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "back-to-login-link-text",
|
||||
"type": "text",
|
||||
"x": 310,
|
||||
"y": 612,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"text": "Back to sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"back-link-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,558 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": 100,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 110,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Join Organization",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "join-org-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 216,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "You've been invited to join",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "invitation-card",
|
||||
"type": "rectangle",
|
||||
"x": 180,
|
||||
"y": 280,
|
||||
"width": 360,
|
||||
"height": 220,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 300,
|
||||
"width": 80,
|
||||
"height": 80,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 330,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "AC",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "org-name-text",
|
||||
"type": "text",
|
||||
"x": 260,
|
||||
"y": 400,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"text": "Acme Corp",
|
||||
"fontSize": 18,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "inviter-name-text",
|
||||
"type": "text",
|
||||
"x": 280,
|
||||
"y": 434,
|
||||
"width": 160,
|
||||
"height": 16,
|
||||
"text": "Invited by John Doe",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"invitation-card-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 460,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"role-badge-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "role-badge-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 464,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Member",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"role-badge-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 540,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "accept-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 552,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Accept invitation",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "decline-link-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 610,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "Decline",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ef4444",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "wrong-account-link-text",
|
||||
"type": "text",
|
||||
"x": 260,
|
||||
"y": 660,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Wrong account?",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"links-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,813 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 90,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Welcome back",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "welcome-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 216,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Sign in to your account",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 260,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 280,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 292,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 340,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Password",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 360,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 372,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Enter your password",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-eye-icon",
|
||||
"type": "ellipse",
|
||||
"x": 488,
|
||||
"y": 374,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-password-link",
|
||||
"type": "text",
|
||||
"x": 400,
|
||||
"y": 420,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"text": "Forgot password?",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "right",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 460,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 472,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-left",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 534,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "text",
|
||||
"x": 340,
|
||||
"y": 526,
|
||||
"width": 40,
|
||||
"height": 16,
|
||||
"text": "or",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-right",
|
||||
"type": "rectangle",
|
||||
"x": 390,
|
||||
"y": 534,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 560,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-google-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 572,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "G",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-google-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 560,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-github-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github-text",
|
||||
"type": "text",
|
||||
"x": 310,
|
||||
"y": 572,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "GH",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-github-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 560,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-apple-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple-text",
|
||||
"type": "text",
|
||||
"x": 420,
|
||||
"y": 572,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "A",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-apple-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "signup-link-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 640,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Don't have an account? Sign up",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,949 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": 40,
|
||||
"width": 120,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 320,
|
||||
"y": 50,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-title-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 100,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"text": "Create account",
|
||||
"fontSize": 24,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-subtitle-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 136,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Get started for free",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 180,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Full name",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"name-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 200,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"name-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "name-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 212,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "John Doe",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"name-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 260,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"text": "Email address",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 280,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "email-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 292,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "you@example.com",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"email-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 340,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"text": "Password",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 360,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "password-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 372,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Create a password",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-label",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 420,
|
||||
"width": 120,
|
||||
"height": 16,
|
||||
"text": "Confirm password",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"confirm-password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-input",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 440,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"confirm-password-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-password-placeholder",
|
||||
"type": "text",
|
||||
"x": 212,
|
||||
"y": 452,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"text": "Confirm your password",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"confirm-password-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "terms-checkbox",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 500,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "text",
|
||||
"x": 230,
|
||||
"y": 500,
|
||||
"width": 290,
|
||||
"height": 20,
|
||||
"text": "I agree to Terms of Service",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"terms-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 540,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "create-account-button-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 552,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Create account",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"button-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-left",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 614,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "text",
|
||||
"x": 340,
|
||||
"y": 606,
|
||||
"width": 40,
|
||||
"height": 16,
|
||||
"text": "or",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-line-right",
|
||||
"type": "rectangle",
|
||||
"x": 390,
|
||||
"y": 614,
|
||||
"width": 130,
|
||||
"height": 1,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"divider-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 640,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-google-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-google-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 652,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "G",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-google-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 310,
|
||||
"y": 640,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-github-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github-text",
|
||||
"type": "text",
|
||||
"x": 310,
|
||||
"y": 652,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "GH",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-github-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 640,
|
||||
"width": 100,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-apple-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple-text",
|
||||
"type": "text",
|
||||
"x": 420,
|
||||
"y": 652,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"text": "A",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-apple-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "login-link-text",
|
||||
"type": "text",
|
||||
"x": 200,
|
||||
"y": 720,
|
||||
"width": 320,
|
||||
"height": 20,
|
||||
"text": "Already have an account? Sign in",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"form-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-logo-text",
|
||||
"type": "text",
|
||||
"x": 1000,
|
||||
"y": 420,
|
||||
"width": 160,
|
||||
"height": 20,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-branding-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-branding-tagline",
|
||||
"type": "text",
|
||||
"x": 920,
|
||||
"y": 480,
|
||||
"width": 320,
|
||||
"height": 24,
|
||||
"text": "Discover and install MCPs with ease",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"strokeColor": "#737373",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"right-column-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"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
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
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,887 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 160,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 32,
|
||||
"width": 24,
|
||||
"height": 24,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "logo-text",
|
||||
"type": "text",
|
||||
"x": 68,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "admin-badge",
|
||||
"type": "rectangle",
|
||||
"x": 196,
|
||||
"y": 32,
|
||||
"width": 60,
|
||||
"height": 24,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-admin-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 50,
|
||||
"height": 14,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"section-admin"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "ADMIN",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
},
|
||||
{
|
||||
"id": "nav-home-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-home-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 130,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-users-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 178,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-orgs-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 226,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-admin"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-customers-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 274,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "nav-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-arrow",
|
||||
"type": "text",
|
||||
"x": 36,
|
||||
"y": 354,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"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": "<-",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-back-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 354,
|
||||
"width": 140,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar-initials",
|
||||
"type": "text",
|
||||
"x": 32,
|
||||
"y": 848,
|
||||
"width": 24,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "AU",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 10
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 838,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Admin User",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "role-badge",
|
||||
"type": "rectangle",
|
||||
"x": 76,
|
||||
"y": 858,
|
||||
"width": 50,
|
||||
"height": 18,
|
||||
"strokeColor": "#ef4444",
|
||||
"backgroundColor": "#ef4444",
|
||||
"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": 84,
|
||||
"y": 860,
|
||||
"width": 34,
|
||||
"height": 14,
|
||||
"strokeColor": "#ef4444",
|
||||
"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
|
||||
},
|
||||
{
|
||||
"id": "dropdown-indicator",
|
||||
"type": "rectangle",
|
||||
"x": 224,
|
||||
"y": 848,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,977 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-icon",
|
||||
"type": "rectangle",
|
||||
"x": 36,
|
||||
"y": 32,
|
||||
"width": 24,
|
||||
"height": 24,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "logo-text",
|
||||
"type": "text",
|
||||
"x": 68,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "MCPGet",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "section-divider-1",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 88,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-platform-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 70,
|
||||
"height": 14,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"section-platform"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "PLATFORM",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-platform"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-dashboard-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 130,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-platform"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-ai-tools-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 178,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-manage-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 240,
|
||||
"width": 60,
|
||||
"height": 14,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"section-manage"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "MANAGE",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
},
|
||||
{
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-manage"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-settings-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 270,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "section-label-dev-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 332,
|
||||
"width": 30,
|
||||
"height": 14,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"section-dev"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "DEV",
|
||||
"fontSize": 11,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 9
|
||||
},
|
||||
{
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-dev"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-demos-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 362,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "nav-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": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-bottom"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-support-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 722,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"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": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-bottom"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-feedback-text",
|
||||
"type": "text",
|
||||
"x": 64,
|
||||
"y": 770,
|
||||
"width": 60,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar-initials",
|
||||
"type": "text",
|
||||
"x": 32,
|
||||
"y": 848,
|
||||
"width": 24,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "JD",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 10
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 846,
|
||||
"width": 120,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "John Doe",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "dropdown-indicator",
|
||||
"type": "rectangle",
|
||||
"x": 224,
|
||||
"y": 848,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,755 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "card-1",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-1"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-1-icon",
|
||||
"type": "ellipse",
|
||||
"x": 20,
|
||||
"y": 20,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-1"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-1-title",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 72,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-1"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-1-desc",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 100,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [
|
||||
"card-group-1"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-1-action",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 144,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-1"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-2",
|
||||
"type": "rectangle",
|
||||
"x": 368,
|
||||
"y": 0,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-2"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-2-icon",
|
||||
"type": "ellipse",
|
||||
"x": 388,
|
||||
"y": 20,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-2"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-2-title",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 72,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-2"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-2-desc",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 100,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [
|
||||
"card-group-2"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-2-action",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 144,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-2"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-3",
|
||||
"type": "rectangle",
|
||||
"x": 736,
|
||||
"y": 0,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-3"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-3-icon",
|
||||
"type": "ellipse",
|
||||
"x": 756,
|
||||
"y": 20,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-3"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-3-title",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 72,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-3"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-3-desc",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 100,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [
|
||||
"card-group-3"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-3-action",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 144,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-3"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-4",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 196,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-4"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-4-icon",
|
||||
"type": "ellipse",
|
||||
"x": 20,
|
||||
"y": 216,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-4"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-4-title",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 268,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-4"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-4-desc",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 296,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [
|
||||
"card-group-4"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-4-action",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 340,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-4"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-5",
|
||||
"type": "rectangle",
|
||||
"x": 368,
|
||||
"y": 196,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-5"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-5-icon",
|
||||
"type": "ellipse",
|
||||
"x": 388,
|
||||
"y": 216,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-5"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-5-title",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 268,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-5"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-5-desc",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 296,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [
|
||||
"card-group-5"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-5-action",
|
||||
"type": "rectangle",
|
||||
"x": 388,
|
||||
"y": 340,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-5"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-6",
|
||||
"type": "rectangle",
|
||||
"x": 736,
|
||||
"y": 196,
|
||||
"width": 352,
|
||||
"height": 180,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-6"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-6-icon",
|
||||
"type": "ellipse",
|
||||
"x": 756,
|
||||
"y": 216,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-6"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-6-title",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 268,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-6"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-6-desc",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 296,
|
||||
"width": 300,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [
|
||||
"card-group-6"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "card-6-action",
|
||||
"type": "rectangle",
|
||||
"x": 756,
|
||||
"y": 340,
|
||||
"width": 100,
|
||||
"height": 24,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"card-group-6"
|
||||
],
|
||||
"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
@@ -0,0 +1,514 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "form-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 400,
|
||||
"height": 500,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "form-title",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 352,
|
||||
"height": 28,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "form-description",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 60,
|
||||
"width": 352,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "label-1",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 100,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "input-1",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 120,
|
||||
"width": 352,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "label-2",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 172,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "input-2",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 192,
|
||||
"width": 352,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "label-3",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 244,
|
||||
"width": 80,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "input-3",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 264,
|
||||
"width": 352,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "eye-icon",
|
||||
"type": "rectangle",
|
||||
"x": 340,
|
||||
"y": 276,
|
||||
"width": 20,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "checkbox",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 316,
|
||||
"width": 20,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "checkbox-label",
|
||||
"type": "rectangle",
|
||||
"x": 52,
|
||||
"y": 318,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "forgot-link",
|
||||
"type": "rectangle",
|
||||
"x": 276,
|
||||
"y": 318,
|
||||
"width": 100,
|
||||
"height": 16,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 80,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "primary-button",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 352,
|
||||
"width": 352,
|
||||
"height": 44,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "secondary-button",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 404,
|
||||
"width": 352,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-left",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 468,
|
||||
"width": 140,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
140,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "divider-text",
|
||||
"type": "rectangle",
|
||||
"x": 172,
|
||||
"y": 460,
|
||||
"width": 56,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "divider-right",
|
||||
"type": "line",
|
||||
"x": 236,
|
||||
"y": 468,
|
||||
"width": 140,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
140,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "oauth-google",
|
||||
"type": "rectangle",
|
||||
"x": 100,
|
||||
"y": 484,
|
||||
"width": 60,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-github",
|
||||
"type": "rectangle",
|
||||
"x": 170,
|
||||
"y": 484,
|
||||
"width": 60,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "oauth-apple",
|
||||
"type": "rectangle",
|
||||
"x": 240,
|
||||
"y": 484,
|
||||
"width": 60,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"oauth-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,250 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "header-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1160,
|
||||
"height": 64,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "title-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 14,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group",
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Page Title",
|
||||
"fontSize": 20,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 18
|
||||
},
|
||||
{
|
||||
"id": "description-text",
|
||||
"type": "text",
|
||||
"x": 24,
|
||||
"y": 42,
|
||||
"width": 300,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group",
|
||||
"title-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Brief description of this page",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "breadcrumb-area",
|
||||
"type": "rectangle",
|
||||
"x": 360,
|
||||
"y": 22,
|
||||
"width": 400,
|
||||
"height": 20,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group",
|
||||
"breadcrumb-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "breadcrumb-text",
|
||||
"type": "text",
|
||||
"x": 360,
|
||||
"y": 22,
|
||||
"width": 200,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group",
|
||||
"breadcrumb-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Home > Section > Current",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 10
|
||||
},
|
||||
{
|
||||
"id": "help-icon",
|
||||
"type": "ellipse",
|
||||
"x": 1000,
|
||||
"y": 14,
|
||||
"width": 36,
|
||||
"height": 36,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group",
|
||||
"actions-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "help-icon-text",
|
||||
"type": "text",
|
||||
"x": 1012,
|
||||
"y": 22,
|
||||
"width": 12,
|
||||
"height": 20,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group",
|
||||
"actions-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "?",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "action-button",
|
||||
"type": "rectangle",
|
||||
"x": 1048,
|
||||
"y": 14,
|
||||
"width": 100,
|
||||
"height": 36,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group",
|
||||
"actions-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "action-button-text",
|
||||
"type": "text",
|
||||
"x": 1068,
|
||||
"y": 24,
|
||||
"width": 60,
|
||||
"height": 16,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group",
|
||||
"actions-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Action",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "center",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,431 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "backdrop",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 800,
|
||||
"height": 600,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 30,
|
||||
"groupIds": [],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "modal-container",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 140,
|
||||
"width": 480,
|
||||
"height": 320,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-border",
|
||||
"type": "line",
|
||||
"x": 160,
|
||||
"y": 196,
|
||||
"width": 480,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
480,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "modal-title",
|
||||
"type": "rectangle",
|
||||
"x": 184,
|
||||
"y": 160,
|
||||
"width": 200,
|
||||
"height": 24,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "#1a1a1a",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "close-button",
|
||||
"type": "rectangle",
|
||||
"x": 592,
|
||||
"y": 156,
|
||||
"width": 32,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "close-x-h",
|
||||
"type": "line",
|
||||
"x": 600,
|
||||
"y": 164,
|
||||
"width": 16,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
16,
|
||||
16
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "close-x-v",
|
||||
"type": "line",
|
||||
"x": 616,
|
||||
"y": 164,
|
||||
"width": -16,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 2,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
-16,
|
||||
16
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "content-desc-1",
|
||||
"type": "rectangle",
|
||||
"x": 184,
|
||||
"y": 220,
|
||||
"width": 432,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-desc-2",
|
||||
"type": "rectangle",
|
||||
"x": 184,
|
||||
"y": 244,
|
||||
"width": 380,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-desc-3",
|
||||
"type": "rectangle",
|
||||
"x": 184,
|
||||
"y": 268,
|
||||
"width": 300,
|
||||
"height": 16,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 60,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 2
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "optional-input",
|
||||
"type": "rectangle",
|
||||
"x": 184,
|
||||
"y": 304,
|
||||
"width": 432,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-bg",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 396,
|
||||
"width": 480,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-bg-top-mask",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 396,
|
||||
"width": 480,
|
||||
"height": 20,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-border",
|
||||
"type": "line",
|
||||
"x": 160,
|
||||
"y": 396,
|
||||
"width": 480,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
480,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "cancel-button",
|
||||
"type": "rectangle",
|
||||
"x": 408,
|
||||
"y": 408,
|
||||
"width": 100,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "confirm-button",
|
||||
"type": "rectangle",
|
||||
"x": 516,
|
||||
"y": 408,
|
||||
"width": 100,
|
||||
"height": 40,
|
||||
"strokeColor": "#f97316",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 0,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"modal-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 6
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,534 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "sidebar-container",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 280,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-area",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 24,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "logo-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 34,
|
||||
"width": 80,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"logo-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Logo",
|
||||
"fontSize": 16,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 14
|
||||
},
|
||||
{
|
||||
"id": "section-divider-1",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 88,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "nav-item-1-active",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 108,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-item-1-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 118,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "#ffffff",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Dashboard",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-item-2",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 160,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-item-2-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 170,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Browse MCPs",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-item-3",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 212,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-item-3-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 222,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Bundles",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-item-4",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 264,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-item-4-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 274,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "My Installs",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "nav-item-5",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 316,
|
||||
"width": 232,
|
||||
"height": 40,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "nav-item-5-text",
|
||||
"type": "text",
|
||||
"x": 44,
|
||||
"y": 326,
|
||||
"width": 100,
|
||||
"height": 20,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"nav-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "Settings",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "middle",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "section-divider-2",
|
||||
"type": "line",
|
||||
"x": 24,
|
||||
"y": 812,
|
||||
"width": 232,
|
||||
"height": 0,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"points": [
|
||||
[
|
||||
0,
|
||||
0
|
||||
],
|
||||
[
|
||||
232,
|
||||
0
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "user-footer",
|
||||
"type": "rectangle",
|
||||
"x": 24,
|
||||
"y": 824,
|
||||
"width": 232,
|
||||
"height": 64,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-avatar",
|
||||
"type": "ellipse",
|
||||
"x": 24,
|
||||
"y": 836,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "user-name",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 840,
|
||||
"width": 120,
|
||||
"height": 16,
|
||||
"strokeColor": "#1a1a1a",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "John Doe",
|
||||
"fontSize": 14,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 12
|
||||
},
|
||||
{
|
||||
"id": "user-email",
|
||||
"type": "text",
|
||||
"x": 76,
|
||||
"y": 858,
|
||||
"width": 140,
|
||||
"height": 14,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "transparent",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"sidebar-group",
|
||||
"user-group"
|
||||
],
|
||||
"roundness": null,
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false,
|
||||
"text": "john@example.com",
|
||||
"fontSize": 12,
|
||||
"fontFamily": 1,
|
||||
"textAlign": "left",
|
||||
"verticalAlign": "top",
|
||||
"baseline": 10
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,334 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "form-container",
|
||||
"type": "rectangle",
|
||||
"x": 160,
|
||||
"y": 250,
|
||||
"width": 400,
|
||||
"height": 400,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "form-title",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 290,
|
||||
"width": 320,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "form-input-1",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 360,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "form-input-2",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 420,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "form-submit-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 500,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "form-divider",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 564,
|
||||
"width": 320,
|
||||
"height": 2,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "form-oauth-button",
|
||||
"type": "rectangle",
|
||||
"x": 200,
|
||||
"y": 586,
|
||||
"width": 320,
|
||||
"height": 44,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "right-branding-logo",
|
||||
"type": "rectangle",
|
||||
"x": 1000,
|
||||
"y": 400,
|
||||
"width": 160,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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,484 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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-4",
|
||||
"type": "rectangle",
|
||||
"x": 20,
|
||||
"y": 280,
|
||||
"width": 240,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#fafafa",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": 200,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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-action-1",
|
||||
"type": "rectangle",
|
||||
"x": 1280,
|
||||
"y": 16,
|
||||
"width": 60,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-action-2",
|
||||
"type": "rectangle",
|
||||
"x": 1360,
|
||||
"y": 16,
|
||||
"width": 60,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-area",
|
||||
"type": "rectangle",
|
||||
"x": 280,
|
||||
"y": 64,
|
||||
"width": 1160,
|
||||
"height": 836,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "content-card-1",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 88,
|
||||
"width": 360,
|
||||
"height": 180,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "content-card-2",
|
||||
"type": "rectangle",
|
||||
"x": 684,
|
||||
"y": 88,
|
||||
"width": 360,
|
||||
"height": 180,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "content-card-3",
|
||||
"type": "rectangle",
|
||||
"x": 1064,
|
||||
"y": 88,
|
||||
"width": 360,
|
||||
"height": 180,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "content-main-card",
|
||||
"type": "rectangle",
|
||||
"x": 304,
|
||||
"y": 288,
|
||||
"width": 1120,
|
||||
"height": 400,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,559 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 64,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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-logo",
|
||||
"type": "rectangle",
|
||||
"x": 40,
|
||||
"y": 16,
|
||||
"width": 100,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-nav-1",
|
||||
"type": "rectangle",
|
||||
"x": 580,
|
||||
"y": 20,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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-nav-2",
|
||||
"type": "rectangle",
|
||||
"x": 680,
|
||||
"y": 20,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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-nav-3",
|
||||
"type": "rectangle",
|
||||
"x": 780,
|
||||
"y": 20,
|
||||
"width": 80,
|
||||
"height": 24,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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-auth-login",
|
||||
"type": "rectangle",
|
||||
"x": 1260,
|
||||
"y": 16,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "header-auth-signup",
|
||||
"type": "rectangle",
|
||||
"x": 1360,
|
||||
"y": 16,
|
||||
"width": 80,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"header-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "content-area",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 64,
|
||||
"width": 1440,
|
||||
"height": 716,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"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": "hero-headline",
|
||||
"type": "rectangle",
|
||||
"x": 320,
|
||||
"y": 160,
|
||||
"width": 800,
|
||||
"height": 60,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "hero-subheadline",
|
||||
"type": "rectangle",
|
||||
"x": 420,
|
||||
"y": 240,
|
||||
"width": 600,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"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": "hero-cta-primary",
|
||||
"type": "rectangle",
|
||||
"x": 560,
|
||||
"y": 320,
|
||||
"width": 160,
|
||||
"height": 48,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"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": "hero-cta-secondary",
|
||||
"type": "rectangle",
|
||||
"x": 740,
|
||||
"y": 320,
|
||||
"width": 140,
|
||||
"height": 48,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"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": "hero-image",
|
||||
"type": "rectangle",
|
||||
"x": 220,
|
||||
"y": 420,
|
||||
"width": 1000,
|
||||
"height": 320,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"content-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 12
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 780,
|
||||
"width": 1440,
|
||||
"height": 120,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f5f5f5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"footer-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 0
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-logo",
|
||||
"type": "rectangle",
|
||||
"x": 40,
|
||||
"y": 800,
|
||||
"width": 100,
|
||||
"height": 32,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#f97316",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"footer-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-links-1",
|
||||
"type": "rectangle",
|
||||
"x": 400,
|
||||
"y": 800,
|
||||
"width": 140,
|
||||
"height": 80,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"footer-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-links-2",
|
||||
"type": "rectangle",
|
||||
"x": 560,
|
||||
"y": 800,
|
||||
"width": 140,
|
||||
"height": 80,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"footer-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-links-3",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 800,
|
||||
"width": 140,
|
||||
"height": 80,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#e5e5e5",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"footer-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 4
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-social-1",
|
||||
"type": "rectangle",
|
||||
"x": 1280,
|
||||
"y": 820,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"footer-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-social-2",
|
||||
"type": "rectangle",
|
||||
"x": 1340,
|
||||
"y": 820,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"footer-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "footer-social-3",
|
||||
"type": "rectangle",
|
||||
"x": 1400,
|
||||
"y": 820,
|
||||
"width": 40,
|
||||
"height": 40,
|
||||
"strokeColor": "#e5e5e5",
|
||||
"backgroundColor": "#ffffff",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [
|
||||
"footer-group"
|
||||
],
|
||||
"roundness": {
|
||||
"type": 3,
|
||||
"value": 8
|
||||
},
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
}
|
||||
],
|
||||
"appState": {
|
||||
"gridSize": 20,
|
||||
"viewBackgroundColor": "$background"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user