{ "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 } } }