sonance-brand-mcp 1.2.2 → 1.2.4

package/dist/assets/BRAND_GUIDELINES.md

@@ -8,7 +8,7 @@
 
 | Brand | Primary Color | Accent Color | Theme |
 |-------|---------------|--------------|-------|
-| **Sonance** | Charcoal `#333F48` | Cyan "The Beam" `#00D3C8` | Light preferred |
+| **Sonance** | Charcoal `#333F48` | Cyan "The Beam" `#00A3E1` | Light preferred |
 | **Sonance Foundation** | Charcoal `#333F48` | Green `#00B2A9` | Light preferred |
 | **IPORT** | Black `#0E1114` | Orange `#FC4C02` | Dark preferred |
 | **Blaze Audio** | Black `#1A1A1C` | Blue `#00A3E1` | Dark preferred |
@@ -65,7 +65,7 @@ font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-s
 | Color | Hex | CSS Variable | Tailwind Class | Usage |
 |-------|-----|--------------|----------------|-------|
 | Charcoal | `#333F48` | `--sonance-charcoal` | `bg-sonance-charcoal` | Primary brand color, text |
-| The Beam (Cyan) | `#00D3C8` | `--sonance-blue` | `bg-sonance-blue` | Accent, highlights |
+| The Beam (Cyan) | `#00A3E1` | `--sonance-blue` | `bg-sonance-blue` | Accent, highlights |
 | Light Gray | `#D9D9D6` | `--sonance-light-gray` | `bg-sonance-light-gray` | Backgrounds, borders |
 | White | `#FFFFFF` | `--sonance-white` | `bg-sonance-white` | Backgrounds |
 | Black | `#000000` | `--sonance-black` | `bg-sonance-black` | Text on light backgrounds |
