@mytechtoday/augment-extensions 1.2.1 → 1.3.0

package/augment-extensions/visual-design/__tests__/vendor-styles.test.ts

@@ -0,0 +1,214 @@
+/**
+ * Vendor Styles Integration Tests
+ *
+ * Tests for Google Modern, Microsoft Fluent, and Amazon Cloudscape
+ * design system implementations.
+ */
+
+import { GOOGLE_MODERN } from '../domains/web-page-styles/google-modern';
+import { MICROSOFT_FLUENT } from '../domains/web-page-styles/microsoft-fluent';
+import { AMAZON_CLOUDSCAPE } from '../domains/web-page-styles/amazon-cloudscape';
+import { VendorStyle } from '../types';
+
+describe('Vendor Styles', () => {
+  describe('Google Modern (Material 3 Expressive)', () => {
+    it('should have correct vendor identifier', () => {
+      expect(GOOGLE_MODERN.vendor).toBe('google');
+    });
+
+    it('should have correct name and version', () => {
+      expect(GOOGLE_MODERN.name).toBe('Material 3 Expressive');
+      expect(GOOGLE_MODERN.version).toBe('3.0');
+    });
+
+    it('should have characteristics array', () => {
+      expect(Array.isArray(GOOGLE_MODERN.characteristics)).toBe(true);
+      expect(GOOGLE_MODERN.characteristics.length).toBeGreaterThan(0);
+    });
+
+    it('should have color palette', () => {
+      expect(GOOGLE_MODERN.colorPalette).toBeDefined();
+      expect(GOOGLE_MODERN.colorPalette.primary).toBeDefined();
+      expect(GOOGLE_MODERN.colorPalette.primary.hex).toBe('#6750A4');
+    });
+
+    it('should have typography system', () => {
+      expect(GOOGLE_MODERN.typography).toBeDefined();
+      expect(GOOGLE_MODERN.typography.fontFamilies).toBeDefined();
+      expect(GOOGLE_MODERN.typography.hierarchy).toBeDefined();
+    });
+
+    it('should have layout system', () => {
+      expect(GOOGLE_MODERN.layout).toBeDefined();
+      expect(GOOGLE_MODERN.layout.grid).toBeDefined();
+      expect(GOOGLE_MODERN.layout.spacing).toBeDefined();
+    });
+
+    it('should have motion system', () => {
+      expect(GOOGLE_MODERN.motion).toBeDefined();
+      expect(GOOGLE_MODERN.motion.durations).toBeDefined();
+      expect(GOOGLE_MODERN.motion.easings).toBeDefined();
+    });
+
+    it('should have elevation system', () => {
+      expect(GOOGLE_MODERN.elevation).toBeDefined();
+      expect(GOOGLE_MODERN.elevation.levels).toBeDefined();
+    });
+
+    it('should have component library', () => {
+      expect(GOOGLE_MODERN.components).toBeDefined();
+      expect(GOOGLE_MODERN.components?.buttons).toBeDefined();
+      expect(GOOGLE_MODERN.components?.inputs).toBeDefined();
+    });
+  });
+
+  describe('Microsoft Fluent 2', () => {
+    it('should have correct vendor identifier', () => {
+      expect(MICROSOFT_FLUENT.vendor).toBe('microsoft');
+    });
+
+    it('should have correct name and version', () => {
+      expect(MICROSOFT_FLUENT.name).toBe('Fluent 2');
+      expect(MICROSOFT_FLUENT.version).toBe('2.0');
+    });
+
+    it('should have characteristics array', () => {
+      expect(Array.isArray(MICROSOFT_FLUENT.characteristics)).toBe(true);
+      expect(MICROSOFT_FLUENT.characteristics.length).toBeGreaterThan(0);
+    });
+
+    it('should have color palette', () => {
+      expect(MICROSOFT_FLUENT.colorPalette).toBeDefined();
+      expect(MICROSOFT_FLUENT.colorPalette.primary).toBeDefined();
+      expect(MICROSOFT_FLUENT.colorPalette.primary.hex).toBe('#0078D4');
+    });
+
+    it('should have typography system', () => {
+      expect(MICROSOFT_FLUENT.typography).toBeDefined();
+      expect(MICROSOFT_FLUENT.typography.fontFamilies).toBeDefined();
+      expect(MICROSOFT_FLUENT.typography.hierarchy).toBeDefined();
+    });
+
+    it('should have layout system', () => {
+      expect(MICROSOFT_FLUENT.layout).toBeDefined();
+      expect(MICROSOFT_FLUENT.layout.grid).toBeDefined();
+      expect(MICROSOFT_FLUENT.layout.spacing).toBeDefined();
+    });
+
+    it('should have motion system', () => {
+      expect(MICROSOFT_FLUENT.motion).toBeDefined();
+      expect(MICROSOFT_FLUENT.motion.durations).toBeDefined();
+      expect(MICROSOFT_FLUENT.motion.easings).toBeDefined();
+    });
+
+    it('should have elevation system', () => {
+      expect(MICROSOFT_FLUENT.elevation).toBeDefined();
+      expect(MICROSOFT_FLUENT.elevation.levels).toBeDefined();
+    });
+
+    it('should have component library', () => {
+      expect(MICROSOFT_FLUENT.components).toBeDefined();
+      expect(MICROSOFT_FLUENT.components?.buttons).toBeDefined();
+      expect(MICROSOFT_FLUENT.components?.inputs).toBeDefined();
+    });
+  });
+
+  describe('Amazon Cloudscape', () => {
+    it('should have correct vendor identifier', () => {
+      expect(AMAZON_CLOUDSCAPE.vendor).toBe('amazon');
+    });
+
+    it('should have correct name and version', () => {
+      expect(AMAZON_CLOUDSCAPE.name).toBe('Cloudscape Design System');
+      expect(AMAZON_CLOUDSCAPE.version).toBe('3.0');
+    });
+
+    it('should have characteristics array', () => {
+      expect(Array.isArray(AMAZON_CLOUDSCAPE.characteristics)).toBe(true);
+      expect(AMAZON_CLOUDSCAPE.characteristics.length).toBeGreaterThan(0);
+    });
+
+    it('should have color palette', () => {
+      expect(AMAZON_CLOUDSCAPE.colorPalette).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.colorPalette.primary).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.colorPalette.primary.hex).toBe('#0972D3');
+    });
+
+    it('should have typography system', () => {
+      expect(AMAZON_CLOUDSCAPE.typography).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.typography.fontFamilies).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.typography.hierarchy).toBeDefined();
+    });
+
+    it('should have layout system', () => {
+      expect(AMAZON_CLOUDSCAPE.layout).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.layout.grid).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.layout.spacing).toBeDefined();
+    });
+
+    it('should have motion system', () => {
+      expect(AMAZON_CLOUDSCAPE.motion).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.motion.durations).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.motion.easings).toBeDefined();
+    });
+
+    it('should have elevation system', () => {
+      expect(AMAZON_CLOUDSCAPE.elevation).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.elevation.levels).toBeDefined();
+    });
+
+    it('should have component library', () => {
+      expect(AMAZON_CLOUDSCAPE.components).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.components?.buttons).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.components?.inputs).toBeDefined();
+    });
+  });
+
+  describe('Cross-vendor consistency', () => {
+    const vendors: VendorStyle[] = [GOOGLE_MODERN, MICROSOFT_FLUENT, AMAZON_CLOUDSCAPE];
+
+    it('all vendors should have required properties', () => {
+      vendors.forEach(vendor => {
+        expect(vendor.vendor).toBeDefined();
+        expect(vendor.name).toBeDefined();
+        expect(vendor.version).toBeDefined();
+        expect(vendor.characteristics).toBeDefined();
+        expect(vendor.colorPalette).toBeDefined();
+        expect(vendor.typography).toBeDefined();
+        expect(vendor.layout).toBeDefined();
+        expect(vendor.motion).toBeDefined();
+        expect(vendor.elevation).toBeDefined();
+      });
+    });
+
+    it('all vendors should have unique identifiers', () => {
+      const vendorIds = vendors.map(v => v.vendor);
+      const uniqueIds = new Set(vendorIds);
+      expect(uniqueIds.size).toBe(vendors.length);
+    });
+
+    it('all vendors should have accessibility standards', () => {
+      vendors.forEach(vendor => {
+        expect(vendor.colorPalette.accessibility).toBeDefined();
+        expect(vendor.colorPalette.accessibility?.wcagLevel).toBeDefined();
+      });
+    });
+
+    it('all vendors should have responsive grid systems', () => {
+      vendors.forEach(vendor => {
+        expect(vendor.layout.grid).toBeDefined();
+        expect(vendor.layout.grid.columns).toBeGreaterThan(0);
+        expect(vendor.layout.breakpoints).toBeDefined();
+      });
+    });
+
+    it('all vendors should have spacing systems', () => {
+      vendors.forEach(vendor => {
+        expect(vendor.layout.spacing).toBeDefined();
+        expect(vendor.layout.spacing.base).toBeGreaterThan(0);
+        expect(vendor.layout.spacing.scale).toBeDefined();
+      });
+    });
+  });
+});
+

