1910 lines
41 KiB
Plaintext
1910 lines
41 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": "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": 6
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-logo-text",
|
|
"type": "text",
|
|
"x": 40,
|
|
"y": 24,
|
|
"width": 80,
|
|
"height": 16,
|
|
"text": "MCPGet",
|
|
"fontSize": 16,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#ffffff",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-nav-icon-1",
|
|
"type": "rectangle",
|
|
"x": 32,
|
|
"y": 108,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"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": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-nav-item-1-text",
|
|
"type": "text",
|
|
"x": 60,
|
|
"y": 112,
|
|
"width": 80,
|
|
"height": 16,
|
|
"text": "Dashboard",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-nav-icon-2",
|
|
"type": "rectangle",
|
|
"x": 32,
|
|
"y": 158,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 4
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-nav-item-2",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 150,
|
|
"width": 240,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"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-text",
|
|
"type": "text",
|
|
"x": 60,
|
|
"y": 162,
|
|
"width": 80,
|
|
"height": 16,
|
|
"text": "Browse MCPs",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-nav-icon-3",
|
|
"type": "rectangle",
|
|
"x": 32,
|
|
"y": 208,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 4
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-nav-item-3",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 200,
|
|
"width": 240,
|
|
"height": 40,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"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-text",
|
|
"type": "text",
|
|
"x": 60,
|
|
"y": 212,
|
|
"width": 80,
|
|
"height": 16,
|
|
"text": "Bundles",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-nav-icon-settings",
|
|
"type": "rectangle",
|
|
"x": 32,
|
|
"y": 268,
|
|
"width": 20,
|
|
"height": 20,
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"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-active",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 260,
|
|
"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-settings-text",
|
|
"type": "text",
|
|
"x": 60,
|
|
"y": 272,
|
|
"width": 80,
|
|
"height": 16,
|
|
"text": "Settings",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": null,
|
|
"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-avatar",
|
|
"type": "ellipse",
|
|
"x": 28,
|
|
"y": 856,
|
|
"width": 28,
|
|
"height": 28,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#e5e5e5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-footer-user",
|
|
"type": "rectangle",
|
|
"x": 20,
|
|
"y": 848,
|
|
"width": 240,
|
|
"height": 44,
|
|
"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-footer-user-text",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 856,
|
|
"width": 100,
|
|
"height": 14,
|
|
"text": "John Doe",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "sidebar-footer-email",
|
|
"type": "text",
|
|
"x": 64,
|
|
"y": 872,
|
|
"width": 140,
|
|
"height": 12,
|
|
"text": "john@example.com",
|
|
"fontSize": 11,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#737373",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": [
|
|
"sidebar-group"
|
|
],
|
|
"roundness": null,
|
|
"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-text",
|
|
"type": "text",
|
|
"x": 304,
|
|
"y": 22,
|
|
"width": 100,
|
|
"height": 20,
|
|
"text": "Settings",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"header-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "header-breadcrumb",
|
|
"type": "text",
|
|
"x": 304,
|
|
"y": 44,
|
|
"width": 200,
|
|
"height": 12,
|
|
"text": "Dashboard / Settings / General",
|
|
"fontSize": 12,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#737373",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": [
|
|
"header-group"
|
|
],
|
|
"roundness": null,
|
|
"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": "tabs-container",
|
|
"type": "rectangle",
|
|
"x": 304,
|
|
"y": 88,
|
|
"width": 300,
|
|
"height": 40,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#e5e5e5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 30,
|
|
"groupIds": [
|
|
"tabs-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "tab-general-active",
|
|
"type": "rectangle",
|
|
"x": 308,
|
|
"y": 92,
|
|
"width": 92,
|
|
"height": 32,
|
|
"strokeColor": "#f97316",
|
|
"backgroundColor": "#f97316",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"tabs-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 6
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "tab-general-text",
|
|
"type": "text",
|
|
"x": 330,
|
|
"y": 100,
|
|
"width": 48,
|
|
"height": 16,
|
|
"text": "General",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#ffffff",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"tabs-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "tab-security",
|
|
"type": "rectangle",
|
|
"x": 404,
|
|
"y": 92,
|
|
"width": 92,
|
|
"height": 32,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"tabs-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 6
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "tab-security-text",
|
|
"type": "text",
|
|
"x": 424,
|
|
"y": 100,
|
|
"width": 56,
|
|
"height": 16,
|
|
"text": "Security",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 70,
|
|
"groupIds": [
|
|
"tabs-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "tab-billing",
|
|
"type": "rectangle",
|
|
"x": 500,
|
|
"y": 92,
|
|
"width": 92,
|
|
"height": 32,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"tabs-group"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 6
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "tab-billing-text",
|
|
"type": "text",
|
|
"x": 528,
|
|
"y": 100,
|
|
"width": 40,
|
|
"height": 16,
|
|
"text": "Billing",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 70,
|
|
"groupIds": [
|
|
"tabs-group"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "profile-card",
|
|
"type": "rectangle",
|
|
"x": 304,
|
|
"y": 152,
|
|
"width": 720,
|
|
"height": 320,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 12
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "profile-card-shadow",
|
|
"type": "rectangle",
|
|
"x": 306,
|
|
"y": 154,
|
|
"width": 720,
|
|
"height": 320,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "#e5e5e5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 8,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 12
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "profile-card-title-text",
|
|
"type": "text",
|
|
"x": 328,
|
|
"y": 176,
|
|
"width": 100,
|
|
"height": 20,
|
|
"text": "Profile",
|
|
"fontSize": 18,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "profile-card-subtitle",
|
|
"type": "text",
|
|
"x": 328,
|
|
"y": 200,
|
|
"width": 300,
|
|
"height": 14,
|
|
"text": "Manage your personal information and preferences",
|
|
"fontSize": 13,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#737373",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "avatar-circle",
|
|
"type": "ellipse",
|
|
"x": 328,
|
|
"y": 232,
|
|
"width": 80,
|
|
"height": 80,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#e5e5e5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "avatar-initials",
|
|
"type": "text",
|
|
"x": 348,
|
|
"y": 262,
|
|
"width": 40,
|
|
"height": 20,
|
|
"text": "JD",
|
|
"fontSize": 22,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "avatar-camera-overlay",
|
|
"type": "ellipse",
|
|
"x": 380,
|
|
"y": 284,
|
|
"width": 28,
|
|
"height": 28,
|
|
"strokeColor": "#ffffff",
|
|
"backgroundColor": "#f97316",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "avatar-camera-icon",
|
|
"type": "rectangle",
|
|
"x": 388,
|
|
"y": 292,
|
|
"width": 12,
|
|
"height": 12,
|
|
"strokeColor": "#ffffff",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 2
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "avatar-change-button",
|
|
"type": "rectangle",
|
|
"x": 328,
|
|
"y": 328,
|
|
"width": 100,
|
|
"height": 36,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#f5f5f5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "avatar-change-button-text",
|
|
"type": "text",
|
|
"x": 338,
|
|
"y": 338,
|
|
"width": 80,
|
|
"height": 16,
|
|
"text": "Change photo",
|
|
"fontSize": 13,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "name-label-text",
|
|
"type": "text",
|
|
"x": 440,
|
|
"y": 232,
|
|
"width": 60,
|
|
"height": 14,
|
|
"text": "Full name",
|
|
"fontSize": 13,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "name-input",
|
|
"type": "rectangle",
|
|
"x": 440,
|
|
"y": 252,
|
|
"width": 560,
|
|
"height": 44,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "name-input-text",
|
|
"type": "text",
|
|
"x": 456,
|
|
"y": 266,
|
|
"width": 80,
|
|
"height": 16,
|
|
"text": "John Doe",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "email-label-text",
|
|
"type": "text",
|
|
"x": 440,
|
|
"y": 312,
|
|
"width": 60,
|
|
"height": 14,
|
|
"text": "Email address",
|
|
"fontSize": 13,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "email-input",
|
|
"type": "rectangle",
|
|
"x": 440,
|
|
"y": 332,
|
|
"width": 460,
|
|
"height": 44,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "email-input-text",
|
|
"type": "text",
|
|
"x": 456,
|
|
"y": 346,
|
|
"width": 140,
|
|
"height": 16,
|
|
"text": "john@example.com",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "verified-badge",
|
|
"type": "rectangle",
|
|
"x": 912,
|
|
"y": 340,
|
|
"width": 88,
|
|
"height": 28,
|
|
"strokeColor": "#22c55e",
|
|
"backgroundColor": "#22c55e",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 15,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 14
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "verified-badge-border",
|
|
"type": "rectangle",
|
|
"x": 912,
|
|
"y": 340,
|
|
"width": 88,
|
|
"height": 28,
|
|
"strokeColor": "#22c55e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 14
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "verified-checkmark",
|
|
"type": "ellipse",
|
|
"x": 920,
|
|
"y": 346,
|
|
"width": 16,
|
|
"height": 16,
|
|
"strokeColor": "#22c55e",
|
|
"backgroundColor": "#22c55e",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "verified-badge-text",
|
|
"type": "text",
|
|
"x": 940,
|
|
"y": 346,
|
|
"width": 52,
|
|
"height": 16,
|
|
"text": "Verified",
|
|
"fontSize": 13,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#22c55e",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "save-profile-button",
|
|
"type": "rectangle",
|
|
"x": 328,
|
|
"y": 400,
|
|
"width": 672,
|
|
"height": 44,
|
|
"strokeColor": "#f97316",
|
|
"backgroundColor": "#f97316",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "save-profile-button-text",
|
|
"type": "text",
|
|
"x": 624,
|
|
"y": 414,
|
|
"width": 80,
|
|
"height": 16,
|
|
"text": "Save changes",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#ffffff",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"profile-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "language-card",
|
|
"type": "rectangle",
|
|
"x": 304,
|
|
"y": 496,
|
|
"width": 720,
|
|
"height": 160,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"language-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 12
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "language-card-shadow",
|
|
"type": "rectangle",
|
|
"x": 306,
|
|
"y": 498,
|
|
"width": 720,
|
|
"height": 160,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "#e5e5e5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 8,
|
|
"groupIds": [
|
|
"language-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 12
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "language-card-title-text",
|
|
"type": "text",
|
|
"x": 328,
|
|
"y": 520,
|
|
"width": 120,
|
|
"height": 20,
|
|
"text": "Language & Region",
|
|
"fontSize": 18,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"language-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "language-card-subtitle",
|
|
"type": "text",
|
|
"x": 328,
|
|
"y": 544,
|
|
"width": 280,
|
|
"height": 14,
|
|
"text": "Set your preferred display language and region",
|
|
"fontSize": 13,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#737373",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": [
|
|
"language-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "language-label-text",
|
|
"type": "text",
|
|
"x": 328,
|
|
"y": 576,
|
|
"width": 120,
|
|
"height": 14,
|
|
"text": "Display language",
|
|
"fontSize": 13,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"language-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "language-dropdown",
|
|
"type": "rectangle",
|
|
"x": 328,
|
|
"y": 596,
|
|
"width": 320,
|
|
"height": 44,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"language-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "language-flag-icon",
|
|
"type": "rectangle",
|
|
"x": 344,
|
|
"y": 608,
|
|
"width": 24,
|
|
"height": 18,
|
|
"strokeColor": "#e5e5e5",
|
|
"backgroundColor": "#e5e5e5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"language-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 2
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "language-dropdown-text",
|
|
"type": "text",
|
|
"x": 380,
|
|
"y": 610,
|
|
"width": 100,
|
|
"height": 16,
|
|
"text": "English (US)",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"language-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "dropdown-chevron",
|
|
"type": "rectangle",
|
|
"x": 620,
|
|
"y": 612,
|
|
"width": 16,
|
|
"height": 12,
|
|
"strokeColor": "#737373",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 60,
|
|
"groupIds": [
|
|
"language-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 2
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "danger-zone-card",
|
|
"type": "rectangle",
|
|
"x": 304,
|
|
"y": 680,
|
|
"width": 720,
|
|
"height": 180,
|
|
"strokeColor": "#ef4444",
|
|
"backgroundColor": "#ffffff",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "dashed",
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"danger-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 12
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "danger-zone-header",
|
|
"type": "rectangle",
|
|
"x": 328,
|
|
"y": 704,
|
|
"width": 672,
|
|
"height": 32,
|
|
"strokeColor": "transparent",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"danger-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 4
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "danger-zone-warning-icon",
|
|
"type": "rectangle",
|
|
"x": 328,
|
|
"y": 708,
|
|
"width": 24,
|
|
"height": 24,
|
|
"strokeColor": "#ef4444",
|
|
"backgroundColor": "#ef4444",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 20,
|
|
"groupIds": [
|
|
"danger-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 4
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "danger-zone-warning-icon-inner",
|
|
"type": "text",
|
|
"x": 335,
|
|
"y": 710,
|
|
"width": 10,
|
|
"height": 20,
|
|
"text": "!",
|
|
"fontSize": 16,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#ef4444",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"danger-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "danger-zone-title-text",
|
|
"type": "text",
|
|
"x": 360,
|
|
"y": 708,
|
|
"width": 120,
|
|
"height": 20,
|
|
"text": "Danger Zone",
|
|
"fontSize": 18,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#ef4444",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"danger-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "danger-zone-description-text",
|
|
"type": "text",
|
|
"x": 328,
|
|
"y": 752,
|
|
"width": 500,
|
|
"height": 16,
|
|
"text": "Once you delete your account, there is no going back. Please be certain.",
|
|
"fontSize": 13,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 70,
|
|
"groupIds": [
|
|
"danger-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "danger-zone-description-text-2",
|
|
"type": "text",
|
|
"x": 328,
|
|
"y": 772,
|
|
"width": 500,
|
|
"height": 16,
|
|
"text": "This action will permanently delete your account and all associated data.",
|
|
"fontSize": 13,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#1a1a1a",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 70,
|
|
"groupIds": [
|
|
"danger-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "delete-account-button",
|
|
"type": "rectangle",
|
|
"x": 328,
|
|
"y": 808,
|
|
"width": 180,
|
|
"height": 44,
|
|
"strokeColor": "#ef4444",
|
|
"backgroundColor": "#ef4444",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 0,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"danger-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 8
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "delete-account-button-icon",
|
|
"type": "rectangle",
|
|
"x": 352,
|
|
"y": 820,
|
|
"width": 18,
|
|
"height": 18,
|
|
"strokeColor": "#ffffff",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"danger-section"
|
|
],
|
|
"roundness": {
|
|
"type": 3,
|
|
"value": 2
|
|
},
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "delete-account-button-text",
|
|
"type": "text",
|
|
"x": 378,
|
|
"y": 822,
|
|
"width": 108,
|
|
"height": 16,
|
|
"text": "Delete Account",
|
|
"fontSize": 14,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "middle",
|
|
"strokeColor": "#ffffff",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"roughness": 0,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"danger-section"
|
|
],
|
|
"roundness": null,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"link": null,
|
|
"locked": false
|
|
}
|
|
],
|
|
"appState": {
|
|
"gridSize": 20,
|
|
"viewBackgroundColor": "$background"
|
|
}
|
|
} |