create-specfuse 0.2.3 → 0.3.1

package/dist/design-md/templates/consumer-social.yaml

@@ -0,0 +1,34 @@
+id: consumer-social
+name: Consumer Social
+category: consumer
+dimensions:
+  colorTemp: 4
+  lightness: 4
+  density: 4
+  borderRadius: 5
+  tone: 5
+anchors:
+  primary: Instagram
+  auxiliary:
+    - TikTok
+    - Threads
+template: |
+  tokens:
+    colors:
+      primary: "#E1306C"
+      background: "#FFFFFF"
+      surface: "#FAFAFA"
+      text: "#262626"
+      accent: "#833AB4"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 12, 16, 24, 32, 48, 64]
+    radius:
+      default: "16px"
+      large: "24px"
+    typography:
+      fontFamily: "'-apple-system', 'Segoe UI', sans-serif"
+      scale: [12, 14, 16, 18, 24, 32]
+    density:
+      compact: false
+      tableRowHeight: "56px"

package/dist/design-md/templates/content-blog.yaml

@@ -0,0 +1,34 @@
+id: content-blog
+name: Content Blog
+category: content
+dimensions:
+  colorTemp: 3
+  lightness: 5
+  density: 5
+  borderRadius: 2
+  tone: 3
+anchors:
+  primary: Medium
+  auxiliary:
+    - Substack
+    - Ghost
+template: |
+  tokens:
+    colors:
+      primary: "#292929"
+      background: "#FFFFFF"
+      surface: "#FAFAFA"
+      text: "#292929"
+      accent: "#1A8917"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 16, 24, 32, 48, 64, 96]
+    radius:
+      default: "4px"
+      large: "8px"
+    typography:
+      fontFamily: "'Georgia', 'Charter', serif"
+      scale: [14, 16, 18, 21, 26, 34, 42]
+    density:
+      compact: false
+      tableRowHeight: "48px"

package/dist/design-md/templates/content-docs.yaml

@@ -0,0 +1,34 @@
+id: content-docs
+name: Content Documentation
+category: content
+dimensions:
+  colorTemp: 2
+  lightness: 4
+  density: 3
+  borderRadius: 2
+  tone: 2
+anchors:
+  primary: Docusaurus
+  auxiliary:
+    - GitBook
+    - ReadTheDocs
+template: |
+  tokens:
+    colors:
+      primary: "#2E8555"
+      background: "#FFFFFF"
+      surface: "#F5F6F7"
+      text: "#1C1E21"
+      accent: "#25C2A0"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 12, 16, 24, 32, 48, 64]
+    radius:
+      default: "4px"
+      large: "8px"
+    typography:
+      fontFamily: "'-apple-system', 'Segoe UI', sans-serif"
+      scale: [12, 14, 16, 18, 20, 24, 30]
+    density:
+      compact: false
+      tableRowHeight: "40px"

package/dist/design-md/templates/dashboard-analytics.yaml

@@ -0,0 +1,34 @@
+id: dashboard-analytics
+name: Dashboard Analytics
+category: dashboard
+dimensions:
+  colorTemp: 2
+  lightness: 2
+  density: 1
+  borderRadius: 2
+  tone: 1
+anchors:
+  primary: Grafana
+  auxiliary:
+    - Datadog
+    - New Relic
+template: |
+  tokens:
+    colors:
+      primary: "#FF6600"
+      background: "#111217"
+      surface: "#1A1C23"
+      text: "#D8D9DA"
+      accent: "#73BF69"
+    spacing:
+      base: "4px"
+      scale: [2, 4, 8, 12, 16, 24, 32]
+    radius:
+      default: "4px"
+      large: "6px"
+    typography:
+      fontFamily: "'Inter', 'Roboto', sans-serif"
+      scale: [10, 11, 12, 14, 16, 20, 24]
+    density:
+      compact: true
+      tableRowHeight: "32px"

package/dist/design-md/templates/dashboard-monitoring.yaml

@@ -0,0 +1,34 @@
+id: dashboard-monitoring
+name: Dashboard Monitoring
+category: dashboard
+dimensions:
+  colorTemp: 1
+  lightness: 1
+  density: 1
+  borderRadius: 1
+  tone: 1
+anchors:
+  primary: PagerDuty
+  auxiliary:
+    - Uptime Robot
+    - StatusPage
+template: |
+  tokens:
+    colors:
+      primary: "#06AC38"
+      background: "#0D1117"
+      surface: "#161B22"
+      text: "#C9D1D9"
+      accent: "#F85149"
+    spacing:
+      base: "4px"
+      scale: [2, 4, 8, 12, 16, 24, 32]
+    radius:
+      default: "3px"
+      large: "4px"
+    typography:
+      fontFamily: "'JetBrains Mono', 'Fira Code', monospace"
+      scale: [10, 11, 12, 14, 16, 18, 22]
+    density:
+      compact: true
+      tableRowHeight: "28px"

