272 lines
6.4 KiB
Plaintext
272 lines
6.4 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": "logo-placeholder",
|
|
"type": "rectangle",
|
|
"x": 300,
|
|
"y": 80,
|
|
"width": 120,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["left-column-group"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "form-container",
|
|
"type": "rectangle",
|
|
"x": 160,
|
|
"y": 250,
|
|
"width": 400,
|
|
"height": 400,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"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": "$border",
|
|
"backgroundColor": "$muted",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["form-group"],
|
|
"roundness": { "type": 3, "value": 4 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "form-input-1",
|
|
"type": "rectangle",
|
|
"x": 200,
|
|
"y": 360,
|
|
"width": 320,
|
|
"height": 44,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$background",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["form-group"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "form-input-2",
|
|
"type": "rectangle",
|
|
"x": 200,
|
|
"y": 420,
|
|
"width": 320,
|
|
"height": 44,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$background",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["form-group"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "form-submit-button",
|
|
"type": "rectangle",
|
|
"x": 200,
|
|
"y": 500,
|
|
"width": 320,
|
|
"height": 44,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["form-group"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "form-divider",
|
|
"type": "rectangle",
|
|
"x": 200,
|
|
"y": 564,
|
|
"width": 320,
|
|
"height": 2,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$border",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["form-group"],
|
|
"roundness": { "type": 3, "value": 0 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "form-oauth-button",
|
|
"type": "rectangle",
|
|
"x": 200,
|
|
"y": 586,
|
|
"width": 320,
|
|
"height": 44,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$secondary",
|
|
"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": "$border",
|
|
"backgroundColor": "$primary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["right-column-group"],
|
|
"roundness": { "type": 3, "value": 8 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "right-branding-tagline",
|
|
"type": "rectangle",
|
|
"x": 920,
|
|
"y": 480,
|
|
"width": 320,
|
|
"height": 24,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["right-column-group"],
|
|
"roundness": { "type": 3, "value": 4 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
}
|
|
],
|
|
"appState": {
|
|
"gridSize": 20,
|
|
"viewBackgroundColor": "$background"
|
|
}
|
|
}
|