@litfamily/lithermes 1.0.28 → 1.0.30

package/assets/lithermes-plugin/skills/frontend-ui-ux/kit/styles/field-notes.json

@@ -0,0 +1,205 @@
+{
+  "schema_id": "litfamily.frontend-style/v1",
+  "id": "field-notes",
+  "name": "Field notes",
+  "summary": "The authored LitMuse house look: warm paper, deep ink, a terracotta accent with a deep-teal second accent, mist as the quiet tint, thin rules instead of shadows, notebook-dot paper, a large editorial title and small lowercase terminal labels. Read-once pages carry an original pixel-art motif; work surfaces keep the palette and type and drop the art to a small accent.",
+  "use_when": [
+    "default for read-once pages (landing family) when the brief gives no visual direction: landing, launch, portfolio, docs home, reports",
+    "the brief asks for an editorial, warm-paper or pixel-art voice on any surface"
+  ],
+  "avoid_when": [
+    "work surfaces with no direction (graphite is their default)",
+    "the brief or an existing brand names other colours or type"
+  ],
+  "keywords": [
+    "field-notes",
+    "field notes",
+    "pixel art",
+    "픽셀 아트",
+    "픽셀아트"
+  ],
+  "signature": [
+    "warm paper, deep ink, a terracotta accent with a deep-teal second accent, and mist as the quiet tint",
+    "thin 1 px rules instead of shadows on read-once pages",
+    "small lowercase mono labels",
+    "an original pixel motif on read-once pages (section 5 of house-styles.md)",
+    "notebook-dot paper and a warm accent glow on the one atmosphere surface (rich density; a calm lock drops both)"
+  ],
+  "forbid": [
+    "heavy or coloured shadows on controls, and glass",
+    "violet-to-blue gradients, or gradient text in colours the palette does not own",
+    "stock illustration or emoji in place of the pixel motif"
+  ],
+  "fonts": {
+    "text": "Pretendard",
+    "display": "Pretendard",
+    "mono": "JetBrains Mono"
+  },
+  "type": {
+    "scale_px": {
+      "xs": 12,
+      "sm": 13,
+      "md": 14,
+      "base": 16,
+      "lg": 18,
+      "xl": 20,
+      "2xl": 24,
+      "3xl": 30,
+      "4xl": 38,
+      "5xl": 48
+    },
+    "display_px": {
+      "min": 40,
+      "max": 96
+    },
+    "moment_px": {
+      "max": 144
+    },
+    "weights": {
+      "text": 400,
+      "medium": 500,
+      "strong": 620,
+      "display": 780
+    },
+    "tracking_em": {
+      "display": -0.035,
+      "label": 0
+    },
+    "leading": {
+      "body": 1.6,
+      "tight": 1.3,
+      "display_latin": 1.05,
+      "display_korean": 1.18
+    }
+  },
+  "space_px": [
+    4,
+    8,
+    12,
+    16,
+    20,
+    24,
+    32,
+    40,
+    48,
+    64,
+    80,
+    96,
+    128
+  ],
+  "radius_px": {
+    "xs": 2,
+    "sm": 4,
+    "md": 6,
+    "lg": 10,
+    "pill": 999
+  },
+  "shadow": {
+    "raised": "none",
+    "overlay": "0 12px 32px -8px rgb(24 39 43 / 0.22), 0 2px 6px rgb(24 39 43 / 0.08)"
+  },
+  "motion": {
+    "fast_ms": 120,
+    "ui_ms": 180,
+    "enter_ms": 420,
+    "exit_ms": 160,
+    "ease": "cubic-bezier(0.22, 0.8, 0.24, 1)"
+  },
+  "shape": {
+    "border_px": {
+      "rule": 1,
+      "surface": 1,
+      "control": 1
+    },
+    "surface_line": "line",
+    "control_edge": "control",
+    "elevation": "soft",
+    "offset_px": {
+      "surface": 0,
+      "control": 0
+    },
+    "press": "scale",
+    "meta_font": "text",
+    "meta_case": "none",
+    "display_case": "none",
+    "canvas_pattern": "dots",
+    "heading_font": "display",
+    "panel_head": "plain",
+    "section_marks": "none"
+  },
+  "color": {
+    "light": {
+      "canvas": "#f5f3eb",
+      "surface": "#fbfaf6",
+      "sunken": "#ece9df",
+      "ink": "#18272b",
+      "ink-2": "#45545a",
+      "ink-3": "#5a686b",
+      "line": "#dcd8cb",
+      "line-strong": "#b5b0a1",
+      "control": "#8a8576",
+      "accent": "#c64d2e",
+      "accent-hover": "#ad3f23",
+      "on-accent": "#ffffff",
+      "accent-wash": "#f4e2d8",
+      "accent-ink": "#a8401f",
+      "accent-2": "#1d6b68",
+      "accent-2-ink": "#1a5f5c",
+      "accent-2-wash": "#dcece8",
+      "on-accent-2": "#ffffff",
+      "support": "#b7d8c7",
+      "support-ink": "#2e5e48",
+      "focus": "#18272b",
+      "positive": "#2f6b4f",
+      "positive-wash": "#dcebe1",
+      "warning": "#8a5a00",
+      "warning-wash": "#f3e6c4",
+      "negative": "#b3261e",
+      "negative-wash": "#f6dcd8",
+      "info": "#2b5f86",
+      "info-wash": "#dbe7f0",
+      "chart-1": "#18272b",
+      "chart-2": "#c64d2e",
+      "chart-3": "#5f9c80",
+      "chart-4": "#b5b0a1",
+      "chart-5": "#2b5f86"
+    },
+    "dark": {
+      "canvas": "#111a1c",
+      "surface": "#172225",
+      "sunken": "#0c1416",
+      "ink": "#ece8dc",
+      "ink-2": "#bcc3bd",
+      "ink-3": "#9aa49f",
+      "line": "#263437",
+      "line-strong": "#3a4a4e",
+      "control": "#6f7f82",
+      "accent": "#e2704f",
+      "accent-hover": "#ec8566",
+      "on-accent": "#1a0f0b",
+      "accent-wash": "#3a2219",
+      "accent-ink": "#ef8b6c",
+      "accent-2": "#5fb3ad",
+      "accent-2-ink": "#7cc7c1",
+      "accent-2-wash": "#16302e",
+      "on-accent-2": "#0b1a19",
+      "support": "#1d3329",
+      "support-ink": "#a9d3be",
+      "focus": "#ece8dc",
+      "positive": "#6cc196",
+      "positive-wash": "#173327",
+      "warning": "#e0b04f",
+      "warning-wash": "#352a10",
+      "negative": "#f08a80",
+      "negative-wash": "#3d1b18",
+      "info": "#84b6dc",
+      "info-wash": "#15283a",
+      "chart-1": "#ece8dc",
+      "chart-2": "#e2704f",
+      "chart-3": "#8fbfa7",
+      "chart-4": "#6b7a76",
+      "chart-5": "#84b6dc"
+    }
+  },
+  "accent_art": "pixel"
+}