package/dist/design-md/templates/developer-portal.yaml

@@ -0,0 +1,33 @@
+id: developer-portal
+name: Developer Portal
+category: developer
+dimensions:
+  colorTemp: 1
+  lightness: 1
+  density: 3
+  borderRadius: 2
+  tone: 2
+anchors:
+  primary: Stripe Docs
+  auxiliary:
+    - Tailwind Docs
+template: |
+  tokens:
+    colors:
+      primary: "#3B82F6"
+      background: "#0F172A"
+      surface: "#1E293B"
+      text: "#E2E8F0"
+      accent: "#22D3EE"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 16, 24, 32, 48, 64]
+    radius:
+      default: "6px"
+      large: "8px"
+    typography:
+      fontFamily: "'JetBrains Mono', 'Fira Code', monospace"
+      scale: [12, 14, 16, 18, 24, 32]
+    density:
+      compact: false
+      tableRowHeight: "40px"

package/dist/design-md/templates/e-commerce.yaml

@@ -0,0 +1,34 @@
+id: e-commerce
+name: E-Commerce Platform
+category: e-commerce
+dimensions:
+  colorTemp: 4
+  lightness: 4
+  density: 3
+  borderRadius: 4
+  tone: 4
+anchors:
+  primary: Shopify
+  auxiliary:
+    - Gumroad
+    - Lemonsqueezy
+template: |
+  tokens:
+    colors:
+      primary: "#16A34A"
+      background: "#FFFFFF"
+      surface: "#F9FAFB"
+      text: "#111827"
+      accent: "#F59E0B"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 12, 16, 24, 32, 48, 64]
+    radius:
+      default: "12px"
+      large: "16px"
+    typography:
+      fontFamily: "'Plus Jakarta Sans', -apple-system, sans-serif"
+      scale: [12, 14, 16, 20, 24, 32, 40]
+    density:
+      compact: false
+      tableRowHeight: "52px"

package/dist/design-md/templates/form-heavy.yaml

@@ -0,0 +1,34 @@
+id: form-heavy
+name: Form-Heavy Application
+category: form-heavy
+dimensions:
+  colorTemp: 3
+  lightness: 4
+  density: 3
+  borderRadius: 3
+  tone: 2
+anchors:
+  primary: Typeform
+  auxiliary:
+    - Notion Forms
+    - Airtable
+template: |
+  tokens:
+    colors:
+      primary: "#6366F1"
+      background: "#FAFAFA"
+      surface: "#FFFFFF"
+      text: "#374151"
+      accent: "#8B5CF6"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 12, 16, 24, 32, 48, 64]
+    radius:
+      default: "8px"
+      large: "12px"
+    typography:
+      fontFamily: "'Inter', -apple-system, sans-serif"
+      scale: [12, 14, 16, 18, 24, 30]
+    density:
+      compact: false
+      tableRowHeight: "48px"

package/dist/design-md/templates/internal-tool.yaml

@@ -0,0 +1,34 @@
+id: internal-tool
+name: Internal Tool
+category: internal-tool
+dimensions:
+  colorTemp: 2
+  lightness: 2
+  density: 2
+  borderRadius: 2
+  tone: 1
+anchors:
+  primary: Retool
+  auxiliary:
+    - Backstage
+    - AdminJS
+template: |
+  tokens:
+    colors:
+      primary: "#4A6CF7"
+      background: "#1E1E2E"
+      surface: "#2A2A3C"
+      text: "#E4E4E7"
+      accent: "#7C8DFF"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 12, 16, 24, 32, 48]
+    radius:
+      default: "4px"
+      large: "6px"
+    typography:
+      fontFamily: "'Inter', -apple-system, sans-serif"
+      scale: [12, 13, 14, 16, 20, 24]
+    density:
+      compact: true
+      tableRowHeight: "36px"

package/dist/design-md/templates/marketing-corporate.yaml

@@ -0,0 +1,34 @@
+id: marketing-corporate
+name: Marketing Corporate
+category: marketing
+dimensions:
+  colorTemp: 2
+  lightness: 4
+  density: 4
+  borderRadius: 3
+  tone: 2
+anchors:
+  primary: Stripe.com
+  auxiliary:
+    - Linear.app
+    - Vercel.com
+template: |
+  tokens:
+    colors:
+      primary: "#0A2540"
+      background: "#FFFFFF"
+      surface: "#F6F9FC"
+      text: "#0A2540"
+      accent: "#635BFF"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 16, 24, 32, 48, 64, 96, 128]
+    radius:
+      default: "8px"
+      large: "12px"
+    typography:
+      fontFamily: "'Inter', -apple-system, sans-serif"
+      scale: [14, 16, 18, 24, 32, 48, 64]
+    density:
+      compact: false
+      tableRowHeight: "48px"