@@ -447,7 +447,7 @@ When crediting a photographer, follow these guidelines consistently:
 :root {
   /* Sonance Core */
   --sonance-charcoal: #333F48;
-  --sonance-blue: #00D3C8;
+  --sonance-blue: #00A3E1;
   --sonance-light-gray: #D9D9D6;
   
   /* IPORT Core */

package/dist/assets/globals.css

@@ -7,7 +7,7 @@
 :root {
   /* Core Brand Colors - Official Sonance Palette (from Brand Guidelines PDF) */
   --sonance-charcoal: #333F48;
-  --sonance-blue: #00D3C8;  /* "The Beam" - cyan accent on logo */
+  --sonance-blue: #00A3E1;  /* "The Beam" - cyan accent on logo | Pantone 2191C/2191U */
   --sonance-light-gray: #D9D9D6;
   --sonance-white: #FFFFFF;
   --sonance-black: #000000;

package/dist/assets/logo-manifest.json

@@ -28,6 +28,8 @@
   "/logos/sonance/Sonance_Logo_Black_RGB.png",
   "/logos/sonance/Sonance_Logo_Grayscale_RGB.png",
   "/logos/sonance/Sonance_Logo_Reverse_RGB.png",
+  "/logos/sonance-academy/SonanceAcademy_Logo_Dark_CMYK.png",
+  "/logos/sonance-academy/SonanceAcademy_Logo_Light_CMYK.png",
   "/logos/sonance-iport/Sonance_IPORT_LockUp_3C_Dark_RGB.png",
   "/logos/sonance-iport/Sonance_IPORT_LockUp_3C_Light_RGB.png",
   "/logos/sonance-iport/Sonance_IPORT_LockUp_3C_Reverse_RGB.png",

package/dist/index.js

@@ -365,7 +365,7 @@ function extractBrandColors() {
             silver: extractColor("--sonance-silver") || "#e2e2e2",
             white: extractColor("--sonance-white") || "#FFFFFF",
             black: extractColor("--sonance-black") || "#000000",
-            teal: "#00D3C8", // Sonance accent
+            teal: "#00A3E1", // Sonance accent (The Beam)
             gray50: extractColor("--sonance-gray-50") || "#f8f9f9",
             gray100: extractColor("--sonance-gray-100") || "#f0f1f2",
             gray500: extractColor("--sonance-gray-500") || "#7a8389",
@@ -379,7 +379,7 @@ function extractBrandColors() {
             silver: "#e2e2e2",
             white: "#FFFFFF",
             black: "#000000",
-            teal: "#00D3C8",
+            teal: "#00A3E1",
             gray50: "#f8f9f9",
             gray100: "#f0f1f2",
             gray500: "#7a8389",
@@ -424,7 +424,7 @@ const BRAND_PALETTES = {
     sonance: {
         primary: "#343d46", // Sonance Charcoal
         secondary: "#e2e2e2", // Sonance Silver
-        accent: "#00D3C8", // Sonance Teal
+        accent: "#00A3E1", // Sonance Blue (The Beam)
         background: "#FFFFFF",
         foreground: "#343d46",
         name: "Sonance",
@@ -474,7 +474,7 @@ function getBrandColorPatterns(brand) {
         sonance: {
             primaryPattern: /343d46|343D46|#343d46|0x34.*0x3D.*0x46|rgb\(52.*61.*70\)|charcoal|CHARCOAL|sonance-charcoal/i,
             secondaryPattern: /e2e2e2|E2E2E2|#e2e2e2|0xE2.*0xE2.*0xE2|rgb\(226.*226.*226\)|silver|SILVER|sonance-silver/i,
-            accentPattern: /00D3C8|00d3c8|#00D3C8|0x00.*0xD3.*0xC8|rgb\(0.*211.*200\)|teal|TEAL/i,
+            accentPattern: /00A3E1|00a3e1|#00A3E1|0x00.*0xA3.*0xE1|rgb\(0.*163.*225\)|sonance-blue|SONANCE.*BLUE/i,
         },
         iport: {
             primaryPattern: /0F161D|0f161d|#0F161D|0x0F.*0x16.*0x1D|rgb\(15.*22.*29\)|iport.*dark/i,
@@ -1047,7 +1047,7 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
                     light: `## Sonance Light Theme Design Tokens
 
 ### Colors
-- **Primary/Accent**: \`#00D3C8\` (Sonance Teal) — \`bg-sonance-blue\`, \`text-sonance-blue\`
+- **Primary/Accent**: \`#00A3E1\` (Sonance Blue) — \`bg-sonance-blue\`, \`text-sonance-blue\`
 - **Text Primary**: \`#333F48\` (Charcoal) — \`text-sonance-charcoal\`
 - **Background**: \`#FFFFFF\` or \`#F5F5F5\` — \`bg-white\`, \`bg-sonance-light-gray\`
 - **Borders/Dividers**: \`#D9D9D6\` — \`border-sonance-light-gray\`
@@ -1072,7 +1072,7 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
                     dark: `## Sonance Dark Theme Design Tokens
 
 ### Colors
-- **Primary/Accent**: \`#00D3C8\` (Sonance Teal) — \`bg-sonance-blue\`, \`text-sonance-blue\`
+- **Primary/Accent**: \`#00A3E1\` (Sonance Blue) — \`bg-sonance-blue\`, \`text-sonance-blue\`
 - **Text Primary**: \`#FFFFFF\` — \`text-white\`
 - **Background**: \`#333F48\` (Charcoal) — \`bg-sonance-charcoal\`
 - **Text Secondary**: \`#D9D9D6\` — \`text-sonance-light-gray\`
@@ -1428,10 +1428,10 @@ Now design the **${component_description}** following these tokens and principle
                 const accentPattern = brandPatterns.accentPattern;
                 // Common non-brand colors that indicate incomplete rebranding (exclude target brand colors)
                 const nonBrandColors = evalBrand === "sonance"
-                    ? /0066CC|0078D4|1E90FF|007BFF|2196F3|FF5722|FF9800|4CAF50|8BC34A|E91E63|9C27B0|673AB7|3F51B5|FC4C02|0F161D|28282B|00A3E1|C02B0A/i
+                    ? /0066CC|0078D4|1E90FF|007BFF|2196F3|FF5722|FF9800|4CAF50|8BC34A|E91E63|9C27B0|673AB7|3F51B5|FC4C02|0F161D|28282B|C02B0A/i
                     : evalBrand === "iport"
-                        ? /0066CC|0078D4|1E90FF|007BFF|2196F3|FF5722|FF9800|4CAF50|8BC34A|E91E63|9C27B0|673AB7|3F51B5|343d46|00D3C8|28282B|00A3E1|C02B0A/i
-                        : /0066CC|0078D4|1E90FF|007BFF|2196F3|FF5722|FF9800|4CAF50|8BC34A|E91E63|9C27B0|673AB7|3F51B5|343d46|00D3C8|FC4C02|0F161D/i;
+                        ? /0066CC|0078D4|1E90FF|007BFF|2196F3|FF5722|FF9800|4CAF50|8BC34A|E91E63|9C27B0|673AB7|3F51B5|343d46|00A3E1|28282B|C02B0A/i
+                        : /0066CC|0078D4|1E90FF|007BFF|2196F3|FF5722|FF9800|4CAF50|8BC34A|E91E63|9C27B0|673AB7|3F51B5|343d46|00A3E1|FC4C02|0F161D/i;
                 // Brand-specific logo patterns
                 const logoPatterns = {
                     sonance: /logo|sonance.*\.(png|jpg|svg)|Sonance_logo|add_picture|drawImage|Image\(/i,
@@ -3053,14 +3053,62 @@ This gives you the complete ${brand.toUpperCase()} component library including:
 
 **DO NOT proceed without calling get_full_library first.**
 
-### Step 2: Analyze the Application
-After getting the library, analyze the current application:
-- Identify all files that need brand updates
-- Create a prioritized list:
-  1. Root layout / theme provider
-  2. Navigation / header
-  3. Main pages
-  4. Shared components
+### Step 2: Audit the Existing Application (MANDATORY)
+You **MUST** thoroughly scan the existing codebase to understand what needs changing.
+
+**2a. Scan for Components**
+Search for and list all UI components:
+- Buttons, Cards, Inputs, Forms, Modals, Tables
+- Navigation components (headers, sidebars, menus)
+- Custom components in /components directory
+- Note: Which can be replaced with ${brand.toUpperCase()} library equivalents?
+
+**2b. Find Hardcoded Colors**
+Search for and list all color values:
+- Hex codes (#fff, #000, #3b82f6, etc.)
+- RGB/RGBA values (rgb(59, 130, 246))
+- HSL values
+- Tailwind color classes (bg-blue-500, text-gray-900)
+- Note: These ALL need to be replaced with semantic variables
+
+**2c. Locate Logo Files**
+Find all logo/brand assets:
+- Search /public, /assets, /images directories
+- Check for SVG, PNG, JPG logo files
+- Find where logos are imported/used in code
+- Note: These need to be replaced with ${brand.toUpperCase()} logos
+
+**2d. Check Theme/CSS Setup**
+Examine existing styling infrastructure:
+- globals.css or global styles
+- tailwind.config.js/ts (custom colors, fonts)
+- Theme providers or context
+- CSS variables already in use
+- Note: This is where ${brand.toUpperCase()} theme will be integrated
+
+**2e. Font Configuration**
+Check current font setup:
+- Font imports (Google Fonts, local fonts)
+- Font family declarations
+- Note: Replace with Montserrat
+
+**2f. Additional Findings**
+Note any other brand-related items discovered:
+- Third-party UI libraries (shadcn, MUI, Chakra, etc.)
+- Animation libraries with hardcoded color values
+- Icon sets that may need updating
+- Environment-specific styles or themes
+- Any other brand-inconsistent patterns
+
+**After auditing, create a change manifest:**
+| Category | Files Found | Changes Needed |
+|----------|-------------|----------------|
+| Components | list files... | Replace with ${brand.toUpperCase()} equivalents |
+| Colors | list files... | Convert to CSS variables |
+| Logos | list files... | Replace with ${brand.toUpperCase()} logos |
+| Theme | list files... | Integrate ${brand.toUpperCase()} theme |
+| Fonts | list files... | Switch to Montserrat |
+| Other | list files... | Address findings |
 
 ### Step 3: Redesign Systematically
 Work through the app in this order:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sonance-brand-mcp",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "MCP Server for Sonance Brand Guidelines and Component Library - gives Claude instant access to brand colors, typography, and UI components.",
   "main": "dist/index.js",
   "type": "module",