{ "version": "2.10", "children": [ { "type": "frame", "id": "bi8Au", "x": 0, "y": 0, "name": "Frame", "clip": true, "width": 800, "height": 600, "fill": "#FFFFFF", "layout": "none" }, { "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 - CDE Glassy", "fill": "$desktop-bg", "cornerRadius": 12, "gap": 60, "padding": 40, "children": [ { "type": "frame", "id": "mEZgD", "name": "Buttons & Controls", "layout": "vertical", "gap": 24, "children": [ { "type": "text", "id": "sfLO3", "name": "lblButtons", "fill": "$text-primary", "content": "Buttons & Controls", "fontFamily": "$font-main", "fontSize": "$font-size-lg", "fontWeight": "bold" }, { "type": "frame", "id": "mqxJC", "name": "Button/Default", "reusable": true, "fill": "$button-bg", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$button-border" }, "padding": [ 6, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "OswDM", "name": "btnText", "fill": "$text-primary", "content": "Button", "fontFamily": "$font-main", "fontSize": "$font-size-sm", "fontWeight": "normal" } ] }, { "type": "frame", "id": "4Ke8n", "name": "Button/Active", "reusable": true, "fill": "$accent-dark", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$accent" }, "padding": [ 6, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "J4fDc", "name": "btnActiveText", "fill": "$text-primary", "content": "Active", "fontFamily": "$font-main", "fontSize": "$font-size-sm", "fontWeight": "normal" } ] }, { "type": "frame", "id": "nMjkg", "name": "Button/Small", "reusable": true, "fill": "$button-bg", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$button-border" }, "padding": [ 4, 10 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "gFaYH", "name": "btnSmText", "fill": "$text-primary", "content": "Small", "fontFamily": "$font-main", "fontSize": "$font-size-xs", "fontWeight": "normal" } ] }, { "type": "frame", "id": "ohupx", "name": "Window/CloseButton", "reusable": true, "width": 14, "height": 14, "fill": "$danger", "cornerRadius": 7, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "UKOfS", "name": "closX", "fill": "#FFFFFF", "content": "×", "fontFamily": "$font-main", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "frame", "id": "tHuug", "name": "Window/MinButton", "reusable": true, "width": 14, "height": 14, "fill": "$accent-dark", "cornerRadius": 7, "stroke": { "align": "inside", "thickness": 1, "fill": "$accent" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "8rUOl", "name": "minDash", "fill": "$text-primary", "content": "–", "fontFamily": "$font-main", "fontSize": 9, "fontWeight": "normal" } ] }, { "type": "frame", "id": "hZcoI", "name": "Window/MaxButton", "reusable": true, "width": 14, "height": 14, "fill": "$accent-dark", "cornerRadius": 7, "stroke": { "align": "inside", "thickness": 1, "fill": "$accent" }, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "14mfZ", "name": "maxSq", "fill": "$text-primary", "content": "□", "fontFamily": "$font-main", "fontSize": 9, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "Ss4k9", "name": "Window Components", "layout": "vertical", "gap": 24, "children": [ { "type": "text", "id": "KqIDo", "name": "lblWindow", "fill": "$text-primary", "content": "Window Chrome", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-lg", "fontWeight": "bold" }, { "type": "frame", "id": "JrUqn", "name": "Window/Chrome", "reusable": true, "clip": true, "width": 420, "fill": "$window-bg", "cornerRadius": "$window-corner", "stroke": { "align": "inside", "thickness": 1, "fill": "$window-border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "BeT1L", "name": "TitleBar", "width": "fill_container", "fill": "$title-bar-bg", "padding": [ 6, 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": 14, "height": 14, "fill": "$accent", "cornerRadius": 3 }, { "type": "text", "id": "Lp22h", "name": "titleText", "fill": "$title-bar-text", "content": "Window Title", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-sm", "fontWeight": "bold" } ] }, { "type": "frame", "id": "CTFM9", "name": "titleBtns", "gap": 6, "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": 200, "fill": "$surface-glass", "layout": "vertical", "padding": 12, "children": [ { "type": "text", "id": "yy46B", "name": "contentPlaceholder", "fill": "$text-secondary", "content": "Window content area", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-sm", "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "dpnhi", "name": "Inputs & Tabs", "layout": "vertical", "gap": 24, "children": [ { "type": "text", "id": "Lkj1b", "name": "lblInputs", "fill": "$text-primary", "content": "Inputs & Tabs", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-lg", "fontWeight": "bold" }, { "type": "frame", "id": "Yfu00", "name": "Input/Default", "reusable": true, "width": 220, "fill": "$input-bg", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$input-border" }, "padding": [ 6, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "LYq3k", "name": "inputText", "fill": "$text-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": "$surface-medium", "padding": [ 0, 4 ], "children": [ { "type": "frame", "id": "GX1yB", "name": "MenuItem", "padding": [ 4, 10 ], "children": [ { "type": "text", "id": "Ue2QC", "name": "menuText1", "fill": "$text-secondary", "content": "File", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" } ] }, { "type": "frame", "id": "4cQHb", "name": "menuItem2", "padding": [ 4, 10 ], "children": [ { "type": "text", "id": "TkASg", "name": "menuText2", "fill": "$text-secondary", "content": "Edit", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" } ] }, { "type": "frame", "id": "5NwBV", "name": "menuItem3", "padding": [ 4, 10 ], "children": [ { "type": "text", "id": "BHZx2", "name": "menuText3", "fill": "$text-secondary", "content": "View", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "O6ZWu", "name": "TabBar", "reusable": true, "children": [ { "type": "frame", "id": "JhUSn", "name": "Tab/Active", "reusable": true, "fill": "$accent-dark", "cornerRadius": [ 6, 6, 0, 0 ], "stroke": { "align": "inside", "thickness": 1, "fill": "$accent" }, "padding": [ 6, 14 ], "children": [ { "type": "text", "id": "SoYUn", "name": "tabActiveText", "fill": "$text-primary", "content": "Active Tab", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" } ] }, { "type": "frame", "id": "nA6SK", "name": "Tab/Inactive", "reusable": true, "fill": "$button-bg", "cornerRadius": [ 6, 6, 0, 0 ], "stroke": { "align": "inside", "thickness": 1, "fill": "$button-border" }, "padding": [ 6, 14 ], "children": [ { "type": "text", "id": "basi4", "name": "tabInactiveText", "fill": "$text-muted", "content": "Inactive Tab", "fontFamily": "IBM Plex Mono", "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": "$text-primary", "content": "Icons & Taskbar", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-lg", "fontWeight": "bold" }, { "type": "frame", "id": "s44jv", "name": "FolderIcon", "reusable": true, "width": 64, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [ { "type": "frame", "id": "encLP", "name": "folderShape", "width": 40, "height": 32, "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 180, "size": { "height": 1 }, "colors": [ { "color": "$folder-color", "position": 0 }, { "color": "$folder-shadow", "position": 1 } ] }, "cornerRadius": [ 4, 4, 2, 2 ] }, { "type": "frame", "id": "tpTz0", "layoutPosition": "absolute", "x": 2, "y": -4, "name": "folderTab", "width": 18, "height": 6, "fill": "$folder-color", "cornerRadius": [ 3, 3, 0, 0 ] }, { "type": "text", "id": "dL9Kk", "name": "folderLabel", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": 64, "content": "Folder", "textAlign": "center", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" } ] }, { "type": "frame", "id": "2jRRx", "name": "TaskbarButton", "reusable": true, "fill": "$button-bg", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$button-border" }, "gap": 6, "padding": [ 6, 12 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "cRTVg", "name": "taskbarIcon", "width": 14, "height": 14, "iconFontName": "monitor", "iconFontFamily": "lucide", "fill": "$accent" }, { "type": "text", "id": "hGoc9", "name": "taskbarLabel", "fill": "$text-primary", "content": "App Name", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" } ] }, { "type": "frame", "id": "nciO8", "name": "TaskbarButton/Active", "reusable": true, "fill": "$accent-dark", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$accent" }, "gap": 6, "padding": [ 6, 12 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "4xZk9", "name": "taskbarIconA", "width": 14, "height": 14, "iconFontName": "monitor", "iconFontFamily": "lucide", "fill": "$text-primary" }, { "type": "text", "id": "0vhX9", "name": "taskbarLabelA", "fill": "$text-primary", "content": "Active App", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" } ] }, { "type": "frame", "id": "9C107", "name": "StatusBar", "reusable": true, "width": 300, "fill": "$surface-dark", "stroke": { "align": "inside", "thickness": 1, "fill": "$divider" }, "padding": [ 4, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "LgBQm", "name": "statusLeft", "fill": "$text-muted", "content": "Status message", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" }, { "type": "text", "id": "Jf8QV", "name": "statusRight", "fill": "$text-muted", "content": "Ready", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" } ] }, { "type": "frame", "id": "eLOtl", "name": "Divider", "reusable": true, "width": 200, "height": 1, "fill": "$divider", "layout": "none" }, { "type": "frame", "id": "6ISmw", "name": "Scrollbar", "reusable": true, "width": 10, "height": 100, "fill": "$scrollbar-bg", "cornerRadius": 5, "layout": "vertical", "children": [ { "type": "frame", "id": "YoDa1", "name": "scrollThumb", "width": "fill_container", "height": 30, "fill": "$scrollbar-thumb", "cornerRadius": 5 } ] } ] } ] }, { "type": "frame", "id": "4YDKk", "x": -801, "y": 1466, "name": "App - File Manager", "clip": true, "width": 620, "height": 500, "fill": "$desktop-bg", "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 Mono", "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 Mono", "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 Mono", "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 Mono", "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 Mono", "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": "$desktop-bg", "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": "$corner-md", "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", "textAlign": "center", "fontFamily": "IBM Plex Mono", "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": "$corner-md", "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 Mono", "fontSize": "$font-size-xl", "fontWeight": "bold" } ] }, { "type": "text", "id": "aBNNC", "fill": "$text-secondary", "content": "Fonts", "textAlign": "center", "fontFamily": "IBM Plex Mono", "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": "$corner-md", "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 Mono", "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": "$corner-md", "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 Mono", "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": "$corner-md", "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 Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" } ] } ] }, { "id": "8umza", "type": "ref", "ref": "eLOtl", "width": "fill_container", "name": "div1" }, { "type": "text", "id": "Oy28H", "fill": "$text-primary", "content": "File Manager", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-md", "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" } } }, { "type": "rectangle", "cornerRadius": "$corner-sm", "id": "9U5Wx", "name": "colorPreview", "fill": "#30DE11FF", "width": 28, "height": 28, "stroke": { "align": "inside", "thickness": 1, "fill": "$window-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": "$text-muted", "content": "Loading(1): ~/dev/1 ▸", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" }, { "type": "frame", "id": "6sdJD", "name": "loadBar", "width": "fill_container", "height": 8, "fill": "$surface-dark", "cornerRadius": 4, "stroke": { "align": "inside", "thickness": 1, "fill": "$divider" }, "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "HymfP", "name": "loadFill", "fill": "$accent", "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": "fo8ch", "type": "ref", "ref": "mqxJC", "name": "applyBtn", "descendants": { "OswDM": { "content": "Apply" } } }, { "id": "jsSwu", "type": "ref", "ref": "mqxJC", "name": "cancelBtn", "descendants": { "OswDM": { "content": "Cancel" } } } ] } ] } ] } } } ] }, { "type": "frame", "id": "5b8g3", "x": 499, "y": 1466, "name": "App - Terminal Console", "clip": true, "width": 560, "fill": "$desktop-bg", "layout": "vertical", "children": [ { "type": "frame", "id": "4ggPd", "name": "TerminalWindow", "clip": true, "width": "fill_container", "fill": "$window-bg", "cornerRadius": "$window-corner", "stroke": { "align": "inside", "thickness": 1, "fill": "$window-border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "VsmFN", "name": "termTitleBar", "width": "fill_container", "fill": "$title-bar-bg", "padding": [ 6, 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": "$accent" }, { "type": "text", "id": "4ubmS", "name": "termTitleText", "fill": "$title-bar-text", "content": "Terminal Console", "fontFamily": "IBM Plex Mono", "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" }, { "id": "RiEb6", "type": "ref", "ref": "hZcoI", "name": "twb2" }, { "id": "wb0Rk", "type": "ref", "ref": "ohupx", "name": "twb3" } ] } ] }, { "type": "frame", "id": "37d6T", "name": "termPromptBar", "width": "fill_container", "fill": "$surface-medium", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$divider" }, "gap": 8, "padding": [ 4, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "Y24KI", "name": "termPromptLabel", "fill": "$accent", "content": "user@galaxy-ws", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" }, { "type": "frame", "id": "6f6P5", "name": "termPromptHex", "fill": "$input-bg", "cornerRadius": 3, "stroke": { "align": "inside", "thickness": 1, "fill": "$input-border" }, "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": "lBpUW", "name": "termBody", "width": "fill_container", "fill": "$surface-dark", "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": "$accent", "content": "[user@galaxy-ws ~/dev/] $ ", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" }, { "type": "text", "id": "Jv0Ja", "name": "termCmd1", "fill": "$text-primary", "content": "ls -la -h", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" } ] }, { "type": "text", "id": "srpIa", "name": "termLine2", "fill": "$text-secondary", "textGrowth": "fixed-width", "width": "fill_container", "content": "total 48K", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" }, { "type": "text", "id": "XW3Ab", "name": "termLine3", "fill": "$text-secondary", "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-xs", "fontWeight": "normal" }, { "type": "text", "id": "JMZZ8", "name": "termLine4", "fill": "$text-secondary", "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-xs", "fontWeight": "normal" }, { "type": "text", "id": "IjtIP", "name": "termLine5", "fill": "$text-secondary", "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-xs", "fontWeight": "normal" }, { "type": "text", "id": "tjLEw", "name": "termLine6", "fill": "$text-secondary", "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-xs", "fontWeight": "normal" }, { "type": "text", "id": "SMM5E", "name": "termLine7", "fill": "$text-secondary", "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-xs", "fontWeight": "normal" }, { "type": "text", "id": "ZPef8", "name": "termLine8", "fill": "$text-secondary", "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-xs", "fontWeight": "normal" }, { "type": "frame", "id": "qCXLa", "name": "termLine9", "width": "fill_container", "children": [ { "type": "text", "id": "i4uM3", "name": "termPS2", "fill": "$accent", "content": "[user@galaxy-ws ~/dev/] $ ", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" }, { "type": "frame", "id": "Uso9R", "name": "termCursor", "width": 7, "height": 12, "fill": "$accent" } ] }, { "type": "frame", "id": "vSaCf", "name": "termSpacer", "width": "fill_container", "height": 80, "fill": "$surface-dark" } ] }, { "type": "frame", "id": "pzRa9", "name": "termStatus", "width": "fill_container", "fill": "$surface-medium", "stroke": { "align": "inside", "thickness": { "top": 1 }, "fill": "$divider" }, "padding": [ 4, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "ZP6P8", "name": "termStatusL", "fill": "$text-muted", "content": "~/dev/", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" }, { "type": "text", "id": "76537", "name": "termStatusR", "fill": "$text-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, "fill": "$desktop-bg", "layout": "vertical", "children": [ { "type": "frame", "id": "UG6go", "name": "Taskbar", "width": "fill_container", "fill": "$taskbar-bg", "cornerRadius": "$corner-md", "stroke": { "align": "inside", "thickness": 1, "fill": "$window-border" }, "padding": [ 6, 12 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "FyQMx", "name": "taskLeft", "gap": 6, "alignItems": "center", "children": [ { "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": "mGf38", "name": "taskDivider", "width": 1, "height": 24, "fill": "$divider" }, { "id": "y0tVD", "type": "ref", "ref": "2jRRx", "name": "tb4", "descendants": { "cRTVg": { "iconFontName": "tv" }, "hGoc9": { "content": "File Manager" } } }, { "id": "RuaTQ", "type": "ref", "ref": "2jRRx", "name": "tb5", "descendants": { "cRTVg": { "iconFontName": "terminal" }, "hGoc9": { "content": "Settings" } } } ] }, { "type": "frame", "id": "w8jRK", "name": "taskRight", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "xjFgp", "name": "taskSep", "width": 1, "height": 24, "fill": "$divider" }, { "type": "frame", "id": "S2Y9C", "name": "ClockWidget", "fill": "$surface-medium", "cornerRadius": "$corner-md", "stroke": { "align": "inside", "thickness": 1, "fill": "$window-border" }, "gap": 16, "padding": [ 4, 14 ], "alignItems": "center", "children": [ { "type": "text", "id": "jZ6nb", "name": "clockTime", "fill": "$text-primary", "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": "$text-muted", "content": "IBM Plex Mono", "fontFamily": "IBM Plex Mono", "fontSize": 8, "fontWeight": "normal" }, { "type": "text", "id": "nQ4nT", "name": "clockDate", "fill": "$text-secondary", "content": "Apr 9, 2026", "fontFamily": "IBM Plex Mono", "fontSize": "$font-size-xs", "fontWeight": "normal" }, { "type": "text", "id": "RZgYB", "name": "clockTz", "fill": "$text-muted", "content": "UTC+00 (GMT)", "fontFamily": "IBM Plex Mono", "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": "$text-secondary" }, { "type": "icon_font", "id": "H0MgY", "name": "trayIcon2", "width": 14, "height": 14, "iconFontName": "volume-2", "iconFontFamily": "lucide", "fill": "$text-secondary" }, { "type": "icon_font", "id": "ZnVKq", "name": "trayIcon3", "width": 14, "height": 14, "iconFontName": "battery-full", "iconFontFamily": "lucide", "fill": "$text-secondary" } ] } ] } ] } ] }, { "type": "frame", "id": "dlZlk", "x": 1139, "y": 1466, "name": "App - Action Buttons", "clip": true, "width": 180, "fill": "$desktop-bg", "layout": "vertical", "children": [ { "type": "frame", "id": "966LE", "name": "ActionButtonsWindow", "clip": true, "width": "fill_container", "fill": "$window-bg", "cornerRadius": "$window-corner", "stroke": { "align": "inside", "thickness": 1, "fill": "$window-border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "anYic", "name": "actTitle", "width": "fill_container", "fill": "$title-bar-bg", "padding": [ 6, 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": "$accent" }, { "type": "text", "id": "buT3v", "name": "actTitleText", "fill": "$title-bar-text", "content": "Action Buttons", "fontFamily": "IBM Plex Mono", "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": "$surface-glass", "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": "$button-bg", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$button-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": "$accent" }, { "type": "text", "id": "AFNjj", "name": "actLbl1", "fill": "$text-secondary", "content": "Clock", "fontFamily": "IBM Plex Mono", "fontSize": 8, "fontWeight": "normal" } ] }, { "type": "frame", "id": "JyUf2", "name": "actBtn2", "width": "fill_container", "height": 50, "fill": "$button-bg", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$button-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": "$accent" }, { "type": "text", "id": "KTglt", "name": "actLbl2", "fill": "$text-secondary", "content": "Calc", "fontFamily": "IBM Plex Mono", "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": "$button-bg", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$button-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": "$accent" }, { "type": "text", "id": "v2sb6", "name": "actLbl3", "fill": "$text-secondary", "content": "Mail", "fontFamily": "IBM Plex Mono", "fontSize": 8, "fontWeight": "normal" } ] }, { "type": "frame", "id": "T2MI9", "name": "actBtn4", "width": "fill_container", "height": 50, "fill": "$button-bg", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$button-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": "$accent" }, { "type": "text", "id": "8QaHH", "name": "actLbl4", "fill": "$text-secondary", "content": "Settings", "fontFamily": "IBM Plex Mono", "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": "$accent-dark", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$accent" }, "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": "$text-primary" }, { "type": "text", "id": "dSjix", "name": "actLbl5", "fill": "$text-primary", "content": "Lock", "fontFamily": "IBM Plex Mono", "fontSize": 8, "fontWeight": "normal" } ] }, { "type": "frame", "id": "W2fDx", "name": "actBtn6", "width": "fill_container", "height": 50, "fill": "$danger", "cornerRadius": "$corner-sm", "stroke": { "align": "inside", "thickness": 1, "fill": "$window-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 Mono", "fontSize": 8, "fontWeight": "normal" } ] } ] } ] } ] } ] } ], "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": 36 }, "font-size-lg": { "type": "number", "value": 16 }, "font-size-md": { "type": "number", "value": 13 }, "font-size-sm": { "type": "number", "value": 11 }, "font-size-xl": { "type": "number", "value": 20 }, "font-size-xs": { "type": "number", "value": 9 }, "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 } } }