package/dist/design-md/templates/marketing-creative.yaml

@@ -0,0 +1,34 @@
+id: marketing-creative
+name: Marketing Creative
+category: marketing
+dimensions:
+  colorTemp: 4
+  lightness: 3
+  density: 5
+  borderRadius: 4
+  tone: 5
+anchors:
+  primary: Figma.com
+  auxiliary:
+    - Framer.com
+    - Lottie
+template: |
+  tokens:
+    colors:
+      primary: "#A259FF"
+      background: "#1E1E1E"
+      surface: "#2C2C2C"
+      text: "#FFFFFF"
+      accent: "#FF7262"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 16, 24, 32, 48, 64, 96, 128]
+    radius:
+      default: "12px"
+      large: "20px"
+    typography:
+      fontFamily: "'Satoshi', 'Inter', sans-serif"
+      scale: [14, 16, 20, 24, 32, 48, 64, 80]
+    density:
+      compact: false
+      tableRowHeight: "48px"

package/dist/design-md/templates/mobile-lifestyle.yaml

@@ -0,0 +1,34 @@
+id: mobile-lifestyle
+name: Mobile Lifestyle
+category: mobile
+dimensions:
+  colorTemp: 5
+  lightness: 4
+  density: 5
+  borderRadius: 5
+  tone: 5
+anchors:
+  primary: Headspace
+  auxiliary:
+    - Calm
+    - Duolingo
+template: |
+  tokens:
+    colors:
+      primary: "#FF8C42"
+      background: "#FFF8F0"
+      surface: "#FFFFFF"
+      text: "#2D2D2D"
+      accent: "#FFB347"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 16, 24, 32, 48, 64, 80]
+    radius:
+      default: "20px"
+      large: "28px"
+    typography:
+      fontFamily: "'Nunito', 'Rounded Mplus', sans-serif"
+      scale: [12, 14, 16, 20, 24, 32, 40]
+    density:
+      compact: false
+      tableRowHeight: "56px"

package/dist/design-md/templates/mobile-utility.yaml

@@ -0,0 +1,33 @@
+id: mobile-utility
+name: Mobile Utility
+category: mobile
+dimensions:
+  colorTemp: 2
+  lightness: 4
+  density: 3
+  borderRadius: 4
+  tone: 2
+anchors:
+  primary: Apple Health
+  auxiliary:
+    - Google Maps
+template: |
+  tokens:
+    colors:
+      primary: "#007AFF"
+      background: "#F2F2F7"
+      surface: "#FFFFFF"
+      text: "#1C1C1E"
+      accent: "#34C759"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 12, 16, 20, 24, 32, 44]
+    radius:
+      default: "10px"
+      large: "14px"
+    typography:
+      fontFamily: "'-apple-system', 'SF Pro', sans-serif"
+      scale: [11, 13, 15, 17, 20, 22, 28, 34]
+    density:
+      compact: false
+      tableRowHeight: "44px"

package/dist/design-md/templates/saas-dashboard.yaml

@@ -0,0 +1,34 @@
+id: saas-dashboard
+name: SaaS Dashboard
+category: dashboard
+dimensions:
+  colorTemp: 2
+  lightness: 3
+  density: 2
+  borderRadius: 3
+  tone: 2
+anchors:
+  primary: Linear
+  auxiliary:
+    - Vercel Dashboard
+    - Stripe Dashboard
+template: |
+  tokens:
+    colors:
+      primary: "#635BFF"
+      background: "#FFFFFF"
+      surface: "#F7F8FA"
+      text: "#1A1A2E"
+      accent: "#0EA5E9"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 12, 16, 24, 32, 48, 64]
+    radius:
+      default: "8px"
+      large: "12px"
+    typography:
+      fontFamily: "'Inter', -apple-system, sans-serif"
+      scale: [12, 13, 14, 16, 20, 24, 30]
+    density:
+      compact: false
+      tableRowHeight: "44px"

package/dist/design-md/templates/templates/_schema.yaml