package/assets/lithermes-plugin/skills/frontend-ui-ux/kit/styles/graphite.json

@@ -0,0 +1,200 @@
+{
+  "schema_id": "litfamily.frontend-style/v1",
+  "id": "graphite",
+  "name": "Graphite",
+  "summary": "A neutral, precise register: cool greys, white surfaces, a blue accent with a rose second accent for highlights and featured bands, crisp 6 to 8 px radii, soft two-layer elevation. Built for tools people work in all day and for products whose audience expects a quiet professional surface.",
+  "use_when": [
+    "default for work surfaces (workspace and settings families) when the brief gives no visual direction: dashboards, settings, forms, admin and data-dense screens",
+    "the brief asks for neutral, corporate, enterprise, clinical, financial or developer-tool tone",
+    "dense work surfaces where colour must be reserved for status"
+  ],
+  "avoid_when": [
+    "the brief asks for warmth, play or an editorial voice"
+  ],
+  "keywords": [
+    "graphite",
+    "그래파이트"
+  ],
+  "signature": [
+    "cool greys, white surfaces, a blue accent and a rose second accent",
+    "6 to 8 px radii and a soft two-layer elevation",
+    "colour on actions, status, featured bands and charts; dense table cells and form chrome stay neutral"
+  ],
+  "forbid": [
+    "offset or coloured shadows on controls, and glass",
+    "accent fills on table cells, list rows and form chrome",
+    "more than four accent hue families in one view"
+  ],
+  "fonts": {
+    "text": "Pretendard",
+    "display": "Pretendard",
+    "mono": "JetBrains Mono"
+  },
+  "type": {
+    "scale_px": {
+      "xs": 12,
+      "sm": 13,
+      "md": 14,
+      "base": 16,
+      "lg": 18,
+      "xl": 20,
+      "2xl": 24,
+      "3xl": 30,
+      "4xl": 38,
+      "5xl": 48
+    },
+    "display_px": {
+      "min": 36,
+      "max": 64
+    },
+    "moment_px": {
+      "max": 88
+    },
+    "weights": {
+      "text": 400,
+      "medium": 500,
+      "strong": 600,
+      "display": 680
+    },
+    "tracking_em": {
+      "display": -0.025,
+      "label": 0
+    },
+    "leading": {
+      "body": 1.6,
+      "tight": 1.3,
+      "display_latin": 1.05,
+      "display_korean": 1.18
+    }
+  },
+  "space_px": [
+    4,
+    8,
+    12,
+    16,
+    20,
+    24,
+    32,
+    40,
+    48,
+    64,
+    80,
+    96,
+    128
+  ],
+  "radius_px": {
+    "xs": 3,
+    "sm": 6,
+    "md": 8,
+    "lg": 12,
+    "pill": 999
+  },
+  "shadow": {
+    "raised": "0 1px 2px rgb(18 21 25 / 0.06), 0 1px 1px rgb(18 21 25 / 0.04)",
+    "overlay": "0 16px 40px -12px rgb(18 21 25 / 0.28), 0 2px 6px rgb(18 21 25 / 0.08)"
+  },
+  "motion": {
+    "fast_ms": 120,
+    "ui_ms": 180,
+    "enter_ms": 420,
+    "exit_ms": 160,
+    "ease": "cubic-bezier(0.22, 0.8, 0.24, 1)"
+  },
+  "shape": {
+    "border_px": {
+      "rule": 1,
+      "surface": 1,
+      "control": 1
+    },
+    "surface_line": "line",
+    "control_edge": "control",
+    "elevation": "soft",
+    "offset_px": {
+      "surface": 0,
+      "control": 0
+    },
+    "press": "scale",
+    "meta_font": "text",
+    "meta_case": "none",
+    "display_case": "none",
+    "canvas_pattern": "none",
+    "heading_font": "display",
+    "panel_head": "plain",
+    "section_marks": "none"
+  },
+  "color": {
+    "light": {
+      "canvas": "#f6f7f8",
+      "surface": "#ffffff",
+      "sunken": "#eef0f2",
+      "ink": "#121519",
+      "ink-2": "#444c55",
+      "ink-3": "#5d6670",
+      "line": "#e0e3e7",
+      "line-strong": "#c3c9d0",
+      "control": "#7f8892",
+      "accent": "#1f5fd1",
+      "accent-hover": "#194fb0",
+      "on-accent": "#ffffff",
+      "accent-wash": "#e7eefb",
+      "accent-ink": "#1a55bd",
+      "accent-2": "#c2366b",
+      "accent-2-ink": "#a82a5b",
+      "accent-2-wash": "#f8e1ea",
+      "on-accent-2": "#ffffff",
+      "support": "#d9e1ea",
+      "support-ink": "#2f3d4c",
+      "focus": "#1f5fd1",
+      "positive": "#1e7a4c",
+      "positive-wash": "#def1e6",
+      "warning": "#8f5b00",
+      "warning-wash": "#fbefd5",
+      "negative": "#c0262d",
+      "negative-wash": "#fbe3e3",
+      "info": "#356699",
+      "info-wash": "#e3edf7",
+      "chart-1": "#1f5fd1",
+      "chart-2": "#9db8ea",
+      "chart-3": "#444c55",
+      "chart-4": "#c3c9d0",
+      "chart-5": "#d07a2b"
+    },
+    "dark": {
+      "canvas": "#0e1114",
+      "surface": "#15191e",
+      "sunken": "#0a0d10",
+      "ink": "#e9ecef",
+      "ink-2": "#b4bcc5",
+      "ink-3": "#8d96a0",
+      "line": "#252b32",
+      "line-strong": "#39414a",
+      "control": "#5e6873",
+      "accent": "#6d9cf2",
+      "accent-hover": "#85adf5",
+      "on-accent": "#0b1220",
+      "accent-wash": "#18243a",
+      "accent-ink": "#8db2f6",
+      "accent-2": "#f07aa6",
+      "accent-2-ink": "#f592b6",
+      "accent-2-wash": "#3a1826",
+      "on-accent-2": "#2a0b17",
+      "support": "#2a3440",
+      "support-ink": "#c4d0dd",
+      "focus": "#85adf5",
+      "positive": "#5cc58f",
+      "positive-wash": "#12291d",
+      "warning": "#e3ad4f",
+      "warning-wash": "#2f240f",
+      "negative": "#f07b7f",
+      "negative-wash": "#331617",
+      "info": "#7fb0e0",
+      "info-wash": "#142233",
+      "chart-1": "#6d9cf2",
+      "chart-2": "#2f4f86",
+      "chart-3": "#b4bcc5",
+      "chart-4": "#39414a",
+      "chart-5": "#e3a25a"
+    }
+  },
+  "accent_art": "none"
+}

