813 lines
18 KiB
Plaintext
813 lines
18 KiB
Plaintext
{
|
|
"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"
|
|
}
|
|
} |