davidl/tolaria
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
fe997b8d4d4def8adfc7e08d1b49cc4962e87249
tolaria/ui-design.pen
lucaronin d8b91522bb Remove dark mode — force light mode only 
- Remove .dark CSS variables block from index.css
- Remove theme toggle state and Cmd+Shift+T shortcut from Sidebar
- Remove dark class initialization from main.tsx
- Hardcode BlockNote theme to 'light' in Editor
- shadcn dark: classes left in place (harmless, no-op without .dark class)
2026-02-17 11:03:23 +01:00

9447 lines
320 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{
"version": "2.8",
"children": [
{
"type": "frame",
"id": "wVErZ",
"x": 0,
"y": 0,
"name": "Design System Components",
"theme": {
"Mode": "Light"
},
"clip": true,
"width": 2800,
"height": 3200,
"fill": "$--background",
"layout": "none",
"children": [
{
"type": "frame",
"id": "uVu00",
"x": 200,
"y": 100,
"name": "Button/Default",
"reusable": true,
"fill": "$--primary",
"cornerRadius": 6,
"gap": 6,
"padding": [
8,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "CamiI",
"name": "Leading Icon",
"width": 16,
"height": 16,
"iconFontName": "plus",
"iconFontFamily": "lucide",
"fill": "$--primary-foreground"
},
{
"type": "text",
"id": "CU2hJ",
"name": "Label",
"fill": "$--primary-foreground",
"content": "Button",
"lineHeight": 1.43,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "2FSRJ",
"x": 400,
"y": 100,
"name": "Button/Secondary",
"reusable": true,
"fill": "$--secondary",
"cornerRadius": 6,
"gap": 6,
"padding": [
8,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "yVlPB",
"name": "Leading Icon",
"width": 16,
"height": 16,
"iconFontName": "plus",
"iconFontFamily": "lucide",
"fill": "$--secondary-foreground"
},
{
"type": "text",
"id": "5IQk4",
"name": "Label",
"fill": "$--secondary-foreground",
"content": "Button",
"lineHeight": 1.43,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "7AXqc",
"x": 600,
"y": 100,
"name": "Button/Outline",
"reusable": true,
"fill": "$--background",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#0000000d",
"offset": {
"x": 0,
"y": 1
},
"blur": 1.75
},
"gap": 6,
"padding": [
8,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "n4Mtt",
"name": "Leading Icon",
"width": 16,
"height": 16,
"iconFontName": "plus",
"iconFontFamily": "lucide",
"fill": "$--foreground"
},
{
"type": "text",
"id": "3Gm81",
"name": "Label",
"fill": "$--foreground",
"content": "Button",
"lineHeight": 1.43,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "69dwq",
"x": 800,
"y": 100,
"name": "Button/Ghost",
"reusable": true,
"cornerRadius": 6,
"gap": 6,
"padding": [
8,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "bBDV2",
"name": "Leading Icon",
"width": 16,
"height": 16,
"iconFontName": "plus",
"iconFontFamily": "lucide",
"fill": "$--foreground"
},
{
"type": "text",
"id": "dxKJ8",
"name": "Label",
"fill": "$--foreground",
"content": "Button",
"lineHeight": 1.43,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "yBinw",
"x": 1000,
"y": 100,
"name": "Button/Destructive",
"reusable": true,
"fill": "$--destructive",
"cornerRadius": 6,
"gap": 6,
"padding": [
8,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "3ZYYM",
"name": "Leading Icon",
"width": 16,
"height": 16,
"iconFontName": "plus",
"iconFontFamily": "lucide",
"fill": "$--white"
},
{
"type": "text",
"id": "0WkXY",
"name": "Label",
"fill": "$--white",
"content": "Button",
"lineHeight": 1.43,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "cMlN5",
"x": 200,
"y": 250,
"name": "Input Group/Default",
"reusable": true,
"width": 274,
"layout": "vertical",
"gap": 6,
"children": [
{
"type": "frame",
"id": "JP1Jc",
"name": "Label Text",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "IkJas",
"name": "Label",
"fill": "$--foreground",
"content": "Label",
"lineHeight": 1.43,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "crIWx",
"name": "Input",
"width": "fill_container",
"fill": "$--background",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--input"
},
"gap": 8,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "RRyNU",
"name": "Placeholder",
"fill": "$--muted-foreground",
"content": "Placeholder...",
"lineHeight": 1.43,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "FZLJA",
"x": 200,
"y": 400,
"name": "Badge/Default",
"reusable": true,
"fill": "$--primary",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "transparent"
},
"gap": 8,
"padding": [
2,
8
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "xe4Zv",
"name": "Badge Text",
"fill": "$--primary-foreground",
"content": "BADGE",
"lineHeight": 1.33,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "IBM Plex Mono",
"fontSize": 12,
"fontWeight": "600",
"letterSpacing": 1.2
}
]
},
{
"type": "frame",
"id": "tQxIm",
"x": 200,
"y": 500,
"name": "Tab Item/Active",
"reusable": true,
"fill": "$--background",
"cornerRadius": 2,
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#0000000d",
"offset": {
"x": 0,
"y": 1
},
"blur": 1.75
},
"gap": 8,
"padding": [
6,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "auP5I",
"name": "Label",
"fill": "$--foreground",
"content": "Tab Item",
"lineHeight": 1.43,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"id": "GcZNN",
"type": "ref",
"reusable": true,
"ref": "FZLJA",
"name": "Badge/Secondary",
"fill": "$--secondary",
"x": 320,
"y": 400,
"descendants": {
"xe4Zv": {
"fill": "$--secondary-foreground"
}
}
},
{
"id": "HHWcF",
"type": "ref",
"reusable": true,
"ref": "FZLJA",
"name": "Badge/Outline",
"fill": "transparent",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"x": 440,
"y": 400,
"descendants": {
"xe4Zv": {
"fill": "$--foreground"
}
}
},
{
"id": "7XOsu",
"type": "ref",
"reusable": true,
"ref": "FZLJA",
"name": "Badge/Destructive",
"fill": "$--destructive",
"x": 560,
"y": 400,
"descendants": {
"xe4Zv": {
"fill": "$--white"
}
}
},
{
"id": "YGmx0",
"type": "ref",
"reusable": true,
"ref": "tQxIm",
"name": "Tab Item/Inactive",
"fill": "transparent",
"effect": [],
"x": 340,
"y": 500,
"descendants": {
"auP5I": {
"fill": "$--muted-foreground"
}
}
},
{
"type": "frame",
"id": "PEkmZ",
"x": 200,
"y": 650,
"name": "Card",
"reusable": true,
"width": 360,
"fill": "$--card",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"effect": {
"type": "shadow",
"shadowType": "outer",
"color": "#0000000d",
"offset": {
"x": 0,
"y": 1
},
"blur": 1.75
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "YAXjl",
"name": "Card Header",
"slot": [],
"width": "fill_container",
"height": 68,
"layout": "vertical",
"gap": 8,
"padding": 24,
"justifyContent": "center"
},
{
"type": "frame",
"id": "63DDu",
"name": "Card Content",
"slot": [],
"width": "fill_container",
"height": 68,
"layout": "vertical",
"gap": 8,
"padding": 24,
"justifyContent": "center"
},
{
"type": "frame",
"id": "jnEXW",
"name": "Card Actions",
"slot": [],
"width": "fill_container",
"height": 68,
"gap": 8,
"padding": 24,
"alignItems": "center"
}
]
},
{
"type": "frame",
"id": "4LMaM",
"x": 700,
"y": 250,
"name": "Sidebar Item/Active",
"reusable": true,
"width": 240,
"fill": "$--sidebar-accent",
"cornerRadius": 6,
"gap": 8,
"padding": [
6,
8
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "J74LV",
"name": "Item Content Left",
"clip": true,
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "0Fmr6",
"name": "Icon",
"width": 16,
"height": 16,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "eHA5H",
"name": "Label",
"fill": "$--sidebar-foreground",
"content": "Item Label",
"lineHeight": 1.38,
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "xU01l",
"name": "Item Content Right",
"gap": 8,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "6tBRS",
"name": "Count",
"fill": "$--muted-foreground",
"content": "12",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "9lgGZ",
"x": 700,
"y": 370,
"name": "Sidebar Section Title",
"reusable": true,
"width": 240,
"cornerRadius": 2,
"padding": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "rTYbM",
"name": "Label",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Title",
"lineHeight": 1.33,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"id": "6PoIJ",
"type": "ref",
"reusable": true,
"ref": "4LMaM",
"name": "Sidebar Item/Default",
"fill": "transparent",
"x": 700,
"y": 310
},
{
"type": "frame",
"id": "S6n71",
"x": 700,
"y": 450,
"name": "Sidebar",
"reusable": true,
"clip": true,
"width": 250,
"height": 700,
"fill": "$--sidebar",
"stroke": {
"align": "inside",
"thickness": {
"right": 1
},
"fill": "$--sidebar-border"
},
"layout": "vertical",
"gap": 4,
"padding": 8,
"children": [
{
"type": "frame",
"id": "KiEiM",
"name": "Sidebar Header",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"padding": [
12,
8
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "So16m",
"name": "App Title",
"fill": "$--foreground",
"content": "Laputa",
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "700",
"letterSpacing": -0.3
},
{
"type": "icon_font",
"id": "DKyTx",
"name": "Theme Toggle",
"width": 16,
"height": 16,
"iconFontName": "sun",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "uCwxO",
"name": "Sidebar Content",
"slot": [
"9lgGZ",
"4LMaM"
],
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2
},
{
"type": "frame",
"id": "eeM5u",
"name": "Sidebar Footer",
"width": "fill_container",
"height": "fit_content(0)",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "$--border"
},
"padding": [
12,
8
],
"alignItems": "center"
}
]
}
]
},
{
"type": "frame",
"id": "WcFpm",
"x": 1703,
"y": 3457,
"name": "Laputa App — Full Layout (Dark)",
"theme": {
"Mode": "Dark"
},
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--background",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "h2D09",
"name": "Content",
"width": "fill_container",
"height": "fill_container",
"children": [
{
"type": "frame",
"id": "PZ0P6",
"name": "Panel: Sidebar",
"clip": true,
"width": 250,
"height": "fill_container",
"fill": "$--sidebar",
"stroke": {
"align": "inside",
"thickness": {
"right": 1
},
"fill": "$--sidebar-border"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "2hH3N",
"name": "Header",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"padding": [
12,
16,
12,
78
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "VyYjO",
"name": "appTitle",
"fill": "$--foreground",
"content": "Laputa",
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "700",
"letterSpacing": -0.3
},
{
"type": "icon_font",
"id": "uCIiK",
"name": "themeIcon",
"width": 16,
"height": 16,
"iconFontName": "sun",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "aVClQ",
"name": "Filters",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 1,
"padding": [
8,
6
],
"children": [
{
"type": "frame",
"id": "vISkU",
"name": "filterAll",
"width": "fill_container",
"fill": "#4a9eff18",
"cornerRadius": 6,
"padding": [
6,
16
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "lIK5x",
"name": "fAllTxt",
"fill": "$--primary",
"content": "All Notes",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "RkJJl",
"name": "filterPeople",
"width": "fill_container",
"cornerRadius": 6,
"padding": [
6,
16
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "C49xj",
"name": "fPeopleTxt",
"fill": "$--muted-foreground",
"content": "People",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "p0eXB",
"name": "filterEvents",
"width": "fill_container",
"cornerRadius": 6,
"padding": [
6,
16
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ePLES",
"name": "fEventsTxt",
"fill": "$--muted-foreground",
"content": "Events",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "mtO0y",
"name": "filterChanges",
"width": "fill_container",
"cornerRadius": 6,
"gap": 6,
"padding": [
6,
16
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "CW47m",
"name": "fChangesTxt",
"fill": "$--muted-foreground",
"content": "Changes",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "FVieD",
"name": "filterChangesBadge",
"height": 18,
"fill": "$--accent-orange",
"cornerRadius": 9,
"padding": [
0,
4
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Fc3Ir",
"name": "fChangesBadgeTxt",
"fill": "$--white",
"content": "3",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "igKsI",
"name": "Sections",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 2,
"padding": [
4,
6
],
"children": [
{
"type": "frame",
"id": "1qKev",
"name": "projHeader",
"width": "fill_container",
"cornerRadius": 4,
"gap": 4,
"padding": [
6,
8
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "PzUt4",
"name": "projChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-down",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "SuRAz",
"name": "projLabel",
"fill": "$--muted-foreground",
"content": "PROJECTS",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 0.5
},
{
"type": "text",
"id": "r9OT7",
"name": "projCount",
"fill": "$--muted-foreground",
"content": "4",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "3KDjU",
"name": "projItem1",
"width": "fill_container",
"fill": "#4a9eff18",
"cornerRadius": 6,
"padding": [
6,
16,
6,
28
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "XQZV5",
"name": "proj1Txt",
"fill": "$--primary",
"content": "Laputa App",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "ROvpw",
"name": "projItem2",
"width": "fill_container",
"cornerRadius": 6,
"padding": [
6,
16,
6,
28
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Kp1aE",
"name": "proj2Txt",
"fill": "$--muted-foreground",
"content": "Portfolio Rewrite",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "HAkk9",
"name": "projItem3",
"width": "fill_container",
"cornerRadius": 6,
"padding": [
6,
16,
6,
28
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "qOgSt",
"name": "proj3Txt",
"fill": "$--muted-foreground",
"content": "AI Habit Tracker",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "QvqP2",
"name": "expHeader",
"width": "fill_container",
"cornerRadius": 4,
"gap": 4,
"padding": [
6,
8
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "6ejCx",
"name": "expChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "bfsUN",
"name": "expLabel",
"fill": "$--muted-foreground",
"content": "EXPERIMENTS",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 0.5
},
{
"type": "text",
"id": "V53ZR",
"name": "expCount",
"fill": "$--muted-foreground",
"content": "2",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Dw0bE",
"name": "respHeader",
"width": "fill_container",
"cornerRadius": 4,
"gap": 4,
"padding": [
6,
8
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "pjOyk",
"name": "respChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "5lzWq",
"name": "respLabel",
"fill": "$--muted-foreground",
"content": "RESPONSIBILITIES",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 0.5
},
{
"type": "text",
"id": "F7MqC",
"name": "respCount",
"fill": "$--muted-foreground",
"content": "3",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "X5r6x",
"name": "Commit Area",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "$--border"
},
"layout": "vertical",
"padding": 12,
"children": [
{
"type": "frame",
"id": "FMn4Z",
"name": "commitBtn",
"width": "fill_container",
"fill": "$--primary",
"cornerRadius": 6,
"gap": 6,
"padding": [
8,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "oRkAb",
"name": "commitIcon",
"width": 14,
"height": 14,
"iconFontName": "git-commit-horizontal",
"iconFontFamily": "lucide",
"fill": "$--primary-foreground"
},
{
"type": "text",
"id": "C3XjV",
"name": "commitTxt",
"fill": "$--primary-foreground",
"content": "Commit & Push",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "frame",
"id": "F3PiP",
"name": "commitBadge",
"height": 18,
"fill": "#ffffff40",
"cornerRadius": 9,
"padding": [
0,
5
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "PoqE5",
"name": "commitBadgeTxt",
"fill": "$--white",
"content": "3",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
}
]
}
]
},
{
"type": "rectangle",
"id": "EmV9K",
"name": "Resize Handle",
"fill": "$--border",
"width": 1,
"height": "fill_container"
},
{
"type": "frame",
"id": "dPOE2",
"name": "Panel: NoteList",
"clip": true,
"width": 300,
"height": "fill_container",
"fill": "$--card",
"stroke": {
"align": "inside",
"thickness": {
"right": 1
},
"fill": "$--border"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "Y0GqY",
"name": "NoteList Header",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"padding": [
14,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "N7Gpy",
"name": "nlTitle",
"fill": "$--foreground",
"content": "Notes",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "gxO81",
"name": "nlActions",
"gap": 8,
"alignItems": "center",
"children": [
{
"id": "uQFe7",
"type": "ref",
"ref": "GcZNN",
"name": "nlCount",
"descendants": {
"xe4Zv": {
"content": "24"
}
}
},
{
"id": "6ev9C",
"type": "ref",
"ref": "2FSRJ",
"padding": 8,
"name": "nlAddBtn",
"descendants": {
"yVlPB": {
"height": 16,
"iconFontName": "plus",
"width": 16
},
"5IQk4": {
"enabled": false
}
}
}
]
}
]
},
{
"type": "frame",
"id": "CdFui",
"name": "Search Bar",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "rZYyy",
"name": "searchInput",
"width": "fill_container",
"height": 32,
"fill": "$--background",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--input"
},
"gap": 8,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "xQZzZ",
"name": "nlSearchPh",
"fill": "$--muted-foreground",
"content": "Search notes...",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "SdcUL",
"name": "Type Pills",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"gap": 4,
"padding": [
8,
12
],
"children": [
{
"type": "frame",
"id": "CJPtT",
"name": "pillAll",
"fill": "#4a9eff18",
"cornerRadius": 9999,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--primary"
},
"padding": [
2,
10
],
"children": [
{
"type": "text",
"id": "5mbKH",
"name": "pillAllTxt",
"fill": "$--primary",
"content": "All 24",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "hc5mD",
"name": "pillProj",
"cornerRadius": 9999,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
2,
10
],
"children": [
{
"type": "text",
"id": "SeSnp",
"name": "pillProjTxt",
"fill": "$--muted-foreground",
"content": "Projects 4",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "uIi4r",
"name": "pillNotes",
"cornerRadius": 9999,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
2,
10
],
"children": [
{
"type": "text",
"id": "66Fiw",
"name": "pillNotesTxt",
"fill": "$--muted-foreground",
"content": "Notes 12",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "MR5f8",
"name": "pillEvents",
"cornerRadius": 9999,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
2,
10
],
"children": [
{
"type": "text",
"id": "y0t2W",
"name": "pillEventsTxt",
"fill": "$--muted-foreground",
"content": "Events 5",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "ZaP8N",
"name": "Note Items",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "FdlP0",
"name": "Note Item Selected",
"width": "fill_container",
"fill": "#24244a",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1,
"left": 3
},
"fill": "$--primary"
},
"layout": "vertical",
"gap": 2,
"padding": [
10,
16
],
"children": [
{
"type": "frame",
"id": "1BPjT",
"name": "noteSelRow",
"width": "fill_container",
"gap": 8,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "dsF9s",
"name": "noteSelTitle",
"fill": "$--foreground",
"content": "Laputa App",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "text",
"id": "P9wsu",
"name": "noteSelTime",
"fill": "$--muted-foreground",
"content": "2m ago",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "p3qGV",
"name": "noteSelSnip",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Personal knowledge and life management desktop app...",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "vaLiP",
"name": "noteSelTags",
"gap": 6,
"alignItems": "center",
"children": [
{
"id": "xj1LE",
"type": "ref",
"ref": "FZLJA",
"padding": [
1,
6
],
"name": "noteSelTag1",
"descendants": {
"xe4Zv": {
"content": "Project",
"fontSize": 10
}
}
},
{
"id": "gjKf3",
"type": "ref",
"ref": "GcZNN",
"fill": "$--accent-green",
"padding": [
1,
6
],
"name": "noteSelTag2",
"descendants": {
"xe4Zv": {
"content": "Active",
"fontSize": 10
}
}
}
]
}
]
},
{
"type": "frame",
"id": "boVIU",
"name": "Note Item",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 2,
"padding": [
10,
16
],
"children": [
{
"type": "frame",
"id": "SPKBu",
"name": "note2Row",
"width": "fill_container",
"gap": 8,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "APi7d",
"name": "note2Title",
"fill": "$--foreground",
"content": "Portfolio Rewrite",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "9nq56",
"name": "note2Time",
"fill": "$--muted-foreground",
"content": "1h ago",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "YjrF9",
"name": "note2Snip",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Redesigning portfolio site with modern stack...",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "FlQ8m",
"name": "note2Tags",
"gap": 6,
"alignItems": "center",
"children": [
{
"id": "dYjDq",
"type": "ref",
"ref": "FZLJA",
"padding": [
1,
6
],
"name": "note2Tag1",
"descendants": {
"xe4Zv": {
"content": "Project",
"fontSize": 10
}
}
}
]
}
]
},
{
"type": "frame",
"id": "fdgbS",
"name": "Note Item 2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 2,
"padding": [
10,
16
],
"children": [
{
"type": "frame",
"id": "AzZWN",
"name": "note3Row",
"width": "fill_container",
"gap": 8,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "WgfMV",
"name": "note3Title",
"fill": "$--foreground",
"content": "Meeting with Grant",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "XWmYe",
"name": "note3Time",
"fill": "$--muted-foreground",
"content": "3h ago",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "h2XUr",
"name": "note3Snip",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Discussed Q1 goals and hiring priorities...",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "EB6EG",
"name": "note3Tags",
"gap": 6,
"alignItems": "center",
"children": [
{
"id": "ghjYf",
"type": "ref",
"ref": "GcZNN",
"fill": "$--accent-purple",
"name": "note3Tag1",
"descendants": {
"xe4Zv": {
"content": "Event",
"fontSize": 10
}
}
}
]
}
]
}
]
}
]
},
{
"type": "rectangle",
"id": "39Jl3",
"name": "Resize Handle 2",
"fill": "$--border",
"width": 1,
"height": "fill_container"
},
{
"type": "frame",
"id": "vN6uU",
"name": "Panel: Editor",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"fill": "$--background",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "lR5Ww",
"name": "Tab Bar",
"width": "fill_container",
"fill": "$--card",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "LxHGf",
"name": "Tab Active",
"fill": "$--background",
"stroke": {
"align": "inside",
"thickness": {
"right": 1,
"bottom": 2
},
"fill": "$--primary"
},
"gap": 6,
"padding": [
7,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "zebjd",
"name": "tab1Txt",
"fill": "$--foreground",
"content": "Laputa App",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "m8tgj",
"name": "tab1Close",
"width": 14,
"height": 14,
"iconFontName": "x",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "SWnHI",
"name": "Tab Inactive",
"stroke": {
"align": "inside",
"thickness": {
"right": 1
},
"fill": "$--border"
},
"gap": 6,
"padding": [
7,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "auyyu",
"name": "tab2Txt",
"fill": "$--muted-foreground",
"content": "Portfolio Rewrite",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "3aFjY",
"name": "tab2Close",
"opacity": 0,
"width": 14,
"height": 14,
"iconFontName": "x",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "sPAr3",
"name": "tabDiffArea",
"width": "fill_container",
"padding": [
0,
8
],
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"id": "0ORF3",
"type": "ref",
"ref": "7AXqc",
"name": "tabDiffBtn",
"descendants": {
"n4Mtt": {
"enabled": false
},
"3Gm81": {
"content": "Diff",
"fontSize": 12
}
}
}
]
}
]
},
{
"type": "frame",
"id": "emU7g",
"name": "Editor Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 16,
"padding": [
32,
64
],
"children": [
{
"type": "text",
"id": "L5slR",
"name": "editorH1",
"fill": "$--foreground",
"content": "Laputa App",
"lineHeight": 1.2,
"fontFamily": "Inter",
"fontSize": 32,
"fontWeight": "700"
},
{
"type": "text",
"id": "1tR1C",
"name": "editorP1",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Personal knowledge and life management desktop app, built with Tauri v2 + React + TypeScript + CodeMirror 6. It reads a vault of markdown files with YAML frontmatter and presents them in a four-panel UI inspired by Bear Notes.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "text",
"id": "yBWOA",
"name": "editorH2",
"fill": "$--foreground",
"content": "Architecture",
"lineHeight": 1.3,
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "600"
},
{
"type": "text",
"id": "QE5hs",
"name": "editorP2",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "The app uses a four-panel layout: Sidebar for navigation, NoteList for browsing, Editor for content, and Inspector for metadata. All data lives in markdown files with YAML frontmatter, git-versioned.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "rectangle",
"id": "q64mF",
"name": "Resize Handle 3",
"fill": "$--border",
"width": 1,
"height": "fill_container"
},
{
"type": "frame",
"id": "JQSty",
"name": "Panel: Inspector",
"clip": true,
"width": 280,
"height": "fill_container",
"fill": "$--sidebar",
"stroke": {
"align": "inside",
"thickness": {
"left": 1
},
"fill": "$--border"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "epsuG",
"name": "Inspector Header",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"gap": 8,
"padding": [
14,
12
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "A4yOi",
"name": "inspToggle",
"fill": "$--muted-foreground",
"content": "▶",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "bThzK",
"name": "inspTitle",
"fill": "$--muted-foreground",
"content": "INSPECTOR",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "WlbDl",
"name": "Inspector Body",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 16,
"padding": 12,
"children": [
{
"type": "frame",
"id": "g12V9",
"name": "Properties Section",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "text",
"id": "gPuHo",
"name": "propsTitle",
"fill": "$--muted-foreground",
"content": "PROPERTIES",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600",
"letterSpacing": 0.5
},
{
"type": "frame",
"id": "dfD6e",
"name": "propType",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "bklVA",
"name": "propTypeLabel",
"fill": "$--muted-foreground",
"content": "Type",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "JUu6r",
"name": "propTypeVal",
"fill": "$--foreground",
"content": "Project",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "EYp2D",
"name": "propIsA",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "b9HeF",
"name": "propIsALabel",
"fill": "$--muted-foreground",
"content": "isA",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "m2nDP",
"name": "propIsAVal",
"fill": "$--foreground",
"content": "Project",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "a8eqm",
"name": "propStatus",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "XBqy1",
"name": "propStatusLabel",
"fill": "$--muted-foreground",
"content": "Status",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"id": "XqVB2",
"type": "ref",
"ref": "GcZNN",
"fill": "$--accent-green",
"padding": [
1,
6
],
"name": "propStatusVal",
"descendants": {
"xe4Zv": {
"content": "Active",
"fontSize": 10
}
}
}
]
},
{
"type": "frame",
"id": "YzpMH",
"name": "propMod",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "1gdxl",
"name": "propModLabel",
"fill": "$--muted-foreground",
"content": "Modified",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "vZHa6",
"name": "propModVal",
"fill": "$--foreground",
"content": "Feb 17, 2726",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "fi0NT",
"name": "propWords",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "oLfMh",
"name": "propWordsLabel",
"fill": "$--muted-foreground",
"content": "Words",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "zoo9w",
"name": "propWordsVal",
"fill": "$--foreground",
"content": "1,284",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "TPWlF",
"name": "addPropBtn",
"width": "fill_container",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
6,
12
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Y7k5R",
"name": "addPropTxt",
"fill": "$--muted-foreground",
"content": "+ Add property",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "8Q762",
"name": "Relationships Section",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "text",
"id": "gIGcs",
"name": "relTitle",
"fill": "$--muted-foreground",
"content": "RELATIONSHIPS",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600",
"letterSpacing": 0.5
},
{
"type": "frame",
"id": "Un7fU",
"name": "relGroup1",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "LLGEt",
"name": "relGrp1Title",
"fill": "$--muted-foreground",
"content": "BelongsTo",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "text",
"id": "03CQk",
"name": "relGrp1Link",
"fill": "$--accent-blue",
"content": "[[SKY/Laputa]]",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "JHGFl",
"name": "relGroup2",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "mn63D",
"name": "relGrp2Title",
"fill": "$--muted-foreground",
"content": "RelatedTo",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "text",
"id": "M9EzL",
"name": "relGrp2Link",
"fill": "$--accent-blue",
"content": "[[Experiment/shadcn-migration]]",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "aeZUt",
"name": "Backlinks Section",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "iwhZX",
"name": "blTitle",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "sIyqs",
"name": "blTitleTxt",
"fill": "$--muted-foreground",
"content": "BACKLINKS",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600",
"letterSpacing": 0.5
},
{
"type": "text",
"id": "uHV53",
"name": "blTitleCount",
"fill": "$--muted-foreground",
"content": "3",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "1EAbW",
"name": "blItem1",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "H5o60",
"name": "blItem1Name",
"fill": "$--accent-blue",
"content": "Portfolio Rewrite",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "RJxE6",
"name": "blItem2",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "I9Zoc",
"name": "blItem2Name",
"fill": "$--accent-blue",
"content": "Meeting with Grant",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "np6wr",
"name": "blItem3",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "K0tXl",
"name": "blItem3Name",
"fill": "$--accent-blue",
"content": "Q1 Planning",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "qTm5Z",
"name": "History Section",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "text",
"id": "ZGDl3",
"name": "histTitle",
"fill": "$--muted-foreground",
"content": "HISTORY",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600",
"letterSpacing": 0.5
},
{
"type": "frame",
"id": "RPmMi",
"name": "histItem1",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"left": 2
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 2,
"padding": [
0,
0,
0,
10
],
"children": [
{
"type": "text",
"id": "TgceL",
"name": "histItem1Hash",
"fill": "$--foreground",
"content": "6989f44 · feat: migrate to shadcn/ui",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "ErHZP",
"name": "histItem1Date",
"fill": "$--muted-foreground",
"content": "Feb 16, 2026",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ubViJ",
"name": "histItem2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"left": 2
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 2,
"padding": [
0,
0,
0,
10
],
"children": [
{
"type": "text",
"id": "TwLeY",
"name": "histItem2Hash",
"fill": "$--foreground",
"content": "5da48ac · feat: emoji favicon",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "FbdQ7",
"name": "histItem2Date",
"fill": "$--muted-foreground",
"content": "Feb 15, 2026",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
},
{
"id": "twxyU",
"type": "ref",
"ref": "dqSpJ",
"width": "fill_container",
"name": "darkStatusBar"
}
]
},
{
"type": "frame",
"id": "qHhaj",
"x": 0,
"y": 3457,
"name": "Laputa App — Full Layout (Light)",
"theme": {
"Mode": "Light"
},
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--background",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "oHDfa",
"name": "Content",
"width": "fill_container",
"height": "fill_container",
"children": [
{
"type": "frame",
"id": "ZTOSJ",
"name": "Panel: Sidebar",
"clip": true,
"width": 250,
"height": "fill_container",
"fill": "$--sidebar",
"stroke": {
"align": "inside",
"thickness": 0,
"fill": "$--sidebar-border"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "L9aua",
"name": "Header",
"width": "fill_container",
"height": 45,
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": {
"type": "color",
"color": "$--border",
"enabled": false
}
},
"gap": 8,
"padding": [
0,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "0MCME",
"name": "trafficLights",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "c2AU6",
"name": "closeBtn",
"fill": "#FF5F57",
"width": 12,
"height": 12
},
{
"type": "ellipse",
"id": "h0zbh",
"name": "minimizeBtn",
"fill": "#FEBC2E",
"width": 12,
"height": 12
},
{
"type": "ellipse",
"id": "tcqbu",
"name": "maximizeBtn",
"fill": "#28C840",
"width": 12,
"height": 12
}
]
},
{
"type": "icon_font",
"id": "mnokd",
"name": "sidebarToggle",
"width": 16,
"height": 16,
"iconFontName": "sidebar-simple",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "4wMva",
"name": "Filters",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 1,
"padding": [
8,
8,
16,
8
],
"children": [
{
"type": "frame",
"id": "Q78hg",
"name": "filterAll",
"width": "fill_container",
"fill": "#4a9eff18",
"cornerRadius": 6,
"gap": 8,
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "5ip58",
"name": "leftAll",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "PXpWi",
"name": "iconAll",
"width": 18,
"height": 18,
"iconFontName": "tray-fill",
"iconFontFamily": "phosphor",
"weight": 700,
"fill": "$--primary"
},
{
"type": "text",
"id": "NWprl",
"name": "fAllTxt",
"fill": "$--primary",
"content": "Untagged",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "NZ9Dv",
"name": "countAll",
"height": 20,
"fill": "$--primary",
"cornerRadius": 9999,
"padding": [
0,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "mPlUV",
"name": "badgeAllTxt",
"fill": "$--primary-foreground",
"content": "24",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "YLWsY",
"name": "filterUntagged",
"width": "fill_container",
"cornerRadius": 6,
"gap": 8,
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "k7LIr",
"name": "leftUntagged",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "FMVlh",
"name": "untaggedIcon",
"width": 18,
"height": 18,
"iconFontName": "cardholder",
"iconFontFamily": "phosphor",
"weight": 700,
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "5XllD",
"name": "untaggedTxt",
"fill": "$--muted-foreground",
"content": "All Notes",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "aSpGv",
"name": "countUntagged",
"height": 20,
"fill": "$--secondary",
"cornerRadius": 9999,
"padding": [
0,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "qZUFt",
"name": "untaggedBadgeTxt",
"fill": "$--muted-foreground",
"content": "6",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "Jahon",
"name": "filterTrash",
"width": "fill_container",
"cornerRadius": 6,
"gap": 8,
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "IOiBI",
"name": "leftTrash",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "X6F74",
"name": "trashIcon",
"width": 18,
"height": 18,
"iconFontName": "trash",
"iconFontFamily": "phosphor",
"weight": 700,
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "vRMH9",
"name": "trashTxt",
"fill": "$--muted-foreground",
"content": "Trash",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "JMpkq",
"name": "countTrash",
"height": 20,
"fill": "$--secondary",
"cornerRadius": 9999,
"padding": [
0,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "0cKm4",
"name": "trashBadgeTxt",
"fill": "$--muted-foreground",
"content": "2",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "6RMbq",
"name": "filterChanges",
"width": "fill_container",
"cornerRadius": 6,
"gap": 6,
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "DpdBu",
"name": "leftChanges",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "VTusA",
"name": "iconChanges",
"width": 18,
"height": 18,
"iconFontName": "git-branch",
"iconFontFamily": "phosphor",
"weight": 700,
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "qvq5O",
"name": "fChangesTxt",
"fill": "$--muted-foreground",
"content": "Changes",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "qAMES",
"name": "countChanges",
"height": 20,
"fill": "$--secondary",
"cornerRadius": 9999,
"padding": [
0,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "nkzVk",
"name": "badgeChangesTxt",
"fill": "$--muted-foreground",
"content": "3",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "SSEUP",
"name": "Sections",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"padding": [
8,
0
],
"children": [
{
"type": "frame",
"id": "nM2Cn",
"name": "projGroup",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": {
"type": "color",
"color": "$--border",
"enabled": false
}
},
"layout": "vertical",
"gap": 2,
"padding": [
4,
6,
8,
6
],
"children": [
{
"type": "frame",
"id": "ouIl9",
"name": "projHeader",
"width": "fill_container",
"cornerRadius": 4,
"gap": 8,
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Rx1Cp",
"name": "leftProj",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "uvwS0",
"name": "projChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-down",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "t5WJJ",
"name": "projIcon",
"width": 18,
"height": 18,
"iconFontName": "wrench",
"iconFontFamily": "phosphor",
"weight": 700,
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "S3sGC",
"name": "projLabel",
"fill": "$--muted-foreground",
"content": "Projects",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "ILCh9",
"name": "countProj",
"height": 20,
"fill": "$--secondary",
"cornerRadius": 9999,
"padding": [
0,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "rz7yY",
"name": "projBadgeTxt",
"fill": "$--muted-foreground",
"content": "4",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "IHzFh",
"name": "projItem1",
"width": "fill_container",
"fill": "#4a9eff18",
"cornerRadius": 6,
"padding": [
6,
16,
6,
28
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "iiFcl",
"name": "proj1Txt",
"fill": "$--primary",
"content": "Laputa App",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "LdaU9",
"name": "projItem2",
"width": "fill_container",
"cornerRadius": 6,
"padding": [
6,
16,
6,
28
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "XRll4",
"name": "proj2Txt",
"fill": "$--muted-foreground",
"content": "Portfolio Rewrite",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Vmykd",
"name": "projItem3",
"width": "fill_container",
"cornerRadius": 6,
"padding": [
6,
16,
6,
28
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "0PqQQ",
"name": "proj3Txt",
"fill": "$--muted-foreground",
"content": "AI Habit Tracker",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "GCjh0",
"name": "expGroup",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": {
"type": "color",
"color": "$--border",
"enabled": false
}
},
"layout": "vertical",
"gap": 2,
"padding": [
4,
6
],
"children": [
{
"type": "frame",
"id": "5Wpyd",
"name": "expHeader",
"width": "fill_container",
"cornerRadius": 4,
"gap": 8,
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "DZD8y",
"name": "leftExp",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "N4Mv7",
"name": "expChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "sguhh",
"name": "expIcon",
"width": 18,
"height": 18,
"iconFontName": "flask",
"iconFontFamily": "phosphor",
"weight": 700,
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "AzhC3",
"name": "expLabel",
"fill": "$--muted-foreground",
"content": "Experiments",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "PCYKK",
"name": "countExp",
"height": 20,
"fill": "$--secondary",
"cornerRadius": 9999,
"padding": [
0,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "UApqq",
"name": "expBadgeTxt",
"fill": "$--muted-foreground",
"content": "2",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "WAQtn",
"name": "respGroup",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": {
"type": "color",
"color": "$--border",
"enabled": false
}
},
"layout": "vertical",
"gap": 2,
"padding": [
4,
6
],
"children": [
{
"type": "frame",
"id": "aSi3l",
"name": "respHeader",
"width": "fill_container",
"cornerRadius": 4,
"gap": 8,
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "lov6B",
"name": "leftResp",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "w2Xcb",
"name": "respChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "Em4ns",
"name": "respIcon",
"width": 18,
"height": 18,
"iconFontName": "medal",
"iconFontFamily": "phosphor",
"weight": 700,
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "WPRCo",
"name": "respLabel",
"fill": "$--muted-foreground",
"content": "Responsibilities",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "7DwTK",
"name": "countResp",
"height": 20,
"fill": "$--secondary",
"cornerRadius": 9999,
"padding": [
0,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "NNRL5",
"name": "respBadgeTxt",
"fill": "$--muted-foreground",
"content": "3",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "FmUu0",
"name": "procGroup",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": {
"type": "color",
"color": "$--border",
"enabled": false
}
},
"layout": "vertical",
"gap": 2,
"padding": [
4,
6
],
"children": [
{
"type": "frame",
"id": "Dat6o",
"name": "respHeader",
"width": "fill_container",
"cornerRadius": 4,
"gap": 8,
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "iJlgx",
"name": "leftResp",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "FaBKs",
"name": "respChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "I2J1R",
"name": "respIcon",
"width": 18,
"height": 18,
"iconFontName": "arrows-clockwise",
"iconFontFamily": "phosphor",
"weight": 700,
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "AToF0",
"name": "Procedures",
"fill": "$--muted-foreground",
"content": "Procedures",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "KI7En",
"name": "countResp",
"height": 20,
"fill": "$--secondary",
"cornerRadius": 9999,
"padding": [
0,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "xtE6F",
"name": "respBadgeTxt",
"fill": "$--muted-foreground",
"content": "3",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "T4NG2",
"name": "peopleGroup",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": {
"type": "color",
"color": "$--border",
"enabled": false
}
},
"layout": "vertical",
"gap": 2,
"padding": [
4,
6
],
"children": [
{
"type": "frame",
"id": "Q01iL",
"name": "peopleHeader",
"width": "fill_container",
"cornerRadius": 4,
"gap": 8,
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "eE6Ca",
"name": "leftPeople",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "1IPeC",
"name": "peopleChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "jOmVa",
"name": "peopleIcon",
"width": 18,
"height": 18,
"iconFontName": "users",
"iconFontFamily": "phosphor",
"weight": 700,
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "caelD",
"name": "peopleLbl",
"fill": "$--muted-foreground",
"content": "People",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "VOlRP",
"name": "countPeople",
"height": 20,
"fill": "$--secondary",
"cornerRadius": 9999,
"padding": [
0,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "6tBQJ",
"name": "peopleBadgeTxt",
"fill": "$--muted-foreground",
"content": "8",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "BY1Qx",
"name": "eventsGroup",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": {
"type": "color",
"color": "$--border",
"enabled": false
}
},
"layout": "vertical",
"gap": 2,
"padding": [
4,
6
],
"children": [
{
"type": "frame",
"id": "v28d8",
"name": "eventsHeader",
"width": "fill_container",
"cornerRadius": 4,
"gap": 8,
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "TPyOc",
"name": "leftEvents",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "h8PjY",
"name": "eventsChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "ELRMi",
"name": "eventsIcon",
"width": 18,
"height": 18,
"iconFontName": "calendar-blank",
"iconFontFamily": "phosphor",
"weight": 700,
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "OlI6Q",
"name": "eventsLbl",
"fill": "$--muted-foreground",
"content": "Events",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "L5am7",
"name": "countEvents",
"height": 20,
"fill": "$--secondary",
"cornerRadius": 9999,
"padding": [
0,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "WtvSC",
"name": "eventsBadgeTxt",
"fill": "$--muted-foreground",
"content": "5",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "trKNW",
"name": "topicsGroup",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": {
"type": "color",
"color": "$--border",
"enabled": false
}
},
"layout": "vertical",
"gap": 2,
"padding": [
4,
6
],
"children": [
{
"type": "frame",
"id": "qdbZ3",
"name": "eventsHeader",
"width": "fill_container",
"cornerRadius": 4,
"gap": 8,
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "JP83M",
"name": "leftEvents",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "oS2NT",
"name": "eventsChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "Q57kF",
"name": "eventsIcon",
"width": 18,
"height": 18,
"iconFontName": "tag",
"iconFontFamily": "phosphor",
"weight": 700,
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "DeVxP",
"name": "eventsLbl",
"fill": "$--muted-foreground",
"content": "Topics",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "kScKf",
"name": "countEvents",
"height": 20,
"fill": "$--secondary",
"cornerRadius": 9999,
"padding": [
0,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "lhfW5",
"name": "eventsBadgeTxt",
"fill": "$--muted-foreground",
"content": "5",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "8lLHp",
"name": "Commit Area",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "$--border"
},
"layout": "vertical",
"padding": 12,
"children": [
{
"type": "frame",
"id": "YYjuy",
"name": "commitBtn",
"width": "fill_container",
"fill": "$--primary",
"cornerRadius": 6,
"gap": 6,
"padding": [
8,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "YF44G",
"name": "commitIcon",
"width": 14,
"height": 14,
"iconFontName": "git-commit-horizontal",
"iconFontFamily": "lucide",
"fill": "$--primary-foreground"
},
{
"type": "text",
"id": "vpzJm",
"name": "commitTxt",
"fill": "$--primary-foreground",
"content": "Commit & Push",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "frame",
"id": "vhU5z",
"name": "commitBadge",
"height": 18,
"fill": "#ffffff40",
"cornerRadius": 9,
"padding": [
0,
5
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "sdvYT",
"name": "commitBadgeTxt",
"fill": "$--white",
"content": "3",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "600"
}
]
}
]
}
]
}
]
},
{
"type": "rectangle",
"id": "IIvWr",
"name": "Resize Handle",
"fill": "$--border",
"width": 1,
"height": "fill_container"
},
{
"type": "frame",
"id": "zFIJv",
"name": "Panel: NoteList",
"clip": true,
"width": 300,
"height": "fill_container",
"fill": "$--card",
"stroke": {
"align": "inside",
"thickness": 0,
"fill": "$--border"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "uZJVN",
"name": "NoteList Header",
"width": "fill_container",
"height": 45,
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"padding": [
14,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "hmbdb",
"name": "nlTitle",
"fill": "$--foreground",
"content": "Notes",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "m6AeW",
"name": "nlActions",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "8gMXE",
"name": "searchIcon",
"width": 16,
"height": 16,
"iconFontName": "magnifying-glass",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "YqvSN",
"name": "plusIcon",
"width": 16,
"height": 16,
"iconFontName": "plus",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "kbtWd",
"name": "Type Pills",
"width": 300,
"height": 45,
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"layout": "none",
"children": [
{
"type": "frame",
"id": "iBNbt",
"x": 12,
"y": 8,
"name": "pillAll",
"fill": "#4a9eff18",
"cornerRadius": 9999,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--primary"
},
"padding": [
2,
10
],
"children": [
{
"type": "text",
"id": "8agt2",
"name": "pillAllTxt",
"fill": "$--primary",
"content": "ALL 24",
"fontFamily": "IBM Plex Mono",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "hnDbG",
"x": 76,
"y": 8,
"name": "pillProj",
"cornerRadius": 9999,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
2,
10
],
"children": [
{
"type": "text",
"id": "3WP4x",
"name": "pillProjTxt",
"fill": "$--muted-foreground",
"content": "PROJECTS 4",
"textAlignVertical": "middle",
"fontFamily": "IBM Plex Mono",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "TAtW3",
"x": 166,
"y": 8,
"name": "pillNotes",
"cornerRadius": 9999,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
2,
10
],
"children": [
{
"type": "text",
"id": "n4PsZ",
"name": "pillNotesTxt",
"fill": "$--muted-foreground",
"content": "NOTES 12",
"fontFamily": "IBM Plex Mono",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "HBiuf",
"x": 243,
"y": 8,
"name": "pillEvents",
"height": 18,
"cornerRadius": 9999,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
2,
10
],
"children": [
{
"type": "text",
"id": "jSYaH",
"name": "pillEventsTxt",
"fill": "$--muted-foreground",
"content": "EVENTS 5",
"fontFamily": "IBM Plex Mono",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "0aJUm",
"name": "Note Items",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "tMsM4",
"name": "Note Item Selected",
"width": "fill_container",
"fill": "#2383E212",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "#E9E9E7"
},
"children": [
{
"type": "rectangle",
"id": "npYuc",
"name": "leftAccent",
"fill": "#2383E2",
"width": 3,
"height": "fill_container"
},
{
"type": "frame",
"id": "a33Wx",
"name": "noteSelContent",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"padding": [
10,
16
],
"children": [
{
"type": "frame",
"id": "AZkyx",
"name": "noteSelRow",
"width": "fill_container",
"gap": 8,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "j7o2Q",
"name": "noteSelTitle",
"fill": "$--foreground",
"content": "Laputa App",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "text",
"id": "9ASsT",
"name": "noteSelTime",
"fill": "$--muted-foreground",
"content": "2m ago",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "Ac5Ds",
"name": "noteSelSnip",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Personal knowledge and life management desktop app...",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "AsAKG",
"name": "Note Item",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 2,
"padding": [
10,
16
],
"children": [
{
"type": "frame",
"id": "QX5A1",
"name": "note2Row",
"width": "fill_container",
"gap": 8,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "PC9XN",
"name": "note2Title",
"fill": "$--foreground",
"content": "Portfolio Rewrite",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "lU75x",
"name": "note2Time",
"fill": "$--muted-foreground",
"content": "1h ago",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "S9JPj",
"name": "note2Snip",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Redesigning portfolio site with modern stack...",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "k7CjA",
"name": "Note Item 2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 2,
"padding": [
10,
16
],
"children": [
{
"type": "frame",
"id": "og5Gz",
"name": "note3Row",
"width": "fill_container",
"gap": 8,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "KI8Bf",
"name": "note3Title",
"fill": "$--foreground",
"content": "Meeting with Grant",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "BHh4Z",
"name": "note3Time",
"fill": "$--muted-foreground",
"content": "3h ago",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "FfPXa",
"name": "note3Snip",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Discussed Q1 goals and hiring priorities...",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "rectangle",
"id": "MeqjO",
"name": "Resize Handle 2",
"fill": "$--border",
"width": 1,
"height": "fill_container"
},
{
"type": "frame",
"id": "zAbPt",
"name": "Panel: Editor",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"fill": "$--background",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "NdYcO",
"name": "Tab Bar",
"width": "fill_container",
"height": 45,
"fill": "$--sidebar",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--sidebar-border"
},
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "nVUGr",
"name": "Tab Active",
"height": "fill_container",
"fill": "$--background",
"stroke": {
"align": "inside",
"thickness": {
"right": 1
},
"fill": "$--border"
},
"gap": 6,
"padding": [
0,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kBpGX",
"name": "tab1Txt",
"fill": "$--foreground",
"content": "Laputa App",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "Bb2AE",
"name": "tab1Close",
"width": 14,
"height": 14,
"iconFontName": "x",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "GYeyL",
"name": "Tab Inactive",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"right": 1,
"bottom": 1
},
"fill": "$--sidebar-border"
},
"gap": 6,
"padding": [
0,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kZ1bn",
"name": "tab2Txt",
"fill": "$--muted-foreground",
"content": "Portfolio Rewrite",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "RwyYI",
"name": "tab2Close",
"opacity": 0,
"width": 14,
"height": 14,
"iconFontName": "x",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "sbpmq",
"name": "tabSpacer",
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
}
},
{
"type": "frame",
"id": "WF97k",
"name": "tabControls",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1,
"left": 1
},
"fill": "$--border"
},
"gap": 12,
"padding": [
0,
12
],
"justifyContent": "space_around",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "rfSoS",
"name": "iconPlus",
"width": 16,
"height": 16,
"iconFontName": "plus",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "t0u6z",
"name": "iconSplit",
"width": 16,
"height": 16,
"iconFontName": "columns",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "kbe1P",
"name": "iconExpand",
"width": 16,
"height": 16,
"iconFontName": "arrows-out-simple",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "rTdKS",
"name": "Editor Body",
"width": "fill_container",
"height": "fill_container",
"children": [
{
"type": "frame",
"id": "NfyTF",
"name": "Editor Left",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "hvoFh",
"name": "Info Bar",
"width": "fill_container",
"height": 45,
"fill": "$--background",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "bTP0I",
"name": "infoLeft",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Msj7v",
"name": "breadcrumbType",
"fill": "$--muted-foreground",
"content": "Project",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "wqdMG",
"name": "breadcrumbSep",
"fill": "$--muted-foreground",
"content": "›",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "FzENd",
"name": "breadcrumbName",
"fill": "$--foreground",
"content": "Laputa App",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "pvTmc",
"name": "dotSep",
"fill": "$--muted-foreground",
"content": "·",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "wr3yb",
"name": "wordCount",
"fill": "$--muted-foreground",
"content": "1,284 words",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Alpi6",
"name": "dotSep2",
"fill": "$--muted-foreground",
"content": "·",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "9ga1R",
"name": "modifiedTxt",
"fill": "$--accent-yellow",
"content": "M",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "3bzDp",
"name": "infoRight",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "9Ctb0",
"name": "iconSearch",
"width": 16,
"height": 16,
"iconFontName": "magnifying-glass",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "csHzz",
"name": "iconSearch",
"width": 16,
"height": 16,
"iconFontName": "git-branch",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "2s6Of",
"name": "iconSearch",
"width": 16,
"height": 16,
"iconFontName": "cursor-text",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "JVSlj",
"name": "iconAI",
"width": 16,
"height": 16,
"iconFontName": "sparkle",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "k3AiV",
"name": "iconMore",
"width": 16,
"height": 16,
"iconFontName": "dots-three",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "vvETz",
"name": "Editor Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 16,
"padding": [
32,
64
],
"children": [
{
"type": "text",
"id": "aDL4D",
"name": "editorH1",
"fill": "$--foreground",
"content": "Laputa App",
"lineHeight": 1.2,
"fontFamily": "Inter",
"fontSize": 32,
"fontWeight": "700"
},
{
"type": "text",
"id": "b6up3",
"name": "editorP1",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Personal knowledge and life management desktop app, built with Tauri v2 + React + TypeScript + CodeMirror 6. It reads a vault of markdown files with YAML frontmatter and presents them in a four-panel UI inspired by Bear Notes.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "text",
"id": "a2S43",
"name": "editorH2",
"fill": "$--foreground",
"content": "Architecture",
"lineHeight": 1.3,
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "600"
},
{
"type": "text",
"id": "wgvQa",
"name": "editorP2",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "The app uses a four-panel layout: Sidebar for navigation, NoteList for browsing, Editor for content, and Inspector for metadata. All data lives in markdown files with YAML frontmatter, git-versioned.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "GGP97",
"name": "Inspector",
"clip": true,
"width": 260,
"height": "fill_container",
"fill": "$--background",
"stroke": {
"align": "inside",
"thickness": {
"left": 1
},
"fill": "$--border"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "FbHy7",
"name": "Inspector Header",
"width": "fill_container",
"height": 45,
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"gap": 8,
"padding": [
0,
12
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "sA7Dx",
"name": "leftGroup",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "0ccF1",
"name": "propIcon",
"width": 16,
"height": 16,
"iconFontName": "sliders-horizontal",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "T2vTZ",
"name": "inspTitle",
"fill": "$--muted-foreground",
"content": "Properties",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "icon_font",
"id": "NQOhZ",
"name": "sidebarIcon",
"width": 16,
"height": 16,
"iconFontName": "x",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "LYFki",
"name": "Inspector Body",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 16,
"padding": 12,
"children": [
{
"type": "frame",
"id": "8g61y",
"name": "Properties Section",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "6PwTH",
"name": "propType",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Vt2BC",
"name": "propTypeLbl",
"fill": "$--muted-foreground",
"content": "Type",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "uvBiY",
"name": "propTypeVal",
"fill": "$--foreground",
"content": "Project",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "FDbay",
"name": "propStatus",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "e426F",
"name": "propStatusLbl",
"fill": "$--muted-foreground",
"content": "Status",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"id": "o2rZM",
"type": "ref",
"ref": "GcZNN",
"fill": "$--accent-green-light",
"padding": [
1,
6
],
"name": "propStatusBadge",
"descendants": {
"xe4Zv": {
"content": "ACTIVE",
"fontSize": 10,
"fill": "$--accent-green"
}
}
}
]
},
{
"type": "frame",
"id": "VhH4P",
"name": "addPropBtn",
"width": "fill_container",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
6,
12
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Q9z8F",
"name": "addPropTxt",
"fill": "$--muted-foreground",
"content": "+ Add property",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "NmRLv",
"name": "Relationships Section",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "WFVAr",
"name": "relGroup1",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "0N729",
"name": "relGrp1Title",
"fill": "$--foreground",
"content": "Belongs To",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "frame",
"id": "zLl8F",
"name": "relLaputaBtn",
"width": "fill_container",
"fill": "$--accent-blue-light",
"cornerRadius": 6,
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kw9vC",
"name": "laputaTxt",
"fill": "$--primary",
"content": "Laputa",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "RFvoz",
"name": "topicIcon",
"opacity": 0.5,
"width": 14,
"height": 14,
"iconFontName": "tag",
"iconFontFamily": "phosphor",
"fill": "$--primary"
}
]
},
{
"type": "frame",
"id": "L6knW",
"name": "linkExisting",
"width": "fill_container",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "jwU3Z",
"name": "laputaTxt",
"fill": "$--muted-foreground",
"content": "+ Link existing",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "laPFL",
"name": "relGroup2",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "LOXUL",
"name": "relGrp2Title",
"fill": "$--foreground",
"content": "Related To",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "frame",
"id": "qLTYD",
"name": "relMigrationBtn",
"width": "fill_container",
"fill": "$--accent-blue-light",
"cornerRadius": 6,
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "GBk2u",
"name": "migrationTxt",
"fill": "$--primary",
"content": "Shadcn Migration",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "Sy14T",
"name": "expIcon",
"opacity": 0.5,
"width": 14,
"height": 14,
"iconFontName": "flask",
"iconFontFamily": "phosphor",
"fill": "$--primary"
}
]
},
{
"type": "frame",
"id": "u8ijV",
"name": "linkExisting",
"width": "fill_container",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "PUXx5",
"name": "laputaTxt",
"fill": "$--muted-foreground",
"content": "+ Link existing",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "6PUnO",
"name": "Backlinks Section",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "PllIu",
"name": "blTitle",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ZbgbI",
"name": "blTitleTxt",
"fill": "$--foreground",
"content": "Backlinks",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "text",
"id": "TKnTR",
"name": "blCount",
"fill": "$--muted-foreground",
"content": "3",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "eRoDO",
"name": "blItem1",
"fill": "$--primary",
"content": "Portfolio Rewrite",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "u1olR",
"name": "blItem2",
"fill": "$--primary",
"content": "Meeting with Grant",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "oUd9s",
"name": "blItem3",
"fill": "$--primary",
"content": "Q1 Planning",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "yf0wj",
"name": "History Section",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "text",
"id": "dG7rj",
"name": "histTitle",
"fill": "$--foreground",
"content": "History",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "frame",
"id": "z2Mdy",
"name": "histItem1",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"left": 2
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 2,
"padding": [
0,
0,
0,
10
],
"children": [
{
"type": "text",
"id": "AsiWz",
"name": "histItem1Hash",
"fill": "$--foreground",
"content": "a089f44 · feat: migrate to shadcn/ui",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "BdVhi",
"name": "histItem1Date",
"fill": "$--muted-foreground",
"content": "Feb 16, 2026",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "piJNC",
"name": "histItem2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"left": 2
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 2,
"padding": [
0,
0,
0,
10
],
"children": [
{
"type": "text",
"id": "0PWoX",
"name": "histItem2Hash",
"fill": "$--foreground",
"content": "5a4b4ac · feat: emoji favicon",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "xySNW",
"name": "histItem2Date",
"fill": "$--muted-foreground",
"content": "Feb 15, 2026",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"id": "x1AHT",
"type": "ref",
"ref": "dqSpJ",
"width": "fill_container",
"name": "lightStatusBar"
}
]
},
{
"type": "frame",
"id": "COPB3",
"x": 1703,
"y": 4457,
"name": "Color Palette — shadcn/ui Theme",
"theme": {
"Mode": "Dark"
},
"width": 1440,
"fill": "$--background",
"layout": "vertical",
"gap": 32,
"padding": 40,
"children": [
{
"type": "text",
"id": "mWQKJ",
"name": "cTitle",
"fill": "$--foreground",
"content": "Color Palette — shadcn/ui Theme Variables",
"fontFamily": "Inter",
"fontSize": 28,
"fontWeight": "700",
"letterSpacing": -0.5
},
{
"type": "text",
"id": "TwASu",
"name": "cSub",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "All colors from src/index.css. Variables support light/dark mode via .dark class.",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "text",
"id": "VL7qn",
"name": "primLbl",
"fill": "$--foreground",
"content": "Primary Colors",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "frame",
"id": "HJ7Lu",
"name": "primRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "eLJUI",
"name": "sw1",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "g5n1q",
"name": "sw1b",
"fill": "$--background",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "ix6fV",
"name": "sw1n",
"fill": "$--foreground",
"content": "--background",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "GmNjO",
"name": "sw1v",
"fill": "$--muted-foreground",
"content": "L: #FFFFFF / D: #0f0f1a",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "XEsfn",
"name": "sw2",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "KasDb",
"name": "sw2b",
"fill": "$--foreground",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "McYGS",
"name": "sw2n",
"fill": "$--foreground",
"content": "--foreground",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "hbCbv",
"name": "sw2v",
"fill": "$--muted-foreground",
"content": "L: #37352F / D: #e0e0e0",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "8NhVX",
"name": "sw3",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "uC7Sn",
"name": "sw3b",
"fill": "$--primary",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "gtcz9",
"name": "sw3n",
"fill": "$--foreground",
"content": "--primary",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "cjkwq",
"name": "sw3v",
"fill": "$--muted-foreground",
"content": "#155DFF",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "yjQGQ",
"name": "sw4",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "1OxTg",
"name": "sw4b",
"fill": "$--primary-foreground",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "EkeoZ",
"name": "sw4n",
"fill": "$--foreground",
"content": "--primary-foreground",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "tt2cD",
"name": "sw4v",
"fill": "$--muted-foreground",
"content": "L: #FFFFFF / D: #ffffff",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "text",
"id": "crhHt",
"name": "accLbl",
"fill": "$--foreground",
"content": "Accent & Semantic Colors",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "frame",
"id": "k1HTr",
"name": "accRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "pSeKo",
"name": "a1",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "INS18",
"name": "a1b",
"fill": "$--accent-blue",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "KqJzJ",
"name": "a1n",
"fill": "$--foreground",
"content": "--accent-blue",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "Ablbh",
"name": "a2",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "Rfk1S",
"name": "a2b",
"fill": "$--accent-green",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "MZuvu",
"name": "a2n",
"fill": "$--foreground",
"content": "--accent-green",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "QYDeM",
"name": "a3",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "0n5qg",
"name": "a3b",
"fill": "$--accent-yellow",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "J0365",
"name": "a3n",
"fill": "$--foreground",
"content": "--accent-yellow",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "mMfIb",
"name": "a4",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "EsIyr",
"name": "a4b",
"fill": "$--accent-red",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "BMn82",
"name": "a4n",
"fill": "$--foreground",
"content": "--destructive",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "ZiFIw",
"name": "a5",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "C78tM",
"name": "a5b",
"fill": "$--accent-purple",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "C1rYT",
"name": "a5n",
"fill": "$--foreground",
"content": "--accent-purple",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "7uUTH",
"name": "darkLightLbl",
"fill": "$--foreground",
"content": "Accent Light Backgrounds",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "frame",
"id": "3vJ5x",
"name": "accLightRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "z1hMk",
"name": "al1",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "kpswd",
"name": "al1b",
"fill": "$--accent-blue-light",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "0KAqb",
"name": "al1n",
"fill": "$--foreground",
"content": "--accent-blue-light",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "R1boT",
"name": "al2",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "R0qqH",
"name": "al2b",
"fill": "$--accent-green-light",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "2B8DU",
"name": "al2n",
"fill": "$--foreground",
"content": "--accent-green-light",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "zcKSe",
"name": "al3",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "ltVm8",
"name": "al3b",
"fill": "$--accent-yellow-light",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "a9QH0",
"name": "al3n",
"fill": "$--foreground",
"content": "--accent-yellow-light",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "6hhPO",
"name": "al4",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "QPIYp",
"name": "al4b",
"fill": "$--accent-red-light",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "IQkg3",
"name": "al4n",
"fill": "$--foreground",
"content": "--accent-red-light",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "jGnce",
"name": "al5",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "FCkuJ",
"name": "al5b",
"fill": "$--accent-purple-light",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "XuoAn",
"name": "al5n",
"fill": "$--foreground",
"content": "--accent-purple-light",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "Nu9H0",
"name": "surfLbl",
"fill": "$--foreground",
"content": "Surface & Border Colors",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "frame",
"id": "qKfwR",
"name": "surfRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "7UCir",
"name": "s1",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "cPfNQ",
"name": "s1b",
"fill": "$--card",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "C8OF4",
"name": "s1n",
"fill": "$--foreground",
"content": "--card",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "qGuKa",
"name": "s2",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "jWTl9",
"name": "s2b",
"fill": "$--sidebar",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--sidebar-border"
}
},
{
"type": "text",
"id": "ngfU3",
"name": "s2n",
"fill": "$--foreground",
"content": "--sidebar",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "0L9hT",
"name": "s3",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "10TTI",
"name": "s3b",
"fill": "$--secondary",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "8oPOS",
"name": "s3n",
"fill": "$--foreground",
"content": "--secondary",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "C356T",
"name": "s4",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "OPQnz",
"name": "s4b",
"fill": "$--border",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "a5F6B",
"name": "s4n",
"fill": "$--foreground",
"content": "--border / --input",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "MRGly",
"name": "s5",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "2TQdL",
"name": "s5b",
"fill": "$--muted-foreground",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "uihaW",
"name": "s5n",
"fill": "$--foreground",
"content": "--muted-foreground",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "uBwva",
"x": 1703,
"y": 5252,
"name": "Typography & Spacing Specs",
"theme": {
"Mode": "Dark"
},
"width": 1440,
"fill": "$--background",
"layout": "vertical",
"gap": 32,
"padding": 40,
"children": [
{
"type": "text",
"id": "3XapS",
"name": "tTitle",
"fill": "$--foreground",
"content": "Typography Scale",
"fontFamily": "Inter",
"fontSize": 28,
"fontWeight": "700",
"letterSpacing": -0.5
},
{
"type": "text",
"id": "LWjBP",
"name": "tSub",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Fonts: Inter, IBM Plex Mono. Base: 14px. System fallback: -apple-system, BlinkMacSystemFont, sans-serif.",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "HDK4e",
"name": "t1",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "WQhdH",
"name": "t1s",
"fill": "$--foreground",
"content": "Heading 1",
"lineHeight": 1.2,
"fontFamily": "Inter",
"fontSize": 32,
"fontWeight": "700"
},
{
"type": "text",
"id": "0e1XM",
"name": "t1d",
"fill": "$--muted-foreground",
"content": "32px / Bold / lh 1.2 — Editor H1",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "NJFcu",
"name": "t2",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "F0Onf",
"name": "t2s",
"fill": "$--foreground",
"content": "Heading 2",
"lineHeight": 1.3,
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "600"
},
{
"type": "text",
"id": "MGPyI",
"name": "t2d",
"fill": "$--muted-foreground",
"content": "24px / Semibold / lh 1.3 — Editor H2",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "EfVf8",
"name": "t3",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "IXlzW",
"name": "t3s",
"fill": "$--foreground",
"content": "App Title",
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "700",
"letterSpacing": -0.3
},
{
"type": "text",
"id": "3nbkI",
"name": "t3d",
"fill": "$--muted-foreground",
"content": "17px / Bold / ls -0.3 — Sidebar header",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "WdnCq",
"name": "t4",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "dOp96",
"name": "t4s",
"fill": "$--foreground",
"content": "Body Text",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "text",
"id": "e6pl1",
"name": "t4d",
"fill": "$--muted-foreground",
"content": "16px / Regular / lh 1.6 — Editor paragraphs",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "XpOt8",
"name": "t5",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "m89X8",
"name": "t5s",
"fill": "$--foreground",
"content": "UI Label / Button",
"lineHeight": 1.43,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "rgaAH",
"name": "t5d",
"fill": "$--muted-foreground",
"content": "14px / Medium / lh 1.43 — Buttons, NoteList header, Inspector labels",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "KFQtu",
"name": "t6",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "SApaW",
"name": "t6s",
"fill": "$--foreground",
"content": "Sidebar Item",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "f6ZA3",
"name": "t6d",
"fill": "$--muted-foreground",
"content": "13px / Medium — Sidebar nav items, filter items, search",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "GhKyK",
"name": "t7",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "QD0W3",
"name": "t7s",
"fill": "$--muted-foreground",
"content": "SECTION HEADER",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 0.5
},
{
"type": "text",
"id": "Nlp9r",
"name": "t7d",
"fill": "$--muted-foreground",
"content": "11px / Semibold / ls 0.5 — Sidebar sections, type pills",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "8wp0i",
"name": "t8",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "228Sk",
"name": "t8s",
"fill": "$--foreground",
"content": "ALL-CAPS LABEL",
"fontFamily": "IBM Plex Mono",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 1.2
},
{
"type": "text",
"id": "YvuOO",
"name": "t8d",
"fill": "$--muted-foreground",
"content": "11px / Semibold / ls 1.2 / IBM Plex Sans — Section labels, metadata tags",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "vOypg",
"name": "t9",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "yCiRp",
"name": "t9s",
"fill": "$--muted-foreground",
"content": "OVERLINE TEXT",
"fontFamily": "IBM Plex Mono",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1.5
},
{
"type": "text",
"id": "OnVI9",
"name": "t9d",
"fill": "$--muted-foreground",
"content": "10px / Medium / ls 1.5 / IBM Plex Sans — Overlines, category labels, timestamps",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "rectangle",
"id": "LZL2f",
"name": "div1",
"fill": "$--border",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "zukys",
"name": "spTitle",
"fill": "$--foreground",
"content": "Spacing & Layout Reference",
"fontFamily": "Inter",
"fontSize": 28,
"fontWeight": "700",
"letterSpacing": -0.5
},
{
"type": "frame",
"id": "VwXQg",
"name": "pnlRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "cQVSE",
"name": "p1",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 6,
"padding": 16,
"children": [
{
"type": "text",
"id": "QJTMm",
"name": "p1t",
"fill": "$--foreground",
"content": "Sidebar: 250px",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "KXZBq",
"name": "p1d",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "bg: --sidebar | padding: 8px container, 12px 16px header, 6px 16px items",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "LxNWr",
"name": "p2",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 6,
"padding": 16,
"children": [
{
"type": "text",
"id": "vR7Ch",
"name": "p2t",
"fill": "$--foreground",
"content": "NoteList: 300px",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "g7zzi",
"name": "p2d",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "bg: --card | padding: 14px 16px header, 8px 12px search/pills, 10px 16px items",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ELNLd",
"name": "p3",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 6,
"padding": 16,
"children": [
{
"type": "text",
"id": "r3glq",
"name": "p3t",
"fill": "$--foreground",
"content": "Editor: flexible",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "7CDJm",
"name": "p3d",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "bg: --background | padding: 32px 64px content, 7px 14px tabs, gap: 16px",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "SwGHD",
"name": "p4",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 6,
"padding": 16,
"children": [
{
"type": "text",
"id": "0dLRT",
"name": "p4t",
"fill": "$--foreground",
"content": "Inspector: 280px",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "zcp5I",
"name": "p4d",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "bg: --sidebar | padding: 14px 12px header, 12px body, 16px section gap, 8px prop gap",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "text",
"id": "ugr8F",
"name": "radLbl",
"fill": "$--foreground",
"content": "Border Radius",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "frame",
"id": "asPgq",
"name": "radRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "D4LA1",
"name": "r1",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 4,
"id": "GZ3tL",
"name": "r1b",
"fill": "$--secondary",
"width": 80,
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "4OpFd",
"name": "r1n",
"fill": "$--foreground",
"content": "4px (sm) — chips",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "EKpWB",
"name": "r2",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 6,
"id": "WjpNG",
"name": "r2b",
"fill": "$--secondary",
"width": 80,
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "H6av3",
"name": "r2n",
"fill": "$--foreground",
"content": "6px (md) — buttons, inputs",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "LX4qK",
"name": "r3",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "ucuH2",
"name": "r3b",
"fill": "$--secondary",
"width": 80,
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "i6R5g",
"name": "r3n",
"fill": "$--foreground",
"content": "8px (lg) — cards, dialogs",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "WehOP",
"name": "r4",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 16,
"id": "aeuNO",
"name": "r4b",
"fill": "$--secondary",
"width": 80,
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "TZumG",
"name": "r4n",
"fill": "$--foreground",
"content": "16px — badges",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
},
{
"type": "rectangle",
"id": "kaTsy",
"name": "div2",
"fill": "$--border",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "LPG02",
"name": "compTitle",
"fill": "$--foreground",
"content": "shadcn/ui Component Inventory",
"fontFamily": "Inter",
"fontSize": 28,
"fontWeight": "700",
"letterSpacing": -0.5
},
{
"type": "frame",
"id": "U7NFU",
"name": "compRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "DWuiV",
"name": "cg1",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "text",
"id": "r92Ay",
"name": "cg1t",
"fill": "$--accent-green",
"content": "In Use",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "G7XhA",
"name": "cg1r1",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Button — 5 variants (Default, Secondary, Outline, Ghost, Destructive)",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "QVrLd",
"name": "cg1r2",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Input — Default text input with label group",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "dyMJU",
"name": "cg1r3",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Dialog — Modal overlay (CreateNote, Commit)",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "JJKSC",
"name": "cg1r4",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Badge — 4 variants (Default, Secondary, Outline, Destructive)",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "KSggN",
"name": "cg2",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "text",
"id": "x0zMO",
"name": "cg2t",
"fill": "$--accent-orange",
"content": "Available (Not Yet Used)",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "teIKV",
"name": "cg2r1",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "DropdownMenu — Context / dropdown menus",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "sKAHD",
"name": "cg2r2",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Tabs — Tab navigation component",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "yZhbc",
"name": "cg2r3",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Tooltip, Select, Card, Separator, ScrollArea",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "mOf4J",
"x": 0,
"y": 4457,
"name": "Color Palette — shadcn/ui Theme (Light)",
"theme": {
"Mode": "Light"
},
"width": 1440,
"fill": "$--background",
"layout": "vertical",
"gap": 32,
"padding": 40,
"children": [
{
"type": "text",
"id": "rmJdn",
"name": "cTitle",
"fill": "$--foreground",
"content": "Color Palette — shadcn/ui Theme Variables (Light)",
"fontFamily": "Inter",
"fontSize": 28,
"fontWeight": "700",
"letterSpacing": -0.5
},
{
"type": "text",
"id": "V79Zu",
"name": "cSub",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "All colors from src/index.css. Variables support light/dark mode via .dark class.",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Xbdzq",
"name": "primLbl",
"fill": "$--foreground",
"content": "Primary Colors",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "frame",
"id": "NyoC7",
"name": "primRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "Inb1x",
"name": "sw1",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "HRsVC",
"name": "sw1b",
"fill": "$--background",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "jV89s",
"name": "sw1n",
"fill": "$--foreground",
"content": "--background",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "qOUUY",
"name": "sw1v",
"fill": "$--muted-foreground",
"content": "L: #FFFFFF / D: #0f0f1a",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "QytAQ",
"name": "sw2",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "TMuHH",
"name": "sw2b",
"fill": "$--foreground",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "k9qK4",
"name": "sw2n",
"fill": "$--foreground",
"content": "--foreground",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "BfEn7",
"name": "sw2v",
"fill": "$--muted-foreground",
"content": "L: #37352F / D: #e0e0e0",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "gJZtB",
"name": "sw3",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "RRsQg",
"name": "sw3b",
"fill": "$--primary",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "CtJe4",
"name": "sw3n",
"fill": "$--foreground",
"content": "--primary",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "1iFr6",
"name": "sw3v",
"fill": "$--muted-foreground",
"content": "#155DFF",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "mbvua",
"name": "sw4",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "fajNZ",
"name": "sw4b",
"fill": "$--primary-foreground",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "wVJ7z",
"name": "sw4n",
"fill": "$--foreground",
"content": "--primary-foreground",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "Oum5Q",
"name": "sw4v",
"fill": "$--muted-foreground",
"content": "L: #FFFFFF / D: #ffffff",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "text",
"id": "UvI4d",
"name": "accLbl",
"fill": "$--foreground",
"content": "Accent & Semantic Colors",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "frame",
"id": "jOmo7",
"name": "accRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "uFXJ3",
"name": "a1",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "NRr0w",
"name": "a1b",
"fill": "$--accent-blue",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "ECVqk",
"name": "a1n",
"fill": "$--foreground",
"content": "--accent-blue",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "csKEt",
"name": "a2",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "5IiT2",
"name": "a2b",
"fill": "$--accent-green",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "aCPba",
"name": "a2n",
"fill": "$--foreground",
"content": "--accent-green",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "XbY7C",
"name": "a3",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "I9qCz",
"name": "a3b",
"fill": "$--accent-yellow",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "DfZVh",
"name": "a3n",
"fill": "$--foreground",
"content": "--accent-yellow",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "nROw3",
"name": "a4",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "IcIoP",
"name": "a4b",
"fill": "$--accent-red",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "eGgz6",
"name": "a4n",
"fill": "$--foreground",
"content": "--destructive",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "J95fv",
"name": "a5",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "o03fQ",
"name": "a5b",
"fill": "$--accent-purple",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "H9VWy",
"name": "a5n",
"fill": "$--foreground",
"content": "--accent-purple",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "GcYle",
"name": "lightLightLbl",
"fill": "$--foreground",
"content": "Accent Light Backgrounds",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "frame",
"id": "Ju2xp",
"name": "accLightRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "5dnn5",
"name": "al1",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "7kcqW",
"name": "ll1b",
"fill": "$--accent-blue-light",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "dBCbF",
"name": "ll1n",
"fill": "$--foreground",
"content": "--accent-blue-light",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "W0t0j",
"name": "al2",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "1vepp",
"name": "ll2b",
"fill": "$--accent-green-light",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "6kUyf",
"name": "ll2n",
"fill": "$--foreground",
"content": "--accent-green-light",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "zyV1j",
"name": "al3",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "yUDBN",
"name": "ll3b",
"fill": "$--accent-yellow-light",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "dmfZ4",
"name": "ll3n",
"fill": "$--foreground",
"content": "--accent-yellow-light",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "yGmmo",
"name": "al4",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "eLu8o",
"name": "ll4b",
"fill": "$--accent-red-light",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "PVLwR",
"name": "ll4n",
"fill": "$--foreground",
"content": "--accent-red-light",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "0BO2b",
"name": "al5",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "6FBws",
"name": "ll5b",
"fill": "$--accent-purple-light",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "i2DfV",
"name": "ll5n",
"fill": "$--foreground",
"content": "--accent-purple-light",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "JFocf",
"name": "surfLbl",
"fill": "$--foreground",
"content": "Surface & Border Colors",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "frame",
"id": "YAJLW",
"name": "surfRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "JHS3j",
"name": "s1",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "9Bj41",
"name": "s1b",
"fill": "$--card",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "wn4ua",
"name": "s1n",
"fill": "$--foreground",
"content": "--card",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "Fyvfd",
"name": "s2",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "UFLw5",
"name": "s2b",
"fill": "$--sidebar",
"width": "fill_container",
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--sidebar-border"
}
},
{
"type": "text",
"id": "gngfL",
"name": "s2n",
"fill": "$--foreground",
"content": "--sidebar",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "zbyEJ",
"name": "s3",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "WnmQD",
"name": "s3b",
"fill": "$--secondary",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "wnkxR",
"name": "s3n",
"fill": "$--foreground",
"content": "--secondary",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "Z2FuK",
"name": "s4",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "lNPnc",
"name": "s4b",
"fill": "$--border",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "x9aeh",
"name": "s4n",
"fill": "$--foreground",
"content": "--border / --input",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "TDDQ0",
"name": "s5",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "MwHOe",
"name": "s5b",
"fill": "$--muted-foreground",
"width": "fill_container",
"height": 60
},
{
"type": "text",
"id": "dHZj5",
"name": "s5n",
"fill": "$--foreground",
"content": "--muted-foreground",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "HZonq",
"x": 0,
"y": 5252,
"name": "Typography & Spacing Specs (Light)",
"theme": {
"Mode": "Light"
},
"width": 1440,
"fill": "$--background",
"layout": "vertical",
"gap": 32,
"padding": 40,
"children": [
{
"type": "text",
"id": "nGLlU",
"name": "tTitle",
"fill": "$--foreground",
"content": "Typography Scale (Light)",
"fontFamily": "Inter",
"fontSize": 28,
"fontWeight": "700",
"letterSpacing": -0.5
},
{
"type": "text",
"id": "gkQqO",
"name": "tSub",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Fonts: Inter, IBM Plex Mono. Base: 14px. System fallback: -apple-system, BlinkMacSystemFont, sans-serif.",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "QL9fK",
"name": "t1",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "px1l7",
"name": "t1s",
"fill": "$--foreground",
"content": "Heading 1",
"lineHeight": 1.2,
"fontFamily": "Inter",
"fontSize": 32,
"fontWeight": "700"
},
{
"type": "text",
"id": "3UWKu",
"name": "t1d",
"fill": "$--muted-foreground",
"content": "32px / Bold / lh 1.2 — Editor H1",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Yjhit",
"name": "t2",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "iFzl0",
"name": "t2s",
"fill": "$--foreground",
"content": "Heading 2",
"lineHeight": 1.3,
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "600"
},
{
"type": "text",
"id": "cF55I",
"name": "t2d",
"fill": "$--muted-foreground",
"content": "24px / Semibold / lh 1.3 — Editor H2",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "bBHMa",
"name": "t3",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kpSyr",
"name": "t3s",
"fill": "$--foreground",
"content": "App Title",
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "700",
"letterSpacing": -0.3
},
{
"type": "text",
"id": "xUuNz",
"name": "t3d",
"fill": "$--muted-foreground",
"content": "17px / Bold / ls -0.3 — Sidebar header",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Lsh7F",
"name": "t4",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "vTRSs",
"name": "t4s",
"fill": "$--foreground",
"content": "Body Text",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "text",
"id": "fKa3p",
"name": "t4d",
"fill": "$--muted-foreground",
"content": "16px / Regular / lh 1.6 — Editor paragraphs",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "rpOTz",
"name": "t5",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "VXY3Z",
"name": "t5s",
"fill": "$--foreground",
"content": "UI Label / Button",
"lineHeight": 1.43,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "F6GQz",
"name": "t5d",
"fill": "$--muted-foreground",
"content": "14px / Medium / lh 1.43 — Buttons, NoteList header, Inspector labels",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "H6Rgt",
"name": "t6",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "xWvbj",
"name": "t6s",
"fill": "$--foreground",
"content": "Sidebar Item",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "bvBBm",
"name": "t6d",
"fill": "$--muted-foreground",
"content": "13px / Medium — Sidebar nav items, filter items, search",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "GrFAq",
"name": "t7",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "vY8j4",
"name": "t7s",
"fill": "$--muted-foreground",
"content": "SECTION HEADER",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 0.5
},
{
"type": "text",
"id": "okws6",
"name": "t7d",
"fill": "$--muted-foreground",
"content": "11px / Semibold / ls 0.5 — Sidebar sections, type pills",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "awxls",
"name": "t8",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "mD3f5",
"name": "t8s",
"fill": "$--foreground",
"content": "ALL-CAPS LABEL",
"fontFamily": "IBM Plex Mono",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 1.2
},
{
"type": "text",
"id": "jFpLw",
"name": "t8d",
"fill": "$--muted-foreground",
"content": "11px / Semibold / ls 1.2 / IBM Plex Mono — Section labels, metadata tags",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ToLzL",
"name": "t9",
"width": "fill_container",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "LEsxW",
"name": "t9s",
"fill": "$--muted-foreground",
"content": "OVERLINE TEXT",
"fontFamily": "IBM Plex Mono",
"fontSize": 10,
"fontWeight": "500",
"letterSpacing": 1.5
},
{
"type": "text",
"id": "HQ3Df",
"name": "t9d",
"fill": "$--muted-foreground",
"content": "10px / Medium / ls 1.5 / IBM Plex Mono — Overlines, category labels, timestamps",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "rectangle",
"id": "3tiJ7",
"name": "div1",
"fill": "$--border",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "b2Mt9",
"name": "spTitle",
"fill": "$--foreground",
"content": "Spacing & Layout Reference",
"fontFamily": "Inter",
"fontSize": 28,
"fontWeight": "700",
"letterSpacing": -0.5
},
{
"type": "frame",
"id": "o6ETJ",
"name": "pnlRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "HhbOn",
"name": "p1",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 6,
"padding": 16,
"children": [
{
"type": "text",
"id": "YBekR",
"name": "p1t",
"fill": "$--foreground",
"content": "Sidebar: 250px",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "dT8Xe",
"name": "p1d",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "bg: --sidebar | padding: 8px container, 12px 16px header, 6px 16px items",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "aYkMZ",
"name": "p2",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 6,
"padding": 16,
"children": [
{
"type": "text",
"id": "Eycne",
"name": "p2t",
"fill": "$--foreground",
"content": "NoteList: 300px",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "lyTZN",
"name": "p2d",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "bg: --card | padding: 14px 16px header, 8px 12px search/pills, 10px 16px items",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "E6G3g",
"name": "p3",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 6,
"padding": 16,
"children": [
{
"type": "text",
"id": "Xy5Gl",
"name": "p3t",
"fill": "$--foreground",
"content": "Editor: flexible",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "y4svr",
"name": "p3d",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "bg: --background | padding: 32px 64px content, 7px 14px tabs, gap: 16px",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "RBPav",
"name": "p4",
"width": "fill_container",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 6,
"padding": 16,
"children": [
{
"type": "text",
"id": "xKUWC",
"name": "p4t",
"fill": "$--foreground",
"content": "Inspector: 280px",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "u81W5",
"name": "p4d",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "bg: --sidebar | padding: 14px 12px header, 12px body, 16px section gap, 8px prop gap",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "text",
"id": "VvZyF",
"name": "radLbl",
"fill": "$--foreground",
"content": "Border Radius",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "frame",
"id": "OwJH7",
"name": "radRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "DHrzV",
"name": "r1",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 4,
"id": "V35oi",
"name": "r1b",
"fill": "$--secondary",
"width": 80,
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "HVQpq",
"name": "r1n",
"fill": "$--foreground",
"content": "4px (sm) — chips",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "wp350",
"name": "r2",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 6,
"id": "E031z",
"name": "r2b",
"fill": "$--secondary",
"width": 80,
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "rDLff",
"name": "r2n",
"fill": "$--foreground",
"content": "6px (md) — buttons, inputs",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "d6tJt",
"name": "r3",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 8,
"id": "PNkS4",
"name": "r3b",
"fill": "$--secondary",
"width": 80,
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "rZGXb",
"name": "r3n",
"fill": "$--foreground",
"content": "8px (lg) — cards, dialogs",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "UAZ8u",
"name": "r4",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"cornerRadius": 16,
"id": "wgMVG",
"name": "r4b",
"fill": "$--secondary",
"width": 80,
"height": 60,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
}
},
{
"type": "text",
"id": "zw3RY",
"name": "r4n",
"fill": "$--foreground",
"content": "16px — badges",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
}
]
}
]
},
{
"type": "rectangle",
"id": "kIrXE",
"name": "div2",
"fill": "$--border",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "FYw8k",
"name": "compTitle",
"fill": "$--foreground",
"content": "shadcn/ui Component Inventory",
"fontFamily": "Inter",
"fontSize": 28,
"fontWeight": "700",
"letterSpacing": -0.5
},
{
"type": "frame",
"id": "7Q1Fi",
"name": "compRow",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "XfUwj",
"name": "cg1",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "text",
"id": "ly7m0",
"name": "cg1t",
"fill": "$--accent-green",
"content": "In Use",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "Re89a",
"name": "cg1r1",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Button — 5 variants (Default, Secondary, Outline, Ghost, Destructive)",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "ILbjW",
"name": "cg1r2",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Input — Default text input with label group",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "eurqS",
"name": "cg1r3",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Dialog — Modal overlay (CreateNote, Commit)",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "AZyZP",
"name": "cg1r4",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Badge — 4 variants (Default, Secondary, Outline, Destructive)",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "WtehQ",
"name": "cg2",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "text",
"id": "KaMZ9",
"name": "cg2t",
"fill": "$--accent-yellow",
"content": "Available (Not Yet Used)",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "F8wam",
"name": "cg2r1",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "DropdownMenu — Context / dropdown menus",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Nl1aV",
"name": "cg2r2",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Tabs — Tab navigation component",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "0sBwH",
"name": "cg2r3",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Tooltip, Select, Card, Separator, ScrollArea",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "dqSpJ",
"x": 0,
"y": 3250,
"name": "Status Bar",
"reusable": true,
"width": 1440,
"height": 30,
"fill": "$--sidebar",
"stroke": {
"align": "inside",
"thickness": {
"top": 1
},
"fill": "$--border"
},
"padding": [
0,
8
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "jGNFw",
"name": "Status Left",
"height": "fill_container",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "q78ui",
"name": "versionIcon",
"width": 14,
"height": 14,
"iconFontName": "box",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "EPW1Q",
"name": "versionText",
"fill": "$--muted-foreground",
"content": "v0.4.2",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
},
{
"type": "text",
"id": "d6Hq4",
"name": "sep1",
"fill": "$--border",
"content": "|",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "j1mGt",
"name": "branchIcon",
"width": 14,
"height": 14,
"iconFontName": "git-branch",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "yYZC3",
"name": "branchText",
"fill": "$--muted-foreground",
"content": "main",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "mBJ2Q",
"name": "sep2",
"fill": "$--border",
"content": "|",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "82Mip",
"name": "syncIcon",
"width": 13,
"height": 13,
"iconFontName": "refresh-cw",
"iconFontFamily": "lucide",
"fill": "$--accent-green"
},
{
"type": "text",
"id": "grkK6",
"name": "syncText",
"fill": "$--muted-foreground",
"content": "Synced 2m ago",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Yfepb",
"name": "Status Right",
"height": "fill_container",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "OjgVL",
"name": "aiIcon",
"width": 13,
"height": 13,
"iconFontName": "sparkles",
"iconFontFamily": "lucide",
"fill": "$--accent-purple"
},
{
"type": "text",
"id": "SQwue",
"name": "aiText",
"fill": "$--muted-foreground",
"content": "Claude Sonnet 4",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "HBoWk",
"name": "sep3",
"fill": "$--border",
"content": "|",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "j2rOQ",
"name": "notesCount",
"width": 13,
"height": 13,
"iconFontName": "file-text",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "XOiQp",
"name": "notesText",
"fill": "$--muted-foreground",
"content": "1,247 notes",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "GTXQv",
"name": "sep4",
"fill": "$--border",
"content": "|",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "SlUIf",
"name": "bellIcon",
"width": 13,
"height": 13,
"iconFontName": "bell",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "38KK8",
"name": "settingsIcon",
"width": 13,
"height": 13,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
}
],
"themes": {
"Mode": [
"Dark"
]
},
"variables": {
"--accent": {
"type": "color",
"value": [
{
"value": "#EBEBEA"
},
{
"value": "#252545",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-blue": {
"type": "color",
"value": [
{
"value": "#2383E2"
},
{
"value": "#4a9eff",
"theme": {
"Mode": "Dark"
}
},
{
"value": "#155DFF"
},
{
"value": "#155DFF",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-foreground": {
"type": "color",
"value": [
{
"value": "#37352F"
},
{
"value": "#ffffff",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-green": {
"type": "color",
"value": [
{
"value": "#0F7B6C"
},
{
"value": "#4caf50",
"theme": {
"Mode": "Dark"
}
},
{
"value": "#00B38B"
},
{
"value": "#00B38B",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-orange": {
"type": "color",
"value": [
{
"value": "#D9730D"
},
{
"value": "#ff9800",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-purple": {
"type": "color",
"value": [
{
"value": "#9065B0"
},
{
"value": "#9c72ff",
"theme": {
"Mode": "Dark"
}
},
{
"value": "#A932FF"
},
{
"value": "#A932FF",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-red": {
"type": "color",
"value": [
{
"value": "#E03E3E"
},
{
"value": "#f44336",
"theme": {
"Mode": "Dark"
}
}
]
},
"--background": {
"type": "color",
"value": [
{
"value": "#FFFFFF"
},
{
"value": "#0f0f1a",
"theme": {
"Mode": "Dark"
}
}
]
},
"--black": {
"type": "color",
"value": "#000000"
},
"--border": {
"type": "color",
"value": [
{
"value": "#E9E9E7"
},
{
"value": "#2a2a4a",
"theme": {
"Mode": "Dark"
}
}
]
},
"--card": {
"type": "color",
"value": [
{
"value": "#FFFFFF"
},
{
"value": "#16162a",
"theme": {
"Mode": "Dark"
}
}
]
},
"--card-foreground": {
"type": "color",
"value": [
{
"value": "#37352F"
},
{
"value": "#e0e0e0",
"theme": {
"Mode": "Dark"
}
}
]
},
"--destructive": {
"type": "color",
"value": [
{
"value": "#E03E3E"
},
{
"value": "#f44336",
"theme": {
"Mode": "Dark"
}
}
]
},
"--destructive-foreground": {
"type": "color",
"value": [
{
"value": "#FFFFFF"
},
{
"value": "#ffffff",
"theme": {
"Mode": "Dark"
}
}
]
},
"--font-primary": {
"type": "string",
"value": [
{
"value": "Inter"
},
{
"value": "-apple-system, BlinkMacSystemFont, Inter, sans-serif"
},
{
"value": "Inter"
}
]
},
"--font-system": {
"type": "string",
"value": "-apple-system, BlinkMacSystemFont, sans-serif"
},
"--foreground": {
"type": "color",
"value": [
{
"value": "#37352F"
},
{
"value": "#e0e0e0",
"theme": {
"Mode": "Dark"
}
}
]
},
"--input": {
"type": "color",
"value": [
{
"value": "#E9E9E7"
},
{
"value": "#2a2a4a",
"theme": {
"Mode": "Dark"
}
}
]
},
"--muted": {
"type": "color",
"value": [
{
"value": "#F0F0EF"
},
{
"value": "#1e1e3a",
"theme": {
"Mode": "Dark"
}
}
]
},
"--muted-foreground": {
"type": "color",
"value": [
{
"value": "#787774"
},
{
"value": "#888888",
"theme": {
"Mode": "Dark"
}
}
]
},
"--popover": {
"type": "color",
"value": [
{
"value": "#FFFFFF"
},
{
"value": "#1e1e3a",
"theme": {
"Mode": "Dark"
}
}
]
},
"--popover-foreground": {
"type": "color",
"value": [
{
"value": "#37352F"
},
{
"value": "#e0e0e0",
"theme": {
"Mode": "Dark"
}
}
]
},
"--primary": {
"type": "color",
"value": [
{
"value": "#2383E2"
},
{
"value": "#4a9eff",
"theme": {
"Mode": "Dark"
}
},
{
"value": "#155DFF"
},
{
"value": "#155DFF",
"theme": {
"Mode": "Dark"
}
}
]
},
"--primary-foreground": {
"type": "color",
"value": [
{
"value": "#FFFFFF"
},
{
"value": "#ffffff",
"theme": {
"Mode": "Dark"
}
}
]
},
"--radius-lg": {
"type": "number",
"value": 8
},
"--radius-md": {
"type": "number",
"value": 6
},
"--radius-sm": {
"type": "number",
"value": 4
},
"--ring": {
"type": "color",
"value": [
{
"value": "#2383E2"
},
{
"value": "#4a9eff",
"theme": {
"Mode": "Dark"
}
},
{
"value": "#155DFF"
},
{
"value": "#155DFF",
"theme": {
"Mode": "Dark"
}
}
]
},
"--secondary": {
"type": "color",
"value": [
{
"value": "#EBEBEA"
},
{
"value": "#2a2a4a",
"theme": {
"Mode": "Dark"
}
}
]
},
"--secondary-foreground": {
"type": "color",
"value": [
{
"value": "#37352F"
},
{
"value": "#e0e0e0",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar": {
"type": "color",
"value": [
{
"value": "#F7F6F3"
},
{
"value": "#1a1a2e",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-accent": {
"type": "color",
"value": [
{
"value": "#EBEBEA"
},
{
"value": "#252545",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-accent-foreground": {
"type": "color",
"value": [
{
"value": "#37352F"
},
{
"value": "#ffffff",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-border": {
"type": "color",
"value": [
{
"value": "#E9E9E7"
},
{
"value": "#2a2a4a",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-foreground": {
"type": "color",
"value": [
{
"value": "#37352F"
},
{
"value": "#e0e0e0",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-primary": {
"type": "color",
"value": [
{
"value": "#2383E2"
},
{
"value": "#4a9eff",
"theme": {
"Mode": "Dark"
}
},
{
"value": "#155DFF"
},
{
"value": "#155DFF",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-primary-foreground": {
"type": "color",
"value": [
{
"value": "#FFFFFF"
},
{
"value": "#ffffff",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-ring": {
"type": "color",
"value": [
{
"value": "#2383E2"
},
{
"value": "#4a9eff",
"theme": {
"Mode": "Dark"
}
},
{
"value": "#155DFF"
},
{
"value": "#155DFF",
"theme": {
"Mode": "Dark"
}
}
]
},
"--white": {
"type": "color",
"value": "#ffffff"
},
"--accent-yellow": {
"type": "color",
"value": [
{
"value": "#F0B100"
},
{
"value": "#F0B100",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-blue-light": {
"type": "color",
"value": [
{
"value": "#155DFF14"
},
{
"value": "#155DFF20",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-green-light": {
"type": "color",
"value": [
{
"value": "#00B38B14"
},
{
"value": "#00B38B20",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-purple-light": {
"type": "color",
"value": [
{
"value": "#A932FF14"
},
{
"value": "#A932FF20",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-red-light": {
"type": "color",
"value": [
{
"value": "#E03E3E14"
},
{
"value": "#f4433620",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-yellow-light": {
"type": "color",
"value": [
{
"value": "#F0B10014"
},
{
"value": "#F0B10020",
"theme": {
"Mode": "Dark"
}
}
]
}
}
}
Reference in New Issue View Git Blame Copy Permalink