1042 lines
25 KiB
Plaintext
1042 lines
25 KiB
Plaintext
{
|
|
"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": "form-container",
|
|
"type": "rectangle",
|
|
"x": 160,
|
|
"y": 150,
|
|
"width": 400,
|
|
"height": 600,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["form-container-group"],
|
|
"roundness": { "type": 3, "value": 0 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "logo-icon",
|
|
"type": "rectangle",
|
|
"x": 320,
|
|
"y": 150,
|
|
"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": 160,
|
|
"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": 158,
|
|
"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": "welcome-title-text",
|
|
"type": "text",
|
|
"x": 160,
|
|
"y": 234,
|
|
"width": 400,
|
|
"height": 32,
|
|
"text": "Welcome back",
|
|
"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": "welcome-subtitle-text",
|
|
"type": "text",
|
|
"x": 160,
|
|
"y": 274,
|
|
"width": 400,
|
|
"height": 20,
|
|
"text": "Sign in to your account to continue",
|
|
"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": 326,
|
|
"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": 350,
|
|
"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": 364,
|
|
"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": 362,
|
|
"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": "password-label",
|
|
"type": "text",
|
|
"x": 160,
|
|
"y": 410,
|
|
"width": 80,
|
|
"height": 16,
|
|
"text": "Password",
|
|
"fontSize": 12,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "$foreground",
|
|
"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": 160,
|
|
"y": 434,
|
|
"width": 400,
|
|
"height": 44,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$background",
|
|
"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-lock-icon",
|
|
"type": "rectangle",
|
|
"x": 172,
|
|
"y": 448,
|
|
"width": 16,
|
|
"height": 16,
|
|
"strokeColor": "$muted",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["password-group"],
|
|
"roundness": { "type": 3, "value": 2 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "password-placeholder",
|
|
"type": "text",
|
|
"x": 200,
|
|
"y": 446,
|
|
"width": 200,
|
|
"height": 20,
|
|
"text": "Enter your password",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "$muted",
|
|
"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-outer",
|
|
"type": "ellipse",
|
|
"x": 528,
|
|
"y": 448,
|
|
"width": 20,
|
|
"height": 14,
|
|
"strokeColor": "$muted",
|
|
"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-inner",
|
|
"type": "ellipse",
|
|
"x": 534,
|
|
"y": 451,
|
|
"width": 8,
|
|
"height": 8,
|
|
"strokeColor": "$muted",
|
|
"backgroundColor": "$muted",
|
|
"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": 440,
|
|
"y": 494,
|
|
"width": 120,
|
|
"height": 16,
|
|
"text": "Forgot password?",
|
|
"fontSize": 12,
|
|
"fontFamily": 1,
|
|
"textAlign": "right",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "$primary",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["form-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "forgot-password-underline",
|
|
"type": "rectangle",
|
|
"x": 450,
|
|
"y": 510,
|
|
"width": 108,
|
|
"height": 1,
|
|
"strokeColor": "$primary",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 40,
|
|
"groupIds": ["form-group"],
|
|
"roundness": { "type": 3, "value": 0 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "login-button",
|
|
"type": "rectangle",
|
|
"x": 160,
|
|
"y": 534,
|
|
"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": "login-button-text",
|
|
"type": "text",
|
|
"x": 160,
|
|
"y": 546,
|
|
"width": 400,
|
|
"height": 20,
|
|
"text": "Sign in",
|
|
"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": "divider-line-left",
|
|
"type": "rectangle",
|
|
"x": 160,
|
|
"y": 610,
|
|
"width": 170,
|
|
"height": 1,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$border",
|
|
"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": 602,
|
|
"width": 40,
|
|
"height": 16,
|
|
"text": "or",
|
|
"fontSize": 12,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "$muted-foreground",
|
|
"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": 610,
|
|
"width": 170,
|
|
"height": 1,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$border",
|
|
"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": 160,
|
|
"y": 642,
|
|
"width": 125,
|
|
"height": 44,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$background",
|
|
"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-icon",
|
|
"type": "ellipse",
|
|
"x": 194,
|
|
"y": 654,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$muted-foreground",
|
|
"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-google-text",
|
|
"type": "text",
|
|
"x": 220,
|
|
"y": 654,
|
|
"width": 50,
|
|
"height": 20,
|
|
"text": "Google",
|
|
"fontSize": 12,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "$foreground",
|
|
"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": 297,
|
|
"y": 642,
|
|
"width": 125,
|
|
"height": 44,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$background",
|
|
"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-icon",
|
|
"type": "ellipse",
|
|
"x": 331,
|
|
"y": 654,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["oauth-github-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "oauth-github-text",
|
|
"type": "text",
|
|
"x": 357,
|
|
"y": 654,
|
|
"width": 50,
|
|
"height": 20,
|
|
"text": "GitHub",
|
|
"fontSize": 12,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "$foreground",
|
|
"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": 434,
|
|
"y": 642,
|
|
"width": 126,
|
|
"height": 44,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$background",
|
|
"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-icon",
|
|
"type": "ellipse",
|
|
"x": 468,
|
|
"y": 654,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$foreground",
|
|
"backgroundColor": "$foreground",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["oauth-apple-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "oauth-apple-text",
|
|
"type": "text",
|
|
"x": 494,
|
|
"y": 654,
|
|
"width": 40,
|
|
"height": 20,
|
|
"text": "Apple",
|
|
"fontSize": 12,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "$foreground",
|
|
"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-text-prefix",
|
|
"type": "text",
|
|
"x": 248,
|
|
"y": 718,
|
|
"width": 160,
|
|
"height": 16,
|
|
"text": "Don't have an account?",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "right",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "$muted-foreground",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["signup-link-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "signup-link-text",
|
|
"type": "text",
|
|
"x": 414,
|
|
"y": 718,
|
|
"width": 60,
|
|
"height": 16,
|
|
"text": "Sign up",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "$primary",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["signup-link-group"],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "signup-link-underline",
|
|
"type": "rectangle",
|
|
"x": 414,
|
|
"y": 734,
|
|
"width": 52,
|
|
"height": 1,
|
|
"strokeColor": "$primary",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 40,
|
|
"groupIds": ["signup-link-group"],
|
|
"roundness": { "type": 3, "value": 0 },
|
|
"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": "Discover and install MCPs with ease",
|
|
"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": "Your one-stop solution for managing Model Context Protocol configurations",
|
|
"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"
|
|
}
|
|
}
|