feat: whyrating - initial project from turbostarter boilerplate
This commit is contained in:
@@ -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