package/assets/lithermes-plugin/skills/frontend-ui-ux/kit/styles/meadow.json

@@ -0,0 +1,199 @@
+{
+  "schema_id": "litfamily.frontend-style/v1",
+  "id": "meadow",
+  "name": "Meadow",
+  "summary": "A warm, approachable register for consumer products: near-white canvas, deep teal accent, a coral second accent, sand as the tint, generous 12 to 18 px radii and soft elevation. Friendly without turning casual where money or health is at stake.",
+  "use_when": [
+    "opt-in only: the brief asks for friendly, warm, approachable, consumer, education, wellness, food or hospitality tone"
+  ],
+  "avoid_when": [
+    "dense all-day work surfaces",
+    "financial or clinical tasks where a casual register costs trust"
+  ],
+  "keywords": [
+    "meadow",
+    "메도우"
+  ],
+  "signature": [
+    "near-white canvas, deep teal accent, coral second accent, sand tint",
+    "12 to 18 px radii with soft elevation",
+    "rounded, generous spacing with tinted bands between sections"
+  ],
+  "forbid": [
+    "hard offset shadows and thick outlines",
+    "more than four accent hue families in one view",
+    "square, ruled compartments (that is computational-brutalism)"
+  ],
+  "fonts": {
+    "text": "Pretendard",
+    "display": "Pretendard",
+    "mono": "JetBrains Mono"
+  },
+  "type": {
+    "scale_px": {
+      "xs": 12,
+      "sm": 13,
+      "md": 14,
+      "base": 16,
+      "lg": 18,
+      "xl": 20,
+      "2xl": 24,
+      "3xl": 30,
+      "4xl": 38,
+      "5xl": 48
+    },
+    "display_px": {
+      "min": 38,
+      "max": 72
+    },
+    "moment_px": {
+      "max": 104
+    },
+    "weights": {
+      "text": 400,
+      "medium": 500,
+      "strong": 620,
+      "display": 700
+    },
+    "tracking_em": {
+      "display": -0.02,
+      "label": 0
+    },
+    "leading": {
+      "body": 1.6,
+      "tight": 1.3,
+      "display_latin": 1.05,
+      "display_korean": 1.18
+    }
+  },
+  "space_px": [
+    4,
+    8,
+    12,
+    16,
+    20,
+    24,
+    32,
+    40,
+    48,
+    64,
+    80,
+    96,
+    128
+  ],
+  "radius_px": {
+    "xs": 4,
+    "sm": 8,
+    "md": 12,
+    "lg": 18,
+    "pill": 999
+  },
+  "shadow": {
+    "raised": "0 1px 2px rgb(27 36 32 / 0.05), 0 4px 12px -4px rgb(27 36 32 / 0.08)",
+    "overlay": "0 18px 44px -12px rgb(27 36 32 / 0.26), 0 2px 6px rgb(27 36 32 / 0.06)"
+  },
+  "motion": {
+    "fast_ms": 120,
+    "ui_ms": 180,
+    "enter_ms": 420,
+    "exit_ms": 160,
+    "ease": "cubic-bezier(0.22, 0.8, 0.24, 1)"
+  },
+  "shape": {
+    "border_px": {
+      "rule": 1,
+      "surface": 1,
+      "control": 1
+    },
+    "surface_line": "line",
+    "control_edge": "control",
+    "elevation": "soft",
+    "offset_px": {
+      "surface": 0,
+      "control": 0
+    },
+    "press": "scale",
+    "meta_font": "text",
+    "meta_case": "none",
+    "display_case": "none",
+    "canvas_pattern": "none",
+    "heading_font": "display",
+    "panel_head": "plain",
+    "section_marks": "none"
+  },
+  "color": {
+    "light": {
+      "canvas": "#fbfbf8",
+      "surface": "#ffffff",
+      "sunken": "#f1f3ee",
+      "ink": "#1b2420",
+      "ink-2": "#46524c",
+      "ink-3": "#5c6a63",
+      "line": "#e2e6df",
+      "line-strong": "#c4cbc1",
+      "control": "#86918b",
+      "accent": "#0f6b6b",
+      "accent-hover": "#0b5858",
+      "on-accent": "#ffffff",
+      "accent-wash": "#ddefee",
+      "accent-ink": "#0d6262",
+      "accent-2": "#c4472f",
+      "accent-2-ink": "#a33a24",
+      "accent-2-wash": "#f8e1d9",
+      "on-accent-2": "#ffffff",
+      "support": "#f4dcc0",
+      "support-ink": "#7a4f1c",
+      "focus": "#0f6b6b",
+      "positive": "#28703a",
+      "positive-wash": "#e0f0e2",
+      "warning": "#8a5a00",
+      "warning-wash": "#f8ecd0",
+      "negative": "#b42f2a",
+      "negative-wash": "#f9e1df",
+      "info": "#2d6293",
+      "info-wash": "#e1ebf5",
+      "chart-1": "#0f6b6b",
+      "chart-2": "#e0a86a",
+      "chart-3": "#46524c",
+      "chart-4": "#9fd0cb",
+      "chart-5": "#b44f6a"
+    },
+    "dark": {
+      "canvas": "#101615",
+      "surface": "#161e1d",
+      "sunken": "#0b1110",
+      "ink": "#eaf0ed",
+      "ink-2": "#b6c2bc",
+      "ink-3": "#93a19a",
+      "line": "#24302d",
+      "line-strong": "#374541",
+      "control": "#63716c",
+      "accent": "#4fbfb4",
+      "accent-hover": "#6dd0c6",
+      "on-accent": "#062120",
+      "accent-wash": "#12302d",
+      "accent-ink": "#67cdc2",
+      "accent-2": "#ef8a6f",
+      "accent-2-ink": "#f29d85",
+      "accent-2-wash": "#3a2018",
+      "on-accent-2": "#2a0f08",
+      "support": "#6b5332",
+      "support-ink": "#f0cfa5",
+      "focus": "#6dd0c6",
+      "positive": "#6cc88a",
+      "positive-wash": "#142a1b",
+      "warning": "#e2b25a",
+      "warning-wash": "#2e2410",
+      "negative": "#f08780",
+      "negative-wash": "#351816",
+      "info": "#86b5e3",
+      "info-wash": "#142233",
+      "chart-1": "#4fbfb4",
+      "chart-2": "#e0a86a",
+      "chart-3": "#b6c2bc",
+      "chart-4": "#2c5a56",
+      "chart-5": "#e07f97"
+    }
+  },
+  "accent_art": "none"
+}