@@ -0,0 +1,71 @@
+type: object
+required:
+  - id
+  - name
+  - category
+  - dimensions
+  - anchors
+  - template
+properties:
+  id:
+    type: string
+    pattern: "^[a-z][a-z0-9-]*$"
+  name:
+    type: string
+  category:
+    type: string
+    enum:
+      - internal-tool
+      - dashboard
+      - consumer
+      - developer
+      - mobile
+      - e-commerce
+      - marketing
+      - form-heavy
+      - content
+  dimensions:
+    type: object
+    required:
+      - colorTemp
+      - lightness
+      - density
+      - borderRadius
+      - tone
+    properties:
+      colorTemp:
+        type: integer
+        minimum: 1
+        maximum: 5
+      lightness:
+        type: integer
+        minimum: 1
+        maximum: 5
+      density:
+        type: integer
+        minimum: 1
+        maximum: 5
+      borderRadius:
+        type: integer
+        minimum: 1
+        maximum: 5
+      tone:
+        type: integer
+        minimum: 1
+        maximum: 5
+  anchors:
+    type: object
+    required:
+      - primary
+      - auxiliary
+    properties:
+      primary:
+        type: string
+      auxiliary:
+        type: array
+        items:
+          type: string
+        minItems: 1
+        maxItems: 2
+  template:
+    type: string

package/dist/design-md/templates/templates/consumer-media.yaml

@@ -0,0 +1,34 @@
+id: consumer-media
+name: Consumer Media
+category: consumer
+dimensions:
+  colorTemp: 3
+  lightness: 2
+  density: 4
+  borderRadius: 3
+  tone: 4
+anchors:
+  primary: Spotify
+  auxiliary:
+    - Netflix
+    - Apple Music
+template: |
+  tokens:
+    colors:
+      primary: "#1DB954"
+      background: "#121212"
+      surface: "#1E1E1E"
+      text: "#FFFFFF"
+      accent: "#1ED760"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 12, 16, 24, 32, 48, 64]
+    radius:
+      default: "8px"
+      large: "12px"
+    typography:
+      fontFamily: "'Circular', 'Helvetica Neue', sans-serif"
+      scale: [12, 14, 16, 20, 24, 32, 48]
+    density:
+      compact: false
+      tableRowHeight: "48px"

package/dist/design-md/templates/templates/consumer-social.yaml

@@ -0,0 +1,34 @@
+id: consumer-social
+name: Consumer Social
+category: consumer
+dimensions:
+  colorTemp: 4
+  lightness: 4
+  density: 4
+  borderRadius: 5
+  tone: 5
+anchors:
+  primary: Instagram
+  auxiliary:
+    - TikTok
+    - Threads
+template: |
+  tokens:
+    colors:
+      primary: "#E1306C"
+      background: "#FFFFFF"
+      surface: "#FAFAFA"
+      text: "#262626"
+      accent: "#833AB4"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 12, 16, 24, 32, 48, 64]
+    radius:
+      default: "16px"
+      large: "24px"
+    typography:
+      fontFamily: "'-apple-system', 'Segoe UI', sans-serif"
+      scale: [12, 14, 16, 18, 24, 32]
+    density:
+      compact: false
+      tableRowHeight: "56px"

package/dist/design-md/templates/templates/content-blog.yaml

@@ -0,0 +1,34 @@
+id: content-blog
+name: Content Blog
+category: content
+dimensions:
+  colorTemp: 3
+  lightness: 5
+  density: 5
+  borderRadius: 2
+  tone: 3
+anchors:
+  primary: Medium
+  auxiliary:
+    - Substack
+    - Ghost
+template: |
+  tokens:
+    colors:
+      primary: "#292929"
+      background: "#FFFFFF"
+      surface: "#FAFAFA"
+      text: "#292929"
+      accent: "#1A8917"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 16, 24, 32, 48, 64, 96]
+    radius:
+      default: "4px"
+      large: "8px"
+    typography:
+      fontFamily: "'Georgia', 'Charter', serif"
+      scale: [14, 16, 18, 21, 26, 34, 42]
+    density:
+      compact: false
+      tableRowHeight: "48px"

package/dist/design-md/templates/templates/content-docs.yaml

@@ -0,0 +1,34 @@
+id: content-docs
+name: Content Documentation
+category: content
+dimensions:
+  colorTemp: 2
+  lightness: 4
+  density: 3
+  borderRadius: 2
+  tone: 2
+anchors:
+  primary: Docusaurus
+  auxiliary:
+    - GitBook
+    - ReadTheDocs
+template: |
+  tokens:
+    colors:
+      primary: "#2E8555"
+      background: "#FFFFFF"
+      surface: "#F5F6F7"
+      text: "#1C1E21"
+      accent: "#25C2A0"
+    spacing:
+      base: "4px"
+      scale: [4, 8, 12, 16, 24, 32, 48, 64]
+    radius:
+      default: "4px"
+      large: "8px"
+    typography:
+      fontFamily: "'-apple-system', 'Segoe UI', sans-serif"
+      scale: [12, 14, 16, 18, 20, 24, 30]
+    density:
+      compact: false
+      tableRowHeight: "40px"