package/augment-extensions/visual-design/domains/other/ai-prompt-helper.ts

@@ -0,0 +1,157 @@
+/**
+ * AI Image Generation Prompt Helper Domain Module
+ * 
+ * Design patterns and guidelines for creating effective prompts
+ * for AI image generation tools (Midjourney, DALL-E, Stable Diffusion).
+ */
+
+import { DomainStyle, ColorPalette, TypographyRules, LayoutSystem } from '../../types';
+
+// ============================================================================
+// AI Prompt Helper Color Palette
+// ============================================================================
+
+const AI_PROMPT_COLORS: ColorPalette = {
+  primary: {
+    name: 'Creative Purple',
+    hex: '#8B5CF6',
+    rgb: { r: 139, g: 92, b: 246 },
+    hsl: { h: 258, s: 90, l: 66 },
+    variants: [
+      { name: 'Purple Light', hex: '#C4B5FD', usage: 'Highlights' },
+      { name: 'Purple Dark', hex: '#7C3AED', usage: 'Emphasis' }
+    ]
+  },
+  neutral: [
+    { name: 'White', hex: '#FFFFFF', rgb: { r: 255, g: 255, b: 255 }, hsl: { h: 0, s: 0, l: 100 } },
+    { name: 'Gray 50', hex: '#FAFAF9', rgb: { r: 250, g: 250, b: 249 }, hsl: { h: 60, s: 9, l: 98 } },
+    { name: 'Gray 100', hex: '#F5F5F4', rgb: { r: 245, g: 245, b: 244 }, hsl: { h: 60, s: 9, l: 96 } },
+    { name: 'Gray 800', hex: '#27272A', rgb: { r: 39, g: 39, b: 42 }, hsl: { h: 240, s: 4, l: 16 } },
+    { name: 'Black', hex: '#000000', rgb: { r: 0, g: 0, b: 0 }, hsl: { h: 0, s: 0, l: 0 } }
+  ],
+  semantic: {
+    success: { hex: '#22C55E', usage: 'Successful generation' },
+    warning: { hex: '#EAB308', usage: 'Prompt warnings' },
+    error: { hex: '#EF4444', usage: 'Generation errors' },
+    info: { hex: '#3B82F6', usage: 'Tips and suggestions' }
+  },
+  accessibility: {
+    minimumContrast: 4.5,
+    targetContrast: 7,
+    colorBlindSafe: true,
+    guidelines: [
+      'Ensure readable text on all backgrounds',
+      'Use color coding for prompt categories',
+      'Provide visual feedback for generation status',
+      'Support dark mode for extended use'
+    ]
+  }
+};
+
+// ============================================================================
+// AI Prompt Helper Typography
+// ============================================================================
+
+const AI_PROMPT_TYPOGRAPHY: TypographyRules = {
+  fontFamilies: {
+    primary: 'Inter, -apple-system, BlinkMacSystemFont, sans-serif',
+    secondary: 'system-ui, sans-serif',
+    monospace: '"Fira Code", "JetBrains Mono", monospace'
+  },
+  hierarchy: {
+    h1: { fontSize: '36px', fontWeight: 700, lineHeight: 1.2, letterSpacing: '-0.02em' },
+    h2: { fontSize: '28px', fontWeight: 600, lineHeight: 1.3, letterSpacing: '-0.01em' },
+    h3: { fontSize: '22px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
+    h4: { fontSize: '18px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
+    h5: { fontSize: '16px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
+    h6: { fontSize: '14px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
+    body: { fontSize: '16px', fontWeight: 400, lineHeight: 1.6, letterSpacing: '0' },
+    small: { fontSize: '14px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0' },
+    caption: { fontSize: '12px', fontWeight: 400, lineHeight: 1.4, letterSpacing: '0' }
+  },
+  scale: {
+    base: 16,
+    ratio: 1.25,
+    sizes: [12, 14, 16, 18, 22, 28, 36]
+  },
+  guidelines: [
+    'Use monospace for prompt text',
+    'Use sans-serif for UI elements',
+    'Ensure readability for long prompts',
+    'Highlight keywords and modifiers',
+    'Use consistent formatting for examples'
+  ]
+};
+
+// ============================================================================
+// AI Prompt Helper Layout System
+// ============================================================================
+
+const AI_PROMPT_LAYOUT: LayoutSystem = {
+  grid: {
+    columns: 12,
+    gutter: '24px',
+    margin: '24px',
+    breakpoints: {
+      mobile: '0-639px',
+      tablet: '640-1023px',
+      desktop: '1024px+'
+    }
+  },
+  spacing: {
+    unit: 8,
+    scale: [0, 8, 16, 24, 32, 40, 48, 64, 80],
+    guidelines: [
+      'Use 8px base unit for spacing',
+      'Group related prompt elements',
+      'Provide clear visual hierarchy',
+      'Use cards for prompt templates'
+    ]
+  },
+  containerWidths: {
+    mobile: '100%',
+    tablet: '768px',
+    desktop: '1024px',
+    max: '1280px'
+  },
+  guidelines: [
+    'Use two-column layout (prompt builder + preview)',
+    'Provide collapsible sections for categories',
+    'Use tags for prompt modifiers',
+    'Implement search and filter for templates',
+    'Show real-time character count',
+    'Provide copy-to-clipboard functionality'
+  ]
+};
+
+// ============================================================================
+// AI Prompt Helper Domain Export
+// ============================================================================
+
+export const AI_PROMPT_HELPER_DOMAIN: DomainStyle = {
+  domain: 'ai-prompt-helper',
+  characteristics: [
+    'Prompt template library',
+    'Keyword and modifier suggestions',
+    'Style and artist references',
+    'Technical parameter guidance',
+    'Aspect ratio and resolution presets',
+    'Negative prompt suggestions',
+    'Prompt weight and emphasis syntax',
+    'Multi-platform compatibility (Midjourney, DALL-E, SD)',
+    'Prompt history and favorites',
+    'Community prompt sharing'
+  ],
+  colorScheme: AI_PROMPT_COLORS,
+  typography: AI_PROMPT_TYPOGRAPHY,
+  layout: AI_PROMPT_LAYOUT,
+  examples: [
+    'Portrait photography prompt: "professional headshot, studio lighting, 85mm lens, shallow depth of field"',
+    'Landscape prompt: "mountain vista at golden hour, dramatic clouds, wide angle, photorealistic"',
+    'Illustration prompt: "anime style character, vibrant colors, detailed linework, by Studio Ghibli"',
+    'Abstract art prompt: "geometric patterns, bold colors, minimalist composition, vector art"',
+    'Product photography: "product shot on white background, soft lighting, high detail, commercial photography"',
+    'Architectural visualization: "modern building exterior, glass facade, sunset lighting, architectural photography"'
+  ]
+};
+

package/augment-extensions/visual-design/domains/other/dotnet-application.ts

@@ -0,0 +1,156 @@
+/**
+ * .NET Application Domain Module
+ * 
+ * .NET-specific application design patterns for WPF, WinForms,
+ * MAUI, and Blazor applications following Microsoft design guidelines.
+ */
+
+import { DomainStyle, ColorPalette, TypographyRules, LayoutSystem } from '../../types';
+
+// ============================================================================
+// .NET Application Color Palette
+// ============================================================================
+
+const DOTNET_COLORS: ColorPalette = {
+  primary: {
+    name: '.NET Purple',
+    hex: '#512BD4',
+    rgb: { r: 81, g: 43, b: 212 },
+    hsl: { h: 253, s: 66, l: 50 },
+    variants: [
+      { name: 'Purple Light', hex: '#8B5CF6', usage: 'Hover states' },
+      { name: 'Purple Dark', hex: '#3B1FA2', usage: 'Active states' }
+    ]
+  },
+  neutral: [
+    { name: 'White', hex: '#FFFFFF', rgb: { r: 255, g: 255, b: 255 }, hsl: { h: 0, s: 0, l: 100 } },
+    { name: 'Gray 10', hex: '#F5F5F5', rgb: { r: 245, g: 245, b: 245 }, hsl: { h: 0, s: 0, l: 96 } },
+    { name: 'Gray 20', hex: '#E0E0E0', rgb: { r: 224, g: 224, b: 224 }, hsl: { h: 0, s: 0, l: 88 } },
+    { name: 'Gray 80', hex: '#424242', rgb: { r: 66, g: 66, b: 66 }, hsl: { h: 0, s: 0, l: 26 } },
+    { name: 'Gray 90', hex: '#212121', rgb: { r: 33, g: 33, b: 33 }, hsl: { h: 0, s: 0, l: 13 } }
+  ],
+  semantic: {
+    success: { hex: '#2E7D32', usage: 'Success states' },
+    warning: { hex: '#F57C00', usage: 'Warnings' },
+    error: { hex: '#C62828', usage: 'Errors' },
+    info: { hex: '#0288D1', usage: 'Information' }
+  },
+  accessibility: {
+    minimumContrast: 4.5,
+    targetContrast: 7,
+    colorBlindSafe: true,
+    guidelines: [
+      'Follow WCAG 2.1 AA standards',
+      'Support Windows high contrast mode',
+      'Test with .NET accessibility tools',
+      'Ensure keyboard navigation'
+    ]
+  }
+};
+
+// ============================================================================
+// .NET Application Typography
+// ============================================================================
+
+const DOTNET_TYPOGRAPHY: TypographyRules = {
+  fontFamilies: {
+    primary: '"Segoe UI", "Helvetica Neue", Arial, sans-serif',
+    secondary: 'system-ui, sans-serif',
+    monospace: '"Cascadia Code", "Consolas", "Courier New", monospace'
+  },
+  hierarchy: {
+    h1: { fontSize: '32px', fontWeight: 600, lineHeight: 1.2, letterSpacing: '0' },
+    h2: { fontSize: '24px', fontWeight: 600, lineHeight: 1.3, letterSpacing: '0' },
+    h3: { fontSize: '20px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
+    h4: { fontSize: '16px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
+    h5: { fontSize: '14px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
+    h6: { fontSize: '12px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
+    body: { fontSize: '14px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0' },
+    small: { fontSize: '12px', fontWeight: 400, lineHeight: 1.4, letterSpacing: '0' },
+    caption: { fontSize: '11px', fontWeight: 400, lineHeight: 1.3, letterSpacing: '0' }
+  },
+  scale: {
+    base: 14,
+    ratio: 1.2,
+    sizes: [11, 12, 14, 16, 20, 24, 32]
+  },
+  guidelines: [
+    'Use Segoe UI for Windows applications',
+    'Use San Francisco for macOS/iOS (MAUI)',
+    'Follow platform typography conventions',
+    'Support dynamic font scaling',
+    'Ensure readability in data grids'
+  ]
+};
+
+// ============================================================================
+// .NET Application Layout System
+// ============================================================================
+
+const DOTNET_LAYOUT: LayoutSystem = {
+  grid: {
+    columns: 12,
+    gutter: '16px',
+    margin: '16px',
+    breakpoints: {
+      compact: '0-639px',
+      medium: '640-1023px',
+      expanded: '1024px+'
+    }
+  },
+  spacing: {
+    unit: 8,
+    scale: [0, 8, 16, 24, 32, 40, 48, 64],
+    guidelines: [
+      'Use 8px base unit for spacing',
+      'Follow WPF/WinForms layout conventions',
+      'Use Grid and StackPanel for layouts',
+      'Maintain consistent margins and padding'
+    ]
+  },
+  containerWidths: {
+    compact: '100%',
+    medium: '100%',
+    expanded: '100%'
+  },
+  guidelines: [
+    'Use XAML layouts (Grid, StackPanel, DockPanel)',
+    'Implement MVVM pattern for data binding',
+    'Use data templates for list items',
+    'Support responsive layouts with AdaptiveTriggers',
+    'Implement proper focus management',
+    'Use commanding for user actions'
+  ]
+};
+
+// ============================================================================
+// .NET Application Domain Export
+// ============================================================================
+
+export const DOTNET_APPLICATION_DOMAIN: DomainStyle = {
+  domain: 'dotnet-application',
+  characteristics: [
+    'XAML-based UI definition',
+    'MVVM architecture pattern',
+    'Data binding and commanding',
+    'WPF/WinForms/MAUI controls',
+    'Cross-platform with .NET MAUI',
+    'Dependency injection support',
+    'Async/await patterns',
+    'Entity Framework integration',
+    'NuGet package ecosystem',
+    'Visual Studio designer support'
+  ],
+  colorScheme: DOTNET_COLORS,
+  typography: DOTNET_TYPOGRAPHY,
+  layout: DOTNET_LAYOUT,
+  examples: [
+    'WPF desktop application with ribbon',
+    'WinForms data entry application',
+    '.NET MAUI cross-platform app',
+    'Blazor web application',
+    'Entity Framework data grid',
+    'Settings dialog with tabs'
+  ]
+};
+

package/augment-extensions/visual-design/domains/other/linux-platform.ts

@@ -0,0 +1,156 @@
+/**
+ * Linux Platform Domain Module
+ * 
+ * Linux-specific application design patterns following
+ * GNOME HIG, KDE HIG, and freedesktop.org standards.
+ */
+
+import { DomainStyle, ColorPalette, TypographyRules, LayoutSystem } from '../../types';
+
+// ============================================================================
+// Linux Platform Color Palette
+// ============================================================================
+
+const LINUX_COLORS: ColorPalette = {
+  primary: {
+    name: 'Blue Accent',
+    hex: '#3584E4',
+    rgb: { r: 53, g: 132, b: 228 },
+    hsl: { h: 213, s: 76, l: 55 },
+    variants: [
+      { name: 'Blue Light', hex: '#62A0EA', usage: 'Hover states' },
+      { name: 'Blue Dark', hex: '#1C71D8', usage: 'Active states' }
+    ]
+  },
+  neutral: [
+    { name: 'White', hex: '#FFFFFF', rgb: { r: 255, g: 255, b: 255 }, hsl: { h: 0, s: 0, l: 100 } },
+    { name: 'Light 1', hex: '#F6F5F4', rgb: { r: 246, g: 245, b: 244 }, hsl: { h: 30, s: 11, l: 96 } },
+    { name: 'Light 2', hex: '#DEDDDA', rgb: { r: 222, g: 221, b: 218 }, hsl: { h: 45, s: 9, l: 86 } },
+    { name: 'Dark 3', hex: '#5E5C64', rgb: { r: 94, g: 92, b: 100 }, hsl: { h: 255, s: 4, l: 38 } },
+    { name: 'Dark 5', hex: '#241F31', rgb: { r: 36, g: 31, b: 49 }, hsl: { h: 257, s: 23, l: 16 } }
+  ],
+  semantic: {
+    success: { hex: '#26A269', usage: 'Success states' },
+    warning: { hex: '#E5A50A', usage: 'Warnings' },
+    error: { hex: '#C01C28', usage: 'Errors, destructive actions' },
+    info: { hex: '#3584E4', usage: 'Information' }
+  },
+  accessibility: {
+    minimumContrast: 4.5,
+    targetContrast: 7,
+    colorBlindSafe: true,
+    guidelines: [
+      'Follow GNOME HIG color guidelines',
+      'Support GTK theme integration',
+      'Respect system dark/light preference',
+      'Test with Orca screen reader'
+    ]
+  }
+};
+
+// ============================================================================
+// Linux Platform Typography
+// ============================================================================
+
+const LINUX_TYPOGRAPHY: TypographyRules = {
+  fontFamilies: {
+    primary: '"Cantarell", "Ubuntu", "Noto Sans", sans-serif',
+    secondary: 'system-ui, sans-serif',
+    monospace: '"Source Code Pro", "Liberation Mono", monospace'
+  },
+  hierarchy: {
+    h1: { fontSize: '24px', fontWeight: 700, lineHeight: 1.3, letterSpacing: '0' },
+    h2: { fontSize: '20px', fontWeight: 700, lineHeight: 1.4, letterSpacing: '0' },
+    h3: { fontSize: '16px', fontWeight: 700, lineHeight: 1.4, letterSpacing: '0' },
+    h4: { fontSize: '14px', fontWeight: 700, lineHeight: 1.5, letterSpacing: '0' },
+    h5: { fontSize: '12px', fontWeight: 700, lineHeight: 1.5, letterSpacing: '0' },
+    h6: { fontSize: '11px', fontWeight: 700, lineHeight: 1.5, letterSpacing: '0' },
+    body: { fontSize: '11px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0' },
+    small: { fontSize: '10px', fontWeight: 400, lineHeight: 1.4, letterSpacing: '0' },
+    caption: { fontSize: '9px', fontWeight: 400, lineHeight: 1.3, letterSpacing: '0' }
+  },
+  scale: {
+    base: 11,
+    ratio: 1.2,
+    sizes: [9, 10, 11, 12, 14, 16, 20, 24]
+  },
+  guidelines: [
+    'Use Cantarell for GNOME applications',
+    'Use Ubuntu font for Ubuntu-based apps',
+    'Follow freedesktop.org font standards',
+    'Support font scaling preferences',
+    'Ensure readability at small sizes'
+  ]
+};
+
+// ============================================================================
+// Linux Platform Layout System
+// ============================================================================
+
+const LINUX_LAYOUT: LayoutSystem = {
+  grid: {
+    columns: 12,
+    gutter: '12px',
+    margin: '12px',
+    breakpoints: {
+      compact: '0-639px',
+      medium: '640-1023px',
+      expanded: '1024px+'
+    }
+  },
+  spacing: {
+    unit: 6,
+    scale: [0, 6, 12, 18, 24, 30, 36, 48],
+    guidelines: [
+      'Use 6px base unit (GNOME HIG)',
+      'Follow GTK spacing conventions',
+      'Maintain consistent padding',
+      'Use headerbar for window controls'
+    ]
+  },
+  containerWidths: {
+    compact: '100%',
+    medium: '100%',
+    expanded: '100%'
+  },
+  guidelines: [
+    'Use GTK/Qt widgets and patterns',
+    'Implement headerbar with window controls',
+    'Follow GNOME HIG or KDE HIG guidelines',
+    'Support keyboard navigation',
+    'Integrate with desktop environment',
+    'Use native file choosers and dialogs'
+  ]
+};
+
+// ============================================================================
+// Linux Platform Domain Export
+// ============================================================================
+
+export const LINUX_PLATFORM_DOMAIN: DomainStyle = {
+  domain: 'linux-platform',
+  characteristics: [
+    'GTK or Qt widget toolkit integration',
+    'Headerbar with integrated window controls',
+    'Desktop environment theme integration',
+    'D-Bus integration for system services',
+    'XDG standards compliance',
+    'Keyboard-first navigation',
+    'Native file chooser dialogs',
+    'System tray/notification area support',
+    'Wayland and X11 compatibility',
+    'Flatpak/Snap packaging support'
+  ],
+  colorScheme: LINUX_COLORS,
+  typography: LINUX_TYPOGRAPHY,
+  layout: LINUX_LAYOUT,
+  examples: [
+    'GNOME application with headerbar',
+    'KDE Plasma application with menu bar',
+    'File manager with sidebar navigation',
+    'Terminal emulator with tabs',
+    'System settings application',
+    'Text editor with syntax highlighting'
+  ]
+};
+