toasterson/NeoCDE
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
NeoCDE/untitled.pen
Till Wegmueller 65184b897d Add NeoCDE technical architecture plan 
Documents the full toolkit decision (Slint + layer-shika + SCTK) for
building a modernized CDE desktop environment on the WayRay compositor.
Covers the design token pipeline (Pencil .pen → tokens.toml → theme.slint
+ wrsrvd-theme.ron), WM architecture (pure protocol client, zero GUI),
shell components (layer-shika layer-shell surfaces), and project structure
with hard designer-AI / code-AI separation boundaries.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-11 23:41:21 +02:00

5052 lines
No EOL
168 KiB
Text
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"version": "2.10",
"children": [
{
"type": "rectangle",
"id": "szSJb",
"x": -801,
"y": -1060,
"fill": {
"type": "image",
"enabled": true,
"url": "images/Gemini_Generated_Image_rhnenwrhnenwrhne.png",
"mode": "fill"
},
"width": 1602,
"height": 869
},
{
"type": "frame",
"id": "qgQvM",
"x": -801,
"y": 800,
"name": "Design System - Glassy Workstation",
"fill": "$color-background",
"gap": 60,
"padding": 40,
"children": [
{
"type": "frame",
"id": "mEZgD",
"name": "Buttons & Controls",
"layout": "vertical",
"gap": 24,
"children": [
{
"type": "text",
"id": "sfLO3",
"name": "lblButtons",
"fill": "$color-text",
"content": "Buttons & Controls",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-lg",
"fontWeight": "600"
},
{
"type": "frame",
"id": "mqxJC",
"name": "Button/Default",
"reusable": true,
"fill": "$color-frame",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"padding": [
8,
20
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "OswDM",
"name": "btnText",
"fill": "$color-text",
"content": "Button",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "4Ke8n",
"name": "Button/Primary",
"reusable": true,
"fill": "$color-primary",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-primary-hover"
},
"padding": [
8,
20
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "J4fDc",
"name": "btnActiveText",
"fill": "$color-text",
"content": "Primary",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "nMjkg",
"name": "Button/Small",
"reusable": true,
"fill": "$color-frame",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"padding": [
4,
12
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "gFaYH",
"name": "btnSmText",
"fill": "$color-text",
"content": "Small",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ohupx",
"name": "Window/CloseButton",
"reusable": true,
"width": 16,
"height": 16,
"fill": "$color-accent",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "UKOfS",
"name": "closX",
"fill": "$color-text",
"content": "×",
"fontFamily": "IBM Plex Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "tHuug",
"name": "Window/MinButton",
"reusable": true,
"width": 16,
"height": 16,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "8rUOl",
"name": "minDash",
"fill": "$color-muted",
"content": "–",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "hZcoI",
"name": "Window/MaxButton",
"reusable": true,
"width": 16,
"height": 16,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "14mfZ",
"name": "maxSq",
"fill": "$color-muted",
"content": "□",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Ss4k9",
"name": "Window Components",
"layout": "vertical",
"gap": 24,
"children": [
{
"type": "text",
"id": "KqIDo",
"name": "lblWindow",
"fill": "$color-text",
"content": "Window Chrome",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-lg",
"fontWeight": "600"
},
{
"type": "frame",
"id": "JrUqn",
"name": "Window/Chrome",
"reusable": true,
"clip": true,
"width": 480,
"fill": "$color-frame",
"cornerRadius": "$radius-outer",
"stroke": {
"align": "outside",
"thickness": "$border-thick",
"fill": "$color-frame"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000099",
"offset": {
"x": 0,
"y": 16
},
"blur": 32
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "BeT1L",
"name": "TitleBar",
"width": "fill_container",
"fill": "$color-frame",
"padding": [
0,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "dr4vu",
"name": "titleLeft",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MtBlo",
"name": "titleIcon",
"width": 16,
"height": 16,
"fill": "$color-primary"
},
{
"type": "text",
"id": "Lp22h",
"name": "titleText",
"fill": "$color-text",
"content": "Window Title",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-sm",
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "CTFM9",
"name": "titleBtns",
"gap": 4,
"alignItems": "center",
"children": [
{
"id": "X6q5T",
"type": "ref",
"ref": "tHuug",
"name": "wb1"
},
{
"id": "gbcOr",
"type": "ref",
"ref": "hZcoI",
"name": "wb2"
},
{
"id": "yOyLw",
"type": "ref",
"ref": "ohupx",
"name": "wb3"
}
]
}
]
},
{
"type": "frame",
"id": "jzspB",
"name": "Content",
"width": "fill_container",
"height": 220,
"fill": "$color-surface",
"layout": "vertical",
"padding": "$spacing-md",
"children": [
{
"type": "text",
"id": "yy46B",
"name": "contentPlaceholder",
"fill": "$color-muted",
"content": "Window content area",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-body",
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "dpnhi",
"name": "Inputs & Tabs",
"layout": "vertical",
"gap": 24,
"children": [
{
"type": "text",
"id": "Lkj1b",
"name": "lblInputs",
"fill": "$color-text",
"content": "Inputs & Tabs",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-lg",
"fontWeight": "600"
},
{
"type": "frame",
"id": "Yfu00",
"name": "Input/Default",
"reusable": true,
"width": 220,
"fill": "$color-input-bg",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-frame"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-dark",
"offset": {
"x": 2,
"y": 2
}
},
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "LYq3k",
"name": "inputText",
"fill": "$color-muted",
"content": "Input text...",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ohFot",
"name": "MenuBar",
"reusable": true,
"width": "fill_container",
"fill": "$color-frame",
"children": [
{
"type": "frame",
"id": "GX1yB",
"name": "MenuItem",
"padding": [
6,
12
],
"children": [
{
"type": "text",
"id": "Ue2QC",
"name": "menuText1",
"fill": "$color-text",
"content": "File",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "4cQHb",
"name": "menuItem2",
"padding": [
6,
12
],
"children": [
{
"type": "text",
"id": "TkASg",
"name": "menuText2",
"fill": "$color-text",
"content": "Edit",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "5NwBV",
"name": "menuItem3",
"padding": [
6,
12
],
"children": [
{
"type": "text",
"id": "BHZx2",
"name": "menuText3",
"fill": "$color-text",
"content": "View",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "O6ZWu",
"name": "TabBar",
"reusable": true,
"children": [
{
"type": "frame",
"id": "JhUSn",
"name": "Tab/Active",
"reusable": true,
"fill": "$color-terminal-bg",
"stroke": {
"align": "inside",
"thickness": 0,
"fill": "$color-frame"
},
"padding": [
6,
14
],
"children": [
{
"type": "text",
"id": "SoYUn",
"name": "tabActiveText",
"fill": "$color-text",
"content": "Active Tab",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "nA6SK",
"name": "Tab/Inactive",
"reusable": true,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 0,
"fill": "$color-frame"
},
"padding": [
6,
14
],
"children": [
{
"type": "text",
"id": "basi4",
"name": "tabInactiveText",
"fill": "$color-muted",
"content": "Inactive Tab",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "6ITW7",
"name": "Icons & Taskbar",
"layout": "vertical",
"gap": 24,
"children": [
{
"type": "text",
"id": "lm7lq",
"name": "lblMisc",
"fill": "$color-text",
"content": "Icons & Taskbar",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-lg",
"fontWeight": "600"
},
{
"type": "frame",
"id": "s44jv",
"name": "FolderIcon",
"reusable": true,
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "encLP",
"name": "folderShape",
"width": 48,
"height": 38,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 180,
"size": {
"height": 1
},
"colors": [
{
"color": "$color-folder",
"position": 0
},
{
"color": "$color-folder-shadow",
"position": 1
}
]
},
"cornerRadius": [
2,
2,
1,
1
],
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000066",
"offset": {
"x": 0,
"y": 4
},
"blur": 8
}
},
{
"type": "frame",
"id": "tpTz0",
"layoutPosition": "absolute",
"x": 2,
"y": -6,
"name": "folderTab",
"width": 22,
"height": 8,
"fill": "$color-folder",
"cornerRadius": [
2,
2,
0,
0
]
},
{
"type": "text",
"id": "dL9Kk",
"name": "folderLabel",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "Folder",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "2jRRx",
"name": "TaskbarButton",
"reusable": true,
"fill": "$color-frame",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"gap": 8,
"padding": [
8,
14
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "cRTVg",
"name": "taskbarIcon",
"width": 16,
"height": 16,
"iconFontName": "monitor",
"iconFontFamily": "lucide",
"fill": "$color-primary"
},
{
"type": "text",
"id": "hGoc9",
"name": "taskbarLabel",
"fill": "$color-text",
"content": "App Name",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "nciO8",
"name": "TaskbarButton/Active",
"reusable": true,
"fill": "$color-primary",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-primary-hover"
},
"gap": 8,
"padding": [
8,
14
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "4xZk9",
"name": "taskbarIconA",
"width": 16,
"height": 16,
"iconFontName": "monitor",
"iconFontFamily": "lucide",
"fill": "$color-text"
},
{
"type": "text",
"id": "0vhX9",
"name": "taskbarLabelA",
"fill": "$color-text",
"content": "Active App",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "9C107",
"name": "StatusBar",
"reusable": true,
"width": 360,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-dark",
"offset": {
"x": 2,
"y": 2
}
},
"padding": [
0,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "LgBQm",
"name": "statusLeft",
"fill": "$color-muted",
"content": "Status message",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal",
"letterSpacing": 1
},
{
"type": "text",
"id": "Jf8QV",
"name": "statusRight",
"fill": "$color-muted",
"content": "Ready",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "eLOtl",
"name": "Divider",
"reusable": true,
"width": 200,
"height": 1,
"fill": "$color-divider",
"layout": "none"
},
{
"type": "frame",
"id": "6ISmw",
"name": "Scrollbar",
"reusable": true,
"width": 10,
"height": 120,
"fill": "$color-scrollbar-track",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "YoDa1",
"name": "scrollThumb",
"width": "fill_container",
"height": 36,
"fill": "$color-scrollbar-thumb",
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
}
}
]
}
]
},
{
"type": "frame",
"id": "BgmOK",
"name": "Panel & Workspaces",
"layout": "vertical",
"gap": 24,
"children": [
{
"type": "text",
"id": "SmtrJ",
"name": "lblPanel",
"fill": "$color-text",
"content": "Panel & Workspaces",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-lg",
"fontWeight": "600"
},
{
"type": "frame",
"id": "ETPtK",
"name": "WorkspaceButton",
"reusable": true,
"width": 72,
"height": 32,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-dark",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "jaoJ7",
"name": "wsBtnText",
"fill": "$color-muted",
"content": "One",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "Fk4hg",
"name": "WorkspaceButton/Active",
"reusable": true,
"width": 72,
"height": 32,
"fill": "$color-primary",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-primary-hover"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "mYk0W",
"name": "wsBtnActiveText",
"fill": "$color-text",
"content": "One",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "600",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "jrOJC",
"name": "FrontPanel",
"reusable": true,
"width": 640,
"fill": "$color-panel-bg",
"cornerRadius": "$radius-panel",
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000099",
"offset": {
"x": 0,
"y": 16
},
"blur": 32
},
"gap": 16,
"padding": [
12,
24
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "CCZKS",
"name": "PanelIcons",
"gap": 20,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "RDdNV",
"name": "fpIcon1",
"width": 40,
"height": 40,
"iconFontName": "folder",
"iconFontFamily": "lucide",
"fill": "$color-primary"
},
{
"type": "icon_font",
"id": "rxmP0",
"name": "fpIcon2",
"width": 40,
"height": 40,
"iconFontName": "terminal",
"iconFontFamily": "lucide",
"fill": "$color-muted"
},
{
"type": "icon_font",
"id": "n7CpD",
"name": "fpIcon3",
"width": 40,
"height": 40,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "$color-muted"
}
]
},
{
"type": "frame",
"id": "7sMuV",
"name": "fpDiv1",
"width": 1,
"height": 48,
"fill": "$color-divider"
},
{
"type": "frame",
"id": "bcAOJ",
"name": "fpWorkspaces",
"gap": 4,
"alignItems": "center",
"children": [
{
"id": "asZ8n",
"type": "ref",
"ref": "Fk4hg",
"name": "fpWs1"
},
{
"id": "FcVTn",
"type": "ref",
"ref": "ETPtK",
"name": "fpWs2",
"descendants": {
"jaoJ7": {
"content": "Two"
}
}
},
{
"id": "CoFEW",
"type": "ref",
"ref": "ETPtK",
"name": "fpWs3",
"descendants": {
"jaoJ7": {
"content": "Three"
}
}
},
{
"id": "PWRBc",
"type": "ref",
"ref": "ETPtK",
"name": "fpWs4",
"descendants": {
"jaoJ7": {
"content": "Four"
}
}
}
]
},
{
"type": "frame",
"id": "9FkPy",
"name": "fpDiv2",
"width": 1,
"height": 48,
"fill": "$color-divider"
},
{
"type": "frame",
"id": "arD1z",
"name": "fpClock",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"alignItems": "end",
"children": [
{
"type": "text",
"id": "fM7MY",
"name": "fpClockTime",
"fill": "$color-text",
"content": "14:37",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "600"
},
{
"type": "text",
"id": "fFGaI",
"name": "fpClockDate",
"fill": "$color-muted",
"content": "Apr 9",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "4YDKk",
"x": -801,
"y": 1466,
"name": "App - File Manager",
"clip": true,
"width": 620,
"height": 500,
"fill": "$color-background",
"layout": "vertical",
"children": [
{
"id": "LePPe",
"type": "ref",
"ref": "JrUqn",
"width": "fill_container",
"height": "fill_container",
"name": "win1",
"x": 0,
"y": 0,
"descendants": {
"Lp22h": {
"content": "Workstation File Manager"
},
"jzspB": {
"height": "fill_container",
"padding": 0,
"gap": 0,
"fill": "$surface-glass",
"children": [
{
"type": "frame",
"id": "IUVnZ",
"name": "menubar",
"width": "fill_container",
"fill": "$surface-medium",
"padding": [
0,
4
],
"children": [
{
"type": "frame",
"id": "lCZMS",
"name": "mf",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "aWN5o",
"fill": "$text-secondary",
"content": "File",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "NzSwk",
"name": "ms",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "Jt3oU",
"fill": "$text-secondary",
"content": "Selected",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "prRgM",
"name": "mv",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "g2BrT",
"fill": "$text-secondary",
"content": "View",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "0xDDW",
"name": "mw",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "xwWmy",
"fill": "$text-secondary",
"content": "Window",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "FndW3",
"name": "mh",
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "7KWNQ",
"fill": "$text-secondary",
"content": "Help",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "8MRkQ",
"name": "grid",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 12,
"padding": [
16,
24
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WOz5v",
"name": "row1",
"width": "fill_container",
"justifyContent": "space_around",
"alignItems": "center",
"children": [
{
"id": "Emu4B",
"type": "ref",
"ref": "s44jv",
"name": "f1",
"descendants": {
"dL9Kk": {
"content": "Aliases"
}
}
},
{
"id": "litoh",
"type": "ref",
"ref": "s44jv",
"name": "f2",
"descendants": {
"dL9Kk": {
"content": "Debug"
}
}
},
{
"id": "KxiFt",
"type": "ref",
"ref": "s44jv",
"name": "f3",
"descendants": {
"dL9Kk": {
"content": "Documents"
}
}
},
{
"id": "PtKPM",
"type": "ref",
"ref": "s44jv",
"name": "f4",
"descendants": {
"dL9Kk": {
"content": "Downloads"
}
}
}
]
},
{
"type": "frame",
"id": "j5GLG",
"name": "row2",
"width": "fill_container",
"justifyContent": "space_around",
"alignItems": "center",
"children": [
{
"id": "o9QX3",
"type": "ref",
"ref": "s44jv",
"name": "f5",
"descendants": {
"dL9Kk": {
"content": "Music"
}
}
},
{
"id": "dKbLT",
"type": "ref",
"ref": "s44jv",
"name": "f6",
"descendants": {
"dL9Kk": {
"content": "Pictures"
}
}
},
{
"id": "eK7Mo",
"type": "ref",
"ref": "s44jv",
"name": "f7",
"descendants": {
"dL9Kk": {
"content": "Packages"
}
}
},
{
"id": "ylST6",
"type": "ref",
"ref": "s44jv",
"name": "f8",
"descendants": {
"dL9Kk": {
"content": "Fonts"
}
}
}
]
},
{
"type": "frame",
"id": "jQXoc",
"name": "row3",
"width": "fill_container",
"justifyContent": "space_around",
"alignItems": "center",
"children": [
{
"id": "PMcm1",
"type": "ref",
"ref": "s44jv",
"name": "f9",
"descendants": {
"dL9Kk": {
"content": "Events"
}
}
},
{
"id": "1Z6FZ",
"type": "ref",
"ref": "s44jv",
"name": "f10",
"descendants": {
"dL9Kk": {
"content": "Libraries"
}
}
},
{
"id": "2KdID",
"type": "ref",
"ref": "s44jv",
"name": "f11",
"descendants": {
"dL9Kk": {
"content": "Work"
}
}
},
{
"type": "frame",
"id": "IR3A7",
"name": "f12",
"width": 64,
"height": 52,
"layout": "none"
}
]
}
]
},
{
"id": "XipVd",
"type": "ref",
"ref": "9C107",
"width": "fill_container",
"name": "sb",
"descendants": {
"LgBQm": {
"content": "12 Items / 4.2 GB Available"
},
"Jf8QV": {
"content": ""
}
}
}
]
}
}
}
]
},
{
"type": "frame",
"id": "Y15tu",
"x": -101,
"y": 1466,
"name": "App - Style & System Manager",
"clip": true,
"width": 520,
"height": 500,
"fill": "$color-background",
"layout": "vertical",
"children": [
{
"id": "CgfJQ",
"type": "ref",
"ref": "JrUqn",
"width": "fill_container",
"height": "fill_container",
"name": "win2",
"descendants": {
"Lp22h": {
"content": "Style & System Manager"
},
"jzspB": {
"height": "fill_container",
"padding": 12,
"gap": 12,
"fill": "$surface-glass",
"children": [
{
"type": "frame",
"id": "4Nihd",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "RG01K",
"name": "iconsRow",
"width": "fill_container",
"padding": 8,
"justifyContent": "space_around",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "wdStn",
"name": "ic1",
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "tU9nA",
"name": "ic1box",
"width": 56,
"height": 56,
"fill": "$button-bg",
"cornerRadius": "$radius-outer",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "yRpOD",
"width": 28,
"height": 28,
"iconFontName": "palette",
"iconFontFamily": "lucide",
"fill": "$text-secondary"
}
]
},
{
"type": "text",
"id": "X5AcC",
"fill": "$text-secondary",
"content": "Color Palette",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "cgAat",
"name": "ic2",
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "kwxpG",
"name": "ic2box",
"width": 56,
"height": 56,
"fill": "$button-bg",
"cornerRadius": "$radius-outer",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "sTlBD",
"fill": "$text-secondary",
"content": "Aa",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xl",
"fontWeight": "bold"
}
]
},
{
"type": "text",
"id": "aBNNC",
"fill": "$text-secondary",
"content": "Fonts",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "o62Tg",
"name": "ic3",
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "JMYV0",
"name": "ic3box",
"width": 56,
"height": 56,
"fill": "$button-bg",
"cornerRadius": "$radius-outer",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "tkiFG",
"width": 28,
"height": 28,
"iconFontName": "image",
"iconFontFamily": "lucide",
"fill": "$text-secondary"
}
]
},
{
"type": "text",
"id": "N5mZ1",
"fill": "$text-secondary",
"content": "Backdrop",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "6LGdH",
"name": "ic4",
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "NmocH",
"name": "ic4box",
"width": 56,
"height": 56,
"fill": "$button-bg",
"cornerRadius": "$radius-outer",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Nky0q",
"width": 28,
"height": 28,
"iconFontName": "wifi",
"iconFontFamily": "lucide",
"fill": "$text-secondary"
}
]
},
{
"type": "text",
"id": "DbZ5i",
"fill": "$text-secondary",
"content": "Network",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "oYa2d",
"name": "ic5",
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Ts1gr",
"name": "ic5box",
"width": 56,
"height": 56,
"fill": "$button-bg",
"cornerRadius": "$radius-outer",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$button-border"
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "sh4KG",
"width": 28,
"height": 28,
"iconFontName": "monitor",
"iconFontFamily": "lucide",
"fill": "$text-secondary"
}
]
},
{
"type": "text",
"id": "ECSXy",
"fill": "$text-secondary",
"content": "Monitor",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
},
{
"id": "8umza",
"type": "ref",
"ref": "eLOtl",
"width": "fill_container",
"name": "div1"
},
{
"type": "text",
"id": "Oy28H",
"fill": "$color-text",
"content": "File Manager",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-body",
"fontWeight": "bold"
},
{
"type": "frame",
"id": "YPw21",
"name": "colorArea",
"width": "fill_container",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "iaVAZ",
"name": "colorGrid",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "frame",
"id": "ZopzV",
"name": "crow1",
"gap": 2,
"children": [
{
"type": "rectangle",
"id": "XOkaS",
"fill": "#FF0000FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "iqjyB",
"fill": "#00FF00FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "nndJj",
"fill": "#0000FFFF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "36kk9",
"fill": "#FFFF00FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "Gz4g9",
"fill": "#FF00FFFF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "dCeZ1",
"fill": "#00FFFFFF",
"width": 20,
"height": 20
}
]
},
{
"type": "frame",
"id": "RfcWv",
"name": "crow2",
"gap": 2,
"children": [
{
"type": "rectangle",
"id": "QkUtP",
"fill": "#800000FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "bzlGm",
"fill": "#008000FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "l3TTf",
"fill": "#000080FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "r8Wrd",
"fill": "#808000FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "5WsGa",
"fill": "#800080FF",
"width": 20,
"height": 20
},
{
"type": "rectangle",
"id": "CZOKl",
"fill": "#008080FF",
"width": 20,
"height": 20
}
]
}
]
},
{
"id": "WYkNS",
"type": "ref",
"ref": "Yfu00",
"width": 120,
"name": "hexInput",
"descendants": {
"LYq3k": {
"content": "#30DE11",
"fill": "$text-primary",
"fontFamily": "IBM Plex Sans"
}
}
},
{
"type": "rectangle",
"cornerRadius": "$radius-inner",
"id": "9U5Wx",
"name": "colorPreview",
"fill": "#30DE11FF",
"width": 28,
"height": 28,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
}
}
]
},
{
"id": "1aZqi",
"type": "ref",
"ref": "eLOtl",
"width": "fill_container",
"name": "div2"
},
{
"type": "frame",
"id": "kaCNF",
"name": "loadArea",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "text",
"id": "nRtwu",
"fill": "$color-muted",
"content": "Loading(1): ~/dev/1 ▸",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "frame",
"id": "6sdJD",
"name": "loadBar",
"width": "fill_container",
"height": 8,
"fill": "$color-frame-dim",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-divider"
},
"children": [
{
"type": "rectangle",
"id": "HymfP",
"name": "loadFill",
"fill": "$color-primary",
"width": 180,
"height": 8
}
]
}
]
},
{
"type": "frame",
"id": "9zzlu",
"name": "spacer",
"width": "fill_container",
"height": "fill_container"
},
{
"type": "frame",
"id": "wfQZI",
"name": "btnRow",
"width": "fill_container",
"gap": 8,
"justifyContent": "end",
"children": [
{
"id": "ZpXuO",
"type": "ref",
"ref": "4Ke8n",
"name": "applyBtn",
"descendants": {
"J4fDc": {
"content": "Apply"
}
}
},
{
"id": "jsSwu",
"type": "ref",
"ref": "mqxJC",
"name": "cancelBtn",
"descendants": {
"OswDM": {
"content": "Revert"
}
}
},
{
"id": "9AL5z",
"type": "ref",
"ref": "mqxJC",
"name": "okBtn",
"descendants": {
"OswDM": {
"content": "OK"
}
}
}
]
}
]
}
]
}
}
}
]
},
{
"type": "frame",
"id": "5b8g3",
"x": 499,
"y": 1466,
"name": "App - Terminal Console",
"clip": true,
"width": 560,
"height": 380,
"fill": "$color-background",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "4ggPd",
"name": "TerminalWindow",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"fill": "$color-frame",
"cornerRadius": "$radius-outer",
"stroke": {
"align": "outside",
"thickness": "$border-thick",
"fill": "$color-frame"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000099",
"offset": {
"x": 0,
"y": 16
},
"blur": 32
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "VsmFN",
"name": "termTitleBar",
"width": "fill_container",
"fill": "$color-frame",
"padding": [
0,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "JOoYK",
"name": "termTitleLeft",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "iY5QY",
"name": "termTitleIcon",
"width": 14,
"height": 14,
"iconFontName": "terminal",
"iconFontFamily": "lucide",
"fill": "$color-primary"
},
{
"type": "text",
"id": "4ubmS",
"name": "termTitleText",
"fill": "$color-text",
"content": "Terminal Console",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-sm",
"fontWeight": "bold"
}
]
},
{
"type": "frame",
"id": "liGD9",
"name": "termTitleBtns",
"gap": 6,
"alignItems": "center",
"children": [
{
"id": "Mmv7F",
"type": "ref",
"ref": "tHuug",
"name": "twb1",
"descendants": {
"8rUOl": {
"fontFamily": "IBM Plex Mono"
}
}
},
{
"id": "RiEb6",
"type": "ref",
"ref": "hZcoI",
"name": "twb2",
"descendants": {
"14mfZ": {
"fontFamily": "IBM Plex Mono"
}
}
},
{
"id": "wb0Rk",
"type": "ref",
"ref": "ohupx",
"name": "twb3",
"descendants": {
"UKOfS": {
"fontFamily": "IBM Plex Mono"
}
}
}
]
}
]
},
{
"type": "frame",
"id": "MURMd",
"name": "termTabBar",
"width": "fill_container",
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$color-divider"
},
"children": [
{
"id": "C2tac",
"type": "ref",
"ref": "JhUSn",
"name": "tab1",
"descendants": {
"SoYUn": {
"content": "~/dev/",
"fontFamily": "IBM Plex Mono"
}
}
},
{
"id": "HpZQF",
"type": "ref",
"ref": "nA6SK",
"name": "tab2",
"descendants": {
"basi4": {
"content": "~/logs/",
"fontFamily": "IBM Plex Mono"
}
}
}
]
},
{
"type": "frame",
"id": "37d6T",
"name": "termPromptBar",
"width": "fill_container",
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$color-divider"
},
"gap": 8,
"padding": [
4,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Y24KI",
"name": "termPromptLabel",
"fill": "$color-primary",
"content": "user@galaxy-ws",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "frame",
"id": "6f6P5",
"name": "termPromptHex",
"fill": "$color-input-bg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-divider"
},
"padding": [
2,
6
],
"children": [
{
"type": "text",
"id": "v9mDm",
"name": "termHexText",
"fill": "#30DE11",
"content": "#30DE11",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "tECFT",
"name": "termBodyWrap",
"width": "fill_container",
"height": "fill_container",
"children": [
{
"type": "frame",
"id": "lBpUW",
"name": "termBody",
"width": "fill_container",
"height": "fill_container",
"fill": "$color-terminal-bg",
"layout": "vertical",
"gap": 6,
"padding": [
12,
14
],
"children": [
{
"type": "frame",
"id": "Kjmur",
"name": "termLine1",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "LoSzU",
"name": "termPS1",
"fill": "$color-primary",
"content": "[user@galaxy-ws ~/dev/] $ ",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
},
{
"type": "text",
"id": "Jv0Ja",
"name": "termCmd1",
"fill": "$color-text",
"content": "ls -la -h",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "srpIa",
"name": "termLine2",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "total 48K",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
},
{
"type": "text",
"id": "XW3Ab",
"name": "termLine3",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "drwxr-xr-x 12 user staff 384B Apr 9 14:37 .",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
},
{
"type": "text",
"id": "JMZZ8",
"name": "termLine4",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "drwxr-xr-x 6 user staff 192B Apr 9 10:22 ..",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
},
{
"type": "text",
"id": "IjtIP",
"name": "termLine5",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "-rw-r--r-- 1 user staff 2.4K Apr 9 14:35 config.yml",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
},
{
"type": "text",
"id": "tjLEw",
"name": "termLine6",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "drwxr-xr-x 8 user staff 256B Apr 8 09:15 src",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
},
{
"type": "text",
"id": "SMM5E",
"name": "termLine7",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "-rw-r--r-- 1 user staff 1.8K Apr 7 16:42 Makefile",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
},
{
"type": "text",
"id": "ZPef8",
"name": "termLine8",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "drwxr-xr-x 4 user staff 128B Apr 6 11:30 build",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
},
{
"type": "frame",
"id": "qCXLa",
"name": "termLine9",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "i4uM3",
"name": "termPS2",
"fill": "$color-primary",
"content": "[user@galaxy-ws ~/dev/] $ ",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
},
{
"type": "frame",
"id": "Uso9R",
"name": "termCursor",
"width": 7,
"height": 12,
"fill": "$color-primary"
}
]
},
{
"type": "frame",
"id": "vSaCf",
"name": "termSpacer",
"width": "fill_container",
"height": "fill_container",
"fill": "$color-terminal-bg"
}
]
},
{
"id": "awbVn",
"type": "ref",
"ref": "6ISmw",
"height": "fill_container",
"name": "scrollbar"
}
]
},
{
"type": "frame",
"id": "pzRa9",
"name": "termStatus",
"width": "fill_container",
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "$color-divider"
},
"padding": [
4,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ZP6P8",
"name": "termStatusL",
"fill": "$color-muted",
"content": "~/dev/",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "76537",
"name": "termStatusR",
"fill": "$color-muted",
"content": "zsh | UTF-8",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "ykljk",
"x": 499,
"y": 1926,
"name": "App - Taskbar & Clock",
"clip": true,
"width": 900,
"height": 80,
"fill": "$color-background",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "UG6go",
"name": "Taskbar",
"width": "fill_container",
"fill": "$color-panel-bg",
"cornerRadius": "$radius-panel",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000099",
"offset": {
"x": 0,
"y": 16
},
"blur": 32
},
"padding": [
12,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "FyQMx",
"name": "taskLeft",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "n2jah",
"name": "workspaces",
"gap": 2,
"alignItems": "center",
"children": [
{
"id": "R1MGv",
"type": "ref",
"ref": "Fk4hg",
"name": "ws1",
"descendants": {
"mYk0W": {
"content": "One"
}
}
},
{
"id": "BmAXA",
"type": "ref",
"ref": "ETPtK",
"name": "ws2",
"descendants": {
"jaoJ7": {
"content": "Two"
}
}
},
{
"id": "781yI",
"type": "ref",
"ref": "ETPtK",
"name": "ws3",
"descendants": {
"jaoJ7": {
"content": "Three"
}
}
}
]
},
{
"type": "frame",
"id": "p53I6",
"name": "wsDivider",
"width": 1,
"height": 24,
"fill": "$color-divider"
},
{
"id": "Bf7bU",
"type": "ref",
"ref": "nciO8",
"name": "tb1",
"descendants": {
"4xZk9": {
"iconFontName": "folder"
},
"0vhX9": {
"content": "File Cabinet"
}
}
},
{
"id": "J2vXZ",
"type": "ref",
"ref": "2jRRx",
"name": "tb2",
"descendants": {
"cRTVg": {
"iconFontName": "monitor"
},
"hGoc9": {
"content": "CRT Monitor"
}
}
},
{
"id": "JIcs7",
"type": "ref",
"ref": "2jRRx",
"name": "tb3",
"descendants": {
"cRTVg": {
"iconFontName": "settings"
},
"hGoc9": {
"content": "GearBox"
}
}
}
]
},
{
"type": "frame",
"id": "w8jRK",
"name": "taskRight",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "xjFgp",
"name": "taskSep",
"width": 1,
"height": 24,
"fill": "$color-divider"
},
{
"type": "frame",
"id": "S2Y9C",
"name": "ClockWidget",
"fill": "$color-frame",
"cornerRadius": "$radius-outer",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"gap": 16,
"padding": [
4,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "jZ6nb",
"name": "clockTime",
"fill": "$color-text",
"content": "14:37:38",
"fontFamily": "IBM Plex Mono",
"fontSize": "$font-size-clock",
"fontWeight": "bold",
"letterSpacing": 2
},
{
"type": "frame",
"id": "SajMe",
"name": "clockRight",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "pq083",
"name": "clockLabel",
"fill": "$color-muted",
"content": "IBM Plex Mono",
"fontFamily": "IBM Plex Sans",
"fontSize": 8,
"fontWeight": "normal"
},
{
"type": "text",
"id": "nQ4nT",
"name": "clockDate",
"fill": "$color-muted",
"content": "Apr 9, 2026",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "normal"
},
{
"type": "text",
"id": "RZgYB",
"name": "clockTz",
"fill": "$color-muted",
"content": "UTC+00 (GMT)",
"fontFamily": "IBM Plex Sans",
"fontSize": 8,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "atFop",
"name": "taskTray",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "EK56l",
"name": "trayIcon1",
"width": 14,
"height": 14,
"iconFontName": "wifi",
"iconFontFamily": "lucide",
"fill": "$color-muted"
},
{
"type": "icon_font",
"id": "H0MgY",
"name": "trayIcon2",
"width": 14,
"height": 14,
"iconFontName": "volume-2",
"iconFontFamily": "lucide",
"fill": "$color-muted"
},
{
"type": "icon_font",
"id": "ZnVKq",
"name": "trayIcon3",
"width": 14,
"height": 14,
"iconFontName": "battery-full",
"iconFontFamily": "lucide",
"fill": "$color-muted"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "dlZlk",
"x": 1139,
"y": 1466,
"name": "App - Action Buttons",
"clip": true,
"width": 180,
"fill": "$color-background",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "966LE",
"name": "ActionButtonsWindow",
"clip": true,
"width": "fill_container",
"fill": "$color-frame",
"cornerRadius": "$radius-outer",
"stroke": {
"align": "outside",
"thickness": "$border-thick",
"fill": "$color-frame"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000099",
"offset": {
"x": 0,
"y": 16
},
"blur": 32
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "anYic",
"name": "actTitle",
"width": "fill_container",
"fill": "$color-frame",
"padding": [
0,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "6L4bN",
"name": "actTitleLeft",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "YcXNH",
"name": "actTitleIcon",
"width": 12,
"height": 12,
"iconFontName": "grid-3x3",
"iconFontFamily": "lucide",
"fill": "$color-primary"
},
{
"type": "text",
"id": "buT3v",
"name": "actTitleText",
"fill": "$color-text",
"content": "Action Buttons",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "bold"
}
]
},
{
"type": "frame",
"id": "rl0Dd",
"name": "actTitleBtns",
"gap": 4,
"alignItems": "center",
"children": [
{
"id": "pXSTN",
"type": "ref",
"ref": "tHuug",
"name": "ab1"
},
{
"id": "ZZNys",
"type": "ref",
"ref": "ohupx",
"name": "ab2"
}
]
}
]
},
{
"type": "frame",
"id": "GtV0O",
"name": "actBody",
"width": "fill_container",
"fill": "$color-surface",
"layout": "vertical",
"gap": 6,
"padding": 10,
"children": [
{
"type": "frame",
"id": "a4eMu",
"name": "actRow1",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "Yk9Nh",
"name": "actBtn1",
"width": "fill_container",
"height": 50,
"fill": "$color-frame",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "zQLj6",
"name": "actIcon1",
"width": 16,
"height": 16,
"iconFontName": "timer",
"iconFontFamily": "lucide",
"fill": "$color-primary"
},
{
"type": "text",
"id": "AFNjj",
"name": "actLbl1",
"fill": "$color-muted",
"content": "Clock",
"fontFamily": "IBM Plex Sans",
"fontSize": 8,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "JyUf2",
"name": "actBtn2",
"width": "fill_container",
"height": 50,
"fill": "$color-frame",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "kqtJa",
"name": "actIcon2",
"width": 16,
"height": 16,
"iconFontName": "calculator",
"iconFontFamily": "lucide",
"fill": "$color-primary"
},
{
"type": "text",
"id": "KTglt",
"name": "actLbl2",
"fill": "$color-muted",
"content": "Calc",
"fontFamily": "IBM Plex Sans",
"fontSize": 8,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "kjkin",
"name": "actRow2",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "YwCSp",
"name": "actBtn3",
"width": "fill_container",
"height": 50,
"fill": "$color-frame",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "tX0qi",
"name": "actIcon3",
"width": 16,
"height": 16,
"iconFontName": "mail",
"iconFontFamily": "lucide",
"fill": "$color-primary"
},
{
"type": "text",
"id": "v2sb6",
"name": "actLbl3",
"fill": "$color-muted",
"content": "Mail",
"fontFamily": "IBM Plex Sans",
"fontSize": 8,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "T2MI9",
"name": "actBtn4",
"width": "fill_container",
"height": 50,
"fill": "$color-frame",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "sjz55",
"name": "actIcon4",
"width": 16,
"height": 16,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "$color-primary"
},
{
"type": "text",
"id": "8QaHH",
"name": "actLbl4",
"fill": "$color-muted",
"content": "Settings",
"fontFamily": "IBM Plex Sans",
"fontSize": 8,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "3XfGX",
"name": "actRow3",
"width": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "5EdsR",
"name": "actBtn5",
"width": "fill_container",
"height": 50,
"fill": "$color-primary",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-primary-hover"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "YnG7i",
"name": "actIcon5",
"width": 16,
"height": 16,
"iconFontName": "lock",
"iconFontFamily": "lucide",
"fill": "$color-text"
},
{
"type": "text",
"id": "dSjix",
"name": "actLbl5",
"fill": "$color-text",
"content": "Lock",
"fontFamily": "IBM Plex Sans",
"fontSize": 8,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "W2fDx",
"name": "actBtn6",
"width": "fill_container",
"height": 50,
"fill": "$color-accent",
"cornerRadius": "$radius-inner",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"layout": "vertical",
"gap": 3,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "m0vp6",
"name": "actIcon6",
"width": 16,
"height": 16,
"iconFontName": "power",
"iconFontFamily": "lucide",
"fill": "#FFFFFF"
},
{
"type": "text",
"id": "dB4S8",
"name": "actLbl6",
"fill": "#FFFFFF",
"content": "Logout",
"fontFamily": "IBM Plex Sans",
"fontSize": 8,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "OmDHK",
"x": -801,
"y": 2186,
"name": "Screen - Desktop Space & Front Panel",
"clip": true,
"width": 1280,
"height": 800,
"fill": "$color-background",
"layout": "none",
"children": [
{
"type": "rectangle",
"id": "WybEi",
"x": 0,
"y": 0,
"name": "grain",
"fill": {
"type": "gradient",
"gradientType": "radial",
"enabled": true,
"rotation": 0,
"size": {
"width": 1,
"height": 1
},
"colors": [
{
"color": "#1E222680",
"position": 0
},
{
"color": "#15171AFF",
"position": 1
}
]
},
"width": 1280,
"height": 800
},
{
"type": "frame",
"id": "hyXm1",
"x": 30,
"y": 30,
"name": "dtIcon1Frame",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "zM3I6",
"name": "dtIcon1Ic",
"width": 48,
"height": 48,
"iconFontName": "hard-drive",
"iconFontFamily": "lucide",
"fill": "$color-muted",
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000066",
"offset": {
"x": 0,
"y": 4
},
"blur": 8
}
},
{
"type": "text",
"id": "BhFg7",
"name": "dtIcon1Lbl",
"fill": "$color-text",
"content": "System",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "6iWZ4",
"x": 30,
"y": 120,
"name": "dtIcon2Frame",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "zLRBW",
"name": "dtIcon2Ic",
"width": 48,
"height": 48,
"iconFontName": "folder",
"iconFontFamily": "lucide",
"fill": "$color-folder",
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000066",
"offset": {
"x": 0,
"y": 4
},
"blur": 8
}
},
{
"type": "text",
"id": "qzEai",
"name": "dtIcon2Lbl",
"fill": "$color-text",
"content": "Home",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "6Yrz5",
"x": 30,
"y": 210,
"name": "dtIcon3Frame",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "TNuzM",
"name": "dtIcon3Ic",
"width": 48,
"height": 48,
"iconFontName": "trash-2",
"iconFontFamily": "lucide",
"fill": "$color-muted",
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000066",
"offset": {
"x": 0,
"y": 4
},
"blur": 8
}
},
{
"type": "text",
"id": "UfHk6",
"name": "dtIcon3Lbl",
"fill": "$color-text",
"content": "Trash",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "0U87N",
"x": 30,
"y": 300,
"name": "dtIcon4Frame",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "YEbwL",
"name": "dtIcon4Ic",
"width": 48,
"height": 48,
"iconFontName": "terminal",
"iconFontFamily": "lucide",
"fill": "$color-primary",
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000066",
"offset": {
"x": 0,
"y": 4
},
"blur": 8
}
},
{
"type": "text",
"id": "VFwJ3",
"name": "dtIcon4Lbl",
"fill": "$color-text",
"content": "Terminal",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-xs",
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "b4nhr",
"x": 240,
"y": 696,
"name": "FrontPanel",
"width": 800,
"fill": "$color-panel-bg",
"cornerRadius": "$radius-panel",
"effect": [
{
"type": "shadow",
"shadowType": "outer",
"color": "#00000099",
"offset": {
"x": 0,
"y": 16
},
"blur": 32
},
{
"type": "background_blur",
"radius": 24
}
],
"gap": 16,
"padding": [
12,
28
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "o4JbL",
"name": "pnlLeft",
"gap": 20,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "XHhav",
"name": "pnlFileIcon",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "U1dlR",
"name": "pnlFileIc",
"width": 36,
"height": 36,
"iconFontName": "folder",
"iconFontFamily": "lucide",
"fill": "$color-primary"
},
{
"type": "text",
"id": "V7YSK",
"name": "pnlFileLbl",
"fill": "$color-muted",
"content": "Files",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500"
},
{
"type": "ellipse",
"id": "QoeIK",
"name": "pnlFileDot",
"fill": "$color-primary",
"width": 5,
"height": 5
}
]
},
{
"type": "frame",
"id": "bexGb",
"name": "pnlTermIcon",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "UYxhH",
"name": "pnlTermIc",
"width": 36,
"height": 36,
"iconFontName": "terminal",
"iconFontFamily": "lucide",
"fill": "$color-muted"
},
{
"type": "text",
"id": "Sp7Yx",
"name": "pnlTermLbl",
"fill": "$color-muted",
"content": "Terminal",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "FBojK",
"name": "pnlGearIcon",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "2zKap",
"name": "pnlGearIc",
"width": 36,
"height": 36,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "$color-muted"
},
{
"type": "text",
"id": "YQmqS",
"name": "pnlGearLbl",
"fill": "$color-muted",
"content": "Settings",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "mjIgu",
"name": "pnlMailIcon",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Ia0bZ",
"name": "pnlMailIc",
"width": 36,
"height": 36,
"iconFontName": "mail",
"iconFontFamily": "lucide",
"fill": "$color-muted"
},
{
"type": "text",
"id": "oQ1FD",
"name": "pnlMailLbl",
"fill": "$color-muted",
"content": "Mail",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "iyQ8s",
"name": "pnlDiv1",
"width": 1,
"height": 50,
"fill": "$color-divider"
},
{
"type": "frame",
"id": "jNW0T",
"name": "pnlWsGroup",
"gap": 4,
"alignItems": "center",
"children": [
{
"id": "Ittkb",
"type": "ref",
"ref": "Fk4hg",
"name": "ws1"
},
{
"id": "SzZQy",
"type": "ref",
"ref": "ETPtK",
"name": "ws2",
"descendants": {
"jaoJ7": {
"content": "Two"
}
}
},
{
"id": "cO7ez",
"type": "ref",
"ref": "ETPtK",
"name": "ws3",
"descendants": {
"jaoJ7": {
"content": "Three"
}
}
},
{
"id": "T9VgT",
"type": "ref",
"ref": "ETPtK",
"name": "ws4",
"descendants": {
"jaoJ7": {
"content": "Four"
}
}
}
]
},
{
"type": "frame",
"id": "f5bT1",
"name": "pnlDiv2",
"width": 1,
"height": 50,
"fill": "$color-divider"
},
{
"type": "frame",
"id": "quIWS",
"name": "pnlRight",
"layout": "vertical",
"gap": 2,
"justifyContent": "center",
"alignItems": "end",
"children": [
{
"type": "text",
"id": "aLqJ5",
"name": "pnlTime",
"fill": "$color-text",
"content": "14:37:38",
"fontFamily": "IBM Plex Mono",
"fontSize": 22,
"fontWeight": "600",
"letterSpacing": 2
},
{
"type": "text",
"id": "8SMkO",
"name": "pnlDate",
"fill": "$color-muted",
"content": "Thu Apr 9, 2026",
"fontFamily": "IBM Plex Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "XnJMq",
"name": "pnlDiv3",
"width": 1,
"height": 50,
"fill": "$color-divider"
},
{
"type": "frame",
"id": "DLEjX",
"name": "pnlTray",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "vdIwa",
"name": "trayWifi",
"width": 18,
"height": 18,
"iconFontName": "wifi",
"iconFontFamily": "lucide",
"fill": "$color-primary"
},
{
"type": "icon_font",
"id": "D592C",
"name": "trayVol",
"width": 18,
"height": 18,
"iconFontName": "volume-2",
"iconFontFamily": "lucide",
"fill": "$color-muted"
},
{
"type": "icon_font",
"id": "kjQW1",
"name": "trayBatt",
"width": 18,
"height": 18,
"iconFontName": "battery-full",
"iconFontFamily": "lucide",
"fill": "$color-muted"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "IgrHZ",
"x": 579,
"y": 2186,
"name": "Screen - Application Drawer",
"clip": true,
"width": 480,
"height": 500,
"fill": "$color-background",
"layout": "none",
"children": [
{
"type": "rectangle",
"id": "u3ike",
"x": 0,
"y": 0,
"name": "drawerBg",
"fill": "$color-background",
"width": 480,
"height": 500
},
{
"type": "frame",
"id": "NrMqa",
"x": 24,
"y": 24,
"name": "DrawerWindow",
"clip": true,
"width": 432,
"height": 452,
"fill": "$color-frame",
"cornerRadius": "$radius-outer",
"stroke": {
"align": "outside",
"thickness": "$border-thick",
"fill": "$color-frame"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#00000099",
"offset": {
"x": 0,
"y": 16
},
"blur": 32
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "snZbD",
"name": "drawerTitle",
"width": "fill_container",
"fill": "$color-frame",
"padding": [
0,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "GwBPI",
"name": "drawerTitleLeft",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "CXpjj",
"name": "drawerTitleIcon",
"width": 16,
"height": 16,
"iconFontName": "layout-grid",
"iconFontFamily": "lucide",
"fill": "$color-primary"
},
{
"type": "text",
"id": "P2lRI",
"name": "drawerTitleText",
"fill": "$color-text",
"content": "Application Drawer",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-sm",
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "YWOyk",
"name": "drawerTitleBtns",
"gap": 4,
"alignItems": "center",
"children": [
{
"id": "mopmE",
"type": "ref",
"ref": "tHuug",
"name": "dtb1"
},
{
"id": "tDGB4",
"type": "ref",
"ref": "hZcoI",
"name": "dtb2"
},
{
"id": "1AVFh",
"type": "ref",
"ref": "ohupx",
"name": "dtb3"
}
]
}
]
},
{
"type": "frame",
"id": "IRzax",
"name": "drawerSearch",
"width": "fill_container",
"fill": "$color-frame",
"gap": 8,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "T3aa7",
"name": "searchIcon",
"width": 14,
"height": 14,
"iconFontName": "search",
"iconFontFamily": "lucide",
"fill": "$color-muted"
},
{
"type": "frame",
"id": "aFYGr",
"name": "searchInput",
"width": "fill_container",
"fill": "$color-input-bg",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-frame"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-dark",
"offset": {
"x": 2,
"y": 2
}
},
"padding": [
6,
10
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "akJwG",
"name": "searchText",
"fill": "$color-muted",
"content": "Search applications...",
"fontFamily": "IBM Plex Sans",
"fontSize": "$font-size-sm",
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "NPVYB",
"name": "AppGrid",
"width": "fill_container",
"height": "fill_container",
"fill": "$color-surface",
"layout": "vertical",
"gap": 20,
"padding": [
20,
24
],
"children": [
{
"type": "frame",
"id": "fwlCP",
"name": "row1",
"width": "fill_container",
"gap": 16,
"justifyContent": "space_around",
"children": [
{
"type": "frame",
"id": "rkGrv",
"name": "app1",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "BvYeI",
"name": "app1Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Z2oCj",
"name": "app1Ic",
"width": 28,
"height": 28,
"iconFontName": "folder",
"iconFontFamily": "lucide",
"fill": "$color-folder"
}
]
},
{
"type": "text",
"id": "oWJqQ",
"name": "app1Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "FILE MANAGER",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "tpBkW",
"name": "app2",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "nvJUT",
"name": "app2Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "zl7UM",
"name": "app2Ic",
"width": 28,
"height": 28,
"iconFontName": "terminal",
"iconFontFamily": "lucide",
"fill": "$color-primary"
}
]
},
{
"type": "text",
"id": "TdkT6",
"name": "app2Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "TERMINAL",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "x3zkh",
"name": "app3",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "jS0SJ",
"name": "app3Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "XSMMR",
"name": "app3Ic",
"width": 28,
"height": 28,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "$color-muted"
}
]
},
{
"type": "text",
"id": "K3FZ8",
"name": "app3Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "SETTINGS",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "ytB18",
"name": "app4",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ph9Ua",
"name": "app4Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "7YFYZ",
"name": "app4Ic",
"width": 28,
"height": 28,
"iconFontName": "monitor",
"iconFontFamily": "lucide",
"fill": "$color-muted"
}
]
},
{
"type": "text",
"id": "S9YaO",
"name": "app4Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "DISPLAY",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
}
]
},
{
"type": "frame",
"id": "6haFg",
"name": "row2",
"width": "fill_container",
"gap": 16,
"justifyContent": "space_around",
"children": [
{
"type": "frame",
"id": "25Nch",
"name": "app5",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "bzleQ",
"name": "app5Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "JQsN2",
"name": "app5Ic",
"width": 28,
"height": 28,
"iconFontName": "mail",
"iconFontFamily": "lucide",
"fill": "$color-muted"
}
]
},
{
"type": "text",
"id": "h2JMv",
"name": "app5Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "MAILER",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "wMpQJ",
"name": "app6",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "eZeu9",
"name": "app6Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "z4cFm",
"name": "app6Ic",
"width": 28,
"height": 28,
"iconFontName": "calendar",
"iconFontFamily": "lucide",
"fill": "$color-muted"
}
]
},
{
"type": "text",
"id": "TMgYu",
"name": "app6Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "CALENDAR",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "BMXTs",
"name": "app7",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "POfmF",
"name": "app7Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "mdzFN",
"name": "app7Ic",
"width": 28,
"height": 28,
"iconFontName": "calculator",
"iconFontFamily": "lucide",
"fill": "$color-muted"
}
]
},
{
"type": "text",
"id": "8VFE8",
"name": "app7Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "CALCULATOR",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "cAXOy",
"name": "app8",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "mRA1b",
"name": "app8Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "iCET9",
"name": "app8Ic",
"width": 28,
"height": 28,
"iconFontName": "type",
"iconFontFamily": "lucide",
"fill": "$color-muted"
}
]
},
{
"type": "text",
"id": "S9FfJ",
"name": "app8Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "TEXT EDITOR",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
}
]
},
{
"type": "frame",
"id": "ZxjH0",
"name": "row3",
"width": "fill_container",
"gap": 16,
"justifyContent": "space_around",
"children": [
{
"type": "frame",
"id": "UDFMk",
"name": "app9",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "tTAoQ",
"name": "app9Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Bb88S",
"name": "app9Ic",
"width": 28,
"height": 28,
"iconFontName": "image",
"iconFontFamily": "lucide",
"fill": "$color-muted"
}
]
},
{
"type": "text",
"id": "lqnpt",
"name": "app9Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "VIEWER",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "xen01",
"name": "app10",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "SKhu6",
"name": "app10Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "CZpqP",
"name": "app10Ic",
"width": 28,
"height": 28,
"iconFontName": "wifi",
"iconFontFamily": "lucide",
"fill": "$color-primary"
}
]
},
{
"type": "text",
"id": "Wm5Xb",
"name": "app10Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "NETWORK",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "gfymA",
"name": "app11",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "eOTYY",
"name": "app11Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "wFuNy",
"name": "app11Ic",
"width": 28,
"height": 28,
"iconFontName": "lock",
"iconFontFamily": "lucide",
"fill": "$color-accent"
}
]
},
{
"type": "text",
"id": "Z3VyS",
"name": "app11Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "LOCK SCREEN",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "Ldt6u",
"name": "app12",
"width": 80,
"layout": "vertical",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "cSFIs",
"name": "app12Bg",
"width": 56,
"height": 56,
"fill": "$color-frame",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$color-highlight-border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "$color-shadow-inset-light",
"offset": {
"x": 2,
"y": 2
}
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "cTqR0",
"name": "app12Ic",
"width": 28,
"height": 28,
"iconFontName": "power",
"iconFontFamily": "lucide",
"fill": "$color-accent"
}
]
},
{
"type": "text",
"id": "mHPEA",
"name": "app12Lbl",
"fill": "$color-muted",
"textGrowth": "fixed-width",
"width": 80,
"content": "SHUTDOWN",
"textAlign": "center",
"fontFamily": "IBM Plex Sans",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1
}
]
}
]
}
]
},
{
"type": "frame",
"id": "QmQdN",
"name": "catBar",
"width": "fill_container",
"fill": "$color-frame",
"children": [
{
"type": "frame",
"id": "S3VjV",
"name": "cat1",
"width": "fill_container",
"fill": "$color-primary",
"padding": [
8,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "o1wws",
"name": "cat1Text",
"fill": "$color-text",
"content": "ALL",
"fontFamily": "IBM Plex Sans",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "Yz4sX",
"name": "cat2",
"width": "fill_container",
"fill": "$color-frame",
"padding": [
8,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "r1yQh",
"name": "cat2Text",
"fill": "$color-muted",
"content": "SYSTEM",
"fontFamily": "IBM Plex Sans",
"fontSize": 11,
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "ZeY34",
"name": "cat3",
"width": "fill_container",
"fill": "$color-frame",
"padding": [
8,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "JoljA",
"name": "cat3Text",
"fill": "$color-muted",
"content": "UTILS",
"fontFamily": "IBM Plex Sans",
"fontSize": 11,
"fontWeight": "500",
"letterSpacing": 1
}
]
},
{
"type": "frame",
"id": "pm2fs",
"name": "cat4",
"width": "fill_container",
"fill": "$color-frame",
"padding": [
8,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "nC52d",
"name": "cat4Text",
"fill": "$color-muted",
"content": "CUSTOM",
"fontFamily": "IBM Plex Sans",
"fontSize": 11,
"fontWeight": "500",
"letterSpacing": 1
}
]
}
]
}
]
}
]
}
],
"variables": {
"accent": {
"type": "color",
"value": "#4A8A90FF"
},
"accent-dark": {
"type": "color",
"value": "#2E5E64FF"
},
"accent-hover": {
"type": "color",
"value": "#5AA0A8FF"
},
"border-width": {
"type": "number",
"value": 1
},
"button-bg": {
"type": "color",
"value": "#2A3E55CC"
},
"button-border": {
"type": "color",
"value": "#3A5A78FF"
},
"button-hover": {
"type": "color",
"value": "#3A5068CC"
},
"corner-lg": {
"type": "number",
"value": 8
},
"corner-md": {
"type": "number",
"value": 6
},
"corner-sm": {
"type": "number",
"value": 3
},
"danger": {
"type": "color",
"value": "#C85050FF"
},
"desktop-bg": {
"type": "color",
"value": "#0A1018FF"
},
"divider": {
"type": "color",
"value": "#2A4058FF"
},
"folder-color": {
"type": "color",
"value": "#C8A868FF"
},
"folder-shadow": {
"type": "color",
"value": "#8A7040FF"
},
"font-main": {
"type": "string",
"value": "IBM Plex Mono"
},
"font-size-clock": {
"type": "number",
"value": 14
},
"font-size-lg": {
"type": "number",
"value": 20
},
"font-size-md": {
"type": "number",
"value": 13
},
"font-size-sm": {
"type": "number",
"value": 14
},
"font-size-xl": {
"type": "number",
"value": 28
},
"font-size-xs": {
"type": "number",
"value": 12
},
"input-bg": {
"type": "color",
"value": "#0E1A28E6"
},
"input-border": {
"type": "color",
"value": "#2A4058FF"
},
"scrollbar-bg": {
"type": "color",
"value": "#1A2838FF"
},
"scrollbar-thumb": {
"type": "color",
"value": "#3A5A78FF"
},
"spacing-lg": {
"type": "number",
"value": 16
},
"spacing-md": {
"type": "number",
"value": 12
},
"spacing-sm": {
"type": "number",
"value": 8
},
"spacing-xl": {
"type": "number",
"value": 24
},
"spacing-xs": {
"type": "number",
"value": 4
},
"success": {
"type": "color",
"value": "#50A868FF"
},
"surface-dark": {
"type": "color",
"value": "#0E1620FF"
},
"surface-glass": {
"type": "color",
"value": "#1E2E4280"
},
"surface-light": {
"type": "color",
"value": "#2A3E52FF"
},
"surface-medium": {
"type": "color",
"value": "#1A2838FF"
},
"taskbar-bg": {
"type": "color",
"value": "#141E2CE6"
},
"text-muted": {
"type": "color",
"value": "#5A7A90FF"
},
"text-primary": {
"type": "color",
"value": "#C8DDE8FF"
},
"text-secondary": {
"type": "color",
"value": "#8AA4B8FF"
},
"title-bar-bg": {
"type": "color",
"value": "#2A3E55E6"
},
"title-bar-text": {
"type": "color",
"value": "#B0C8DCFF"
},
"window-bg": {
"type": "color",
"value": "#1E2A3AE6"
},
"window-bg-solid": {
"type": "color",
"value": "#1E2A3AFF"
},
"window-border": {
"type": "color",
"value": "#3A5068FF"
},
"window-border-light": {
"type": "color",
"value": "#4A6A85FF"
},
"window-corner": {
"type": "number",
"value": 8
},
"border-thick": {
"type": "number",
"value": 8
},
"color-accent": {
"type": "color",
"value": "#C16B58FF"
},
"color-background": {
"type": "color",
"value": "#15171AFF"
},
"color-divider": {
"type": "color",
"value": "#2A3040FF"
},
"color-folder": {
"type": "color",
"value": "#C8A868FF"
},
"color-folder-shadow": {
"type": "color",
"value": "#8A7040FF"
},
"color-frame": {
"type": "color",
"value": "#24282DFF"
},
"color-frame-dim": {
"type": "color",
"value": "#1A1D21FF"
},
"color-highlight-border": {
"type": "color",
"value": "#FFFFFF0D"
},
"color-input-bg": {
"type": "color",
"value": "#0D0E11E6"
},
"color-muted": {
"type": "color",
"value": "#8B949EFF"
},
"color-panel-bg": {
"type": "color",
"value": "#202428A6"
},
"color-primary": {
"type": "color",
"value": "#4A8B82FF"
},
"color-primary-hover": {
"type": "color",
"value": "#5BB0A4FF"
},
"color-scrollbar-thumb": {
"type": "color",
"value": "#4A8B82FF"
},
"color-scrollbar-track": {
"type": "color",
"value": "#24282DFF"
},
"color-selection": {
"type": "color",
"value": "#4A8B8233"
},
"color-shadow-inset-dark": {
"type": "color",
"value": "#00000066"
},
"color-shadow-inset-light": {
"type": "color",
"value": "#FFFFFF0D"
},
"color-surface": {
"type": "color",
"value": "#202428A6"
},
"color-terminal-bg": {
"type": "color",
"value": "#0D0E11FF"
},
"color-text": {
"type": "color",
"value": "#E4E7EBFF"
},
"font-mono": {
"type": "string",
"value": "IBM Plex Mono"
},
"font-size-body": {
"type": "number",
"value": 15
},
"font-ui": {
"type": "string",
"value": "IBM Plex Sans"
},
"front-panel-height": {
"type": "number",
"value": 80
},
"icon-size": {
"type": "number",
"value": 64
},
"menu-bar-height": {
"type": "number",
"value": 28
},
"radius-inner": {
"type": "number",
"value": 0
},
"radius-outer": {
"type": "number",
"value": 4
},
"radius-panel": {
"type": "number",
"value": 16
},
"scrollbar-width": {
"type": "number",
"value": 16
},
"status-bar-height": {
"type": "number",
"value": 24
},
"title-bar-height": {
"type": "number",
"value": 32
}
}
}
Reference in a new issue View git blame Copy permalink