3527e732d4
Production-ready Next.js boilerplate with: - Runtime env validation (fail-fast on missing vars) - Feature-gated config (S3, Stripe, email, OAuth) - Docker + Coolify deployment pipeline - PostgreSQL + pgvector, MinIO S3, Better Auth - TypeScript strict mode (no ignoreBuildErrors) - i18n (en/es), AI modules, billing, monitoring Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
892 lines
21 KiB
Plaintext
892 lines
21 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": "sidebar",
|
|
"type": "rectangle",
|
|
"x": 0,
|
|
"y": 0,
|
|
"width": 280,
|
|
"height": 900,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$sidebar",
|
|
"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": "$border",
|
|
"backgroundColor": "$sidebar",
|
|
"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": "$border",
|
|
"backgroundColor": "$primary",
|
|
"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-dashboard",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 100,
|
|
"width": 240,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"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-dashboard-icon",
|
|
"type": "rectangle",
|
|
"x": 32,
|
|
"y": 110,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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-dashboard-text",
|
|
"type": "rectangle",
|
|
"x": 64,
|
|
"y": 112,
|
|
"width": 80,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$foreground",
|
|
"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-aitools",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 160,
|
|
"width": 240,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$sidebar",
|
|
"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-aitools-icon",
|
|
"type": "rectangle",
|
|
"x": 32,
|
|
"y": 170,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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-aitools-text",
|
|
"type": "rectangle",
|
|
"x": 64,
|
|
"y": 172,
|
|
"width": 60,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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-settings",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 220,
|
|
"width": 240,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$sidebar",
|
|
"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-settings-icon",
|
|
"type": "rectangle",
|
|
"x": 32,
|
|
"y": 230,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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-settings-text",
|
|
"type": "rectangle",
|
|
"x": 64,
|
|
"y": 232,
|
|
"width": 60,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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-footer",
|
|
"type": "rectangle",
|
|
"x": 0,
|
|
"y": 836,
|
|
"width": 280,
|
|
"height": 64,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$sidebar",
|
|
"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-support-item",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 780,
|
|
"width": 240,
|
|
"height": 40,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$sidebar",
|
|
"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-support-icon",
|
|
"type": "rectangle",
|
|
"x": 32,
|
|
"y": 790,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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-support-text",
|
|
"type": "rectangle",
|
|
"x": 64,
|
|
"y": 792,
|
|
"width": 100,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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-footer-user",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 852,
|
|
"width": 240,
|
|
"height": 32,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"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": "$border",
|
|
"backgroundColor": "$card",
|
|
"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": 120,
|
|
"height": 24,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$foreground",
|
|
"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-user-avatar",
|
|
"type": "rectangle",
|
|
"x": 1388,
|
|
"y": 16,
|
|
"width": 32,
|
|
"height": 32,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$secondary",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": ["header-group"],
|
|
"roundness": { "type": 3, "value": 16 },
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "content-area",
|
|
"type": "rectangle",
|
|
"x": 280,
|
|
"y": 64,
|
|
"width": 1160,
|
|
"height": 836,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$background",
|
|
"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": "welcome-card",
|
|
"type": "rectangle",
|
|
"x": 304,
|
|
"y": 88,
|
|
"width": 1112,
|
|
"height": 120,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"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": "welcome-title",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 108,
|
|
"width": 200,
|
|
"height": 24,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$foreground",
|
|
"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": "welcome-subtitle",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 144,
|
|
"width": 400,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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": "welcome-subtitle-2",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 168,
|
|
"width": 300,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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": "feature-card-1",
|
|
"type": "rectangle",
|
|
"x": 304,
|
|
"y": 228,
|
|
"width": 360,
|
|
"height": 200,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"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": "feature-card-1-icon",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 248,
|
|
"width": 48,
|
|
"height": 48,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$primary",
|
|
"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": "feature-card-1-title",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 312,
|
|
"width": 100,
|
|
"height": 20,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$foreground",
|
|
"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": "feature-card-1-desc",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 344,
|
|
"width": 320,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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": "feature-card-1-desc-2",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 368,
|
|
"width": 280,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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": "feature-card-1-button",
|
|
"type": "rectangle",
|
|
"x": 324,
|
|
"y": 396,
|
|
"width": 100,
|
|
"height": 32,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$primary",
|
|
"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": "feature-card-2",
|
|
"type": "rectangle",
|
|
"x": 680,
|
|
"y": 228,
|
|
"width": 360,
|
|
"height": 200,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"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": "feature-card-2-icon",
|
|
"type": "rectangle",
|
|
"x": 700,
|
|
"y": 248,
|
|
"width": 48,
|
|
"height": 48,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$secondary",
|
|
"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": "feature-card-2-title",
|
|
"type": "rectangle",
|
|
"x": 700,
|
|
"y": 312,
|
|
"width": 140,
|
|
"height": 20,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$foreground",
|
|
"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": "feature-card-2-desc",
|
|
"type": "rectangle",
|
|
"x": 700,
|
|
"y": 344,
|
|
"width": 320,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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": "feature-card-2-desc-2",
|
|
"type": "rectangle",
|
|
"x": 700,
|
|
"y": 368,
|
|
"width": 260,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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": "feature-card-2-button",
|
|
"type": "rectangle",
|
|
"x": 700,
|
|
"y": 396,
|
|
"width": 100,
|
|
"height": 32,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$primary",
|
|
"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": "feature-card-3",
|
|
"type": "rectangle",
|
|
"x": 1056,
|
|
"y": 228,
|
|
"width": 360,
|
|
"height": 200,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$card",
|
|
"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": "feature-card-3-icon",
|
|
"type": "rectangle",
|
|
"x": 1076,
|
|
"y": 248,
|
|
"width": 48,
|
|
"height": 48,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$success",
|
|
"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": "feature-card-3-title",
|
|
"type": "rectangle",
|
|
"x": 1076,
|
|
"y": 312,
|
|
"width": 100,
|
|
"height": 20,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$foreground",
|
|
"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": "feature-card-3-desc",
|
|
"type": "rectangle",
|
|
"x": 1076,
|
|
"y": 344,
|
|
"width": 320,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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": "feature-card-3-desc-2",
|
|
"type": "rectangle",
|
|
"x": 1076,
|
|
"y": 368,
|
|
"width": 280,
|
|
"height": 16,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$muted",
|
|
"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": "feature-card-3-button",
|
|
"type": "rectangle",
|
|
"x": 1076,
|
|
"y": 396,
|
|
"width": 100,
|
|
"height": 32,
|
|
"strokeColor": "$border",
|
|
"backgroundColor": "$primary",
|
|
"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"
|
|
}
|
|
}
|