feat: whyrating - initial project from turbostarter boilerplate
This commit is contained in:
Alejandro Gutiérrez
@@ -0,0 +1,831 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-gradient-overlay",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"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": "$primary",
|
||||
"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": "$primary",
|
||||
"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": "$primary",
|
||||
"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": "$background",
|
||||
"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": "$foreground",
|
||||
"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": "$muted",
|
||||
"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": "$muted-foreground",
|
||||
"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": "$muted-foreground",
|
||||
"backgroundColor": "$muted-foreground",
|
||||
"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": "$muted",
|
||||
"backgroundColor": "$muted",
|
||||
"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": "$foreground",
|
||||
"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": "$muted-foreground",
|
||||
"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": "$foreground",
|
||||
"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": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"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": "$muted",
|
||||
"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": "$muted",
|
||||
"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": "$primary",
|
||||
"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": "$primary-foreground",
|
||||
"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": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"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": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"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": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"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": "$primary",
|
||||
"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": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"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": "$success",
|
||||
"backgroundColor": "$success",
|
||||
"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": "$success",
|
||||
"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": "$success",
|
||||
"backgroundColor": "$success",
|
||||
"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": "$success",
|
||||
"backgroundColor": "$success",
|
||||
"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": "$success",
|
||||
"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": "$muted-foreground",
|
||||
"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": "$primary",
|
||||
"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": "$primary-foreground",
|
||||
"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": "$primary-foreground",
|
||||
"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": "$foreground",
|
||||
"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": "$muted-foreground",
|
||||
"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,811 @@
|
||||
{
|
||||
"type": "excalidraw",
|
||||
"version": 2,
|
||||
"source": "turbostarter-wireframes",
|
||||
"elements": [
|
||||
{
|
||||
"id": "outer-frame",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 1440,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": [],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "left-column",
|
||||
"type": "rectangle",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["left-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-column",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"fillStyle": "solid",
|
||||
"strokeWidth": 1,
|
||||
"roughness": 0,
|
||||
"opacity": 100,
|
||||
"groupIds": ["right-column-group"],
|
||||
"roundness": { "type": 3, "value": 0 },
|
||||
"isDeleted": false,
|
||||
"boundElements": null,
|
||||
"link": null,
|
||||
"locked": false
|
||||
},
|
||||
{
|
||||
"id": "right-gradient-overlay",
|
||||
"type": "rectangle",
|
||||
"x": 720,
|
||||
"y": 0,
|
||||
"width": 720,
|
||||
"height": 900,
|
||||
"strokeColor": "transparent",
|
||||
"backgroundColor": "$primary",
|
||||
"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": "$primary",
|
||||
"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": "$primary",
|
||||
"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": "$primary",
|
||||
"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": "$background",
|
||||
"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": "$foreground",
|
||||
"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": "$foreground",
|
||||
"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": "$muted-foreground",
|
||||
"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": "$foreground",
|
||||
"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": "$border",
|
||||
"backgroundColor": "$card",
|
||||
"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": "$primary",
|
||||
"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": "$primary-foreground",
|
||||
"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": "$foreground",
|
||||
"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": "$muted-foreground",
|
||||
"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": "$border",
|
||||
"backgroundColor": "$secondary",
|
||||
"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": "$foreground",
|
||||
"backgroundColor": "$foreground",
|
||||
"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": "$foreground",
|
||||
"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": "$muted",
|
||||
"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": "$primary",
|
||||
"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": "$primary-foreground",
|
||||
"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": "$primary-foreground",
|
||||
"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": "$border",
|
||||
"backgroundColor": "$background",
|
||||
"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": "$destructive",
|
||||
"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": "$muted-foreground",
|
||||
"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": "$primary",
|
||||
"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": "$primary",
|
||||
"backgroundColor": "$primary",
|
||||
"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": "$muted",
|
||||
"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": "$primary",
|
||||
"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": "$primary-foreground",
|
||||
"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": "$primary-foreground",
|
||||
"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": "$foreground",
|
||||
"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": "$muted-foreground",
|
||||
"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
Reference in New Issue
Block a user