Instruction file imported from fabioc-aloha/BrainBenchmark (.github/instructions/brand-asset-management.instructions.md). Copyright stays with the author.

Brand Asset Management

Purpose: Procedural memory for Alex brand asset deployment and maintenance Created: 2026-02-06 (Meditation session - branding rebrand consolidation)

Brand Hierarchy

Hierarchy rule

• CorreaX and CX logos represent the company brand.
• Alex represents the product brand spanning multiple projects and products.
• Command Center is one of several Alex UI surfaces, not a separate brand.

Reference rule

• Use LearnAlex as the strongest reference for website-level on-brand UI within the CorreaX and Alex ecosystem.
• Use sibling repos such as AlexAgent as examples of Alex product branding, not necessarily as the canonical source for full UI treatment.
• When designing Command Center, translate the LearnAlex tone and token discipline into a denser, utility-first sidebar surface instead of copying website chrome literally.

Core Brand Elements

Command Center Micro-Asset Exception

The Alex logo system and marketplace/banner branding are not the default style for Command Center UI micro-assets.

• For extension-local tab icons, state avatars, persona icons, agent icons, and badges, use the CorreaX UI asset rules in alex_docs/DK-correax-brand.md.
• Treat company marks as company-brand assets and Alex hero marks as product-brand assets, not the everyday visual language for sidebar micro-icons.
• In-product assets must optimize for semantic clarity at 16px to 24px, with state and function taking priority over logo resemblance.

Website Palette (alex.correax.com)

The landing page (docs/index.html) uses a distinct dark-themed palette optimized for web:

The brain anatomy page (docs/alex-brain-anatomy.html) uses GitHub's dark palette for Mermaid diagram consistency.

Persona Priority (by audience size)

1. CODE → 2. LEARNING → 3. CAREER → 4. CONTENT → 5. THESIS
2. RESEARCH → 7. WRITING → 8. PROJECTS → 9. DATA → 10. INFRASTRUCTURE

Asset Locations

Banners

Logos

All logos use 30° rotation for dynamic launch angle.

GK Premium Branding (v5.0)

Metaphor Evolution: Rocket strapped to back → Docked at space station

GK Assets

GK Brand Elements

Concept Candidates (6 variations)

Refer to GK Banner Candidates table in marketing documentation.

Platform-Specific Guidelines

Heir-Specific Positioning (v5.6.0)

Each heir positions against its native platform, NOT generic "Copilot":

Store Description Pattern

Structure (validated v5.6.0):

🚀 STRAP A ROCKET TO YOUR BACK
[Hook: You don't need X. You need thrust.]

━━━━━ [PLATFORM] vs [PLATFORM] + ALEX ━━━━━
▸ Capability: Before → After (6 rows)

━━━━━ WHY ALEX? ━━━━━
🚀 NO REFUELING BETWEEN LAUNCHES
🎯 PRE-BUILT PROPULSION  
🔍 INSPECT EVERY COMPONENT

━━━━━ TAKE YOUR [NOUN] TO NEW HEIGHTS ━━━━━
[Persona → Benefit mappings]

━━━━━ LAUNCH SEQUENCES ━━━━━
[Workflow examples]

[Bottom line comparison]
Stop walking. Start flying.

Persona Copy Pattern

GitHub (Animated SVG Supported)

• Use .github/assets/banner.svg (animated rotating nouns)
• Animation: 20s cycle, 10 personas, crossfade pattern
• Tagline displays in banner itself

VS Code Marketplace (Static Required)

• Use assets/banner.png (static CODE variant)
• Icon: icon.png (A Negative Space Rocket)
• Description: "Strap a rocket to your back..."

M365 Teams (Static, Specific Sizes)

• color.png: 192x192 (A Negative Space Rocket, full color)
• outline.png: 32x32 (Monochrome rocket silhouette)
• docs/index.html: Static PNG for iframe preview

PNG Generation

Generate PNGs from SVGs using sharp-cli:

npx sharp-cli --input source.svg --output output.png -f png --density 150

The --density 150 flag ensures crisp text rendering.

AI-Generated Persona Images

Purpose: Branded visual assets for persona-specific welcome experiences
Tool: Ideogram v2 via Replicate API
Location: alex_docs/alex2/ (8 persona images at 1024x1024)
Cost: $0.08 per image ($0.64 total for full set)

Template-Based Generation Pattern

Key Success Factors:

1. Locked Composition: Fixed rocket position (center-left, 30°), background, lighting
2. Text Simplification: Short words (<10 chars) for clean typography rendering
   • ❌ "DOCUMENTATION" → ✅ "DOCS"
   • ❌ "ANALYSIS" → ✅ "INSIGHTS"
3. Variable Injection: Only title, subtitle, and accent color change per persona

Generation Script: scripts/generate-persona-welcome-images.js

Persona Image Catalog

Prompt Template Structure:

SQUARE FORMAT BANNER (1024x1024)
TITLE TEXT: "[TITLE]" (large, bold, professional sans-serif)
SUBTITLE: "[SUBTITLE]" (medium weight below title)
ROCKET PLACEMENT: Center-left, 30° tilt, subtle trail
BACKGROUND: Clean gradient with accent color
COMPOSITION RULES: [Fixed layout specifications]
TYPOGRAPHY: Clean, no distortion, high contrast

Quality Metrics: 100% success rate with template approach (vs. 30% with custom prompts)

Comparison: alex/ vs alex2/

Content Filter Considerations

Issue: Raw Mermaid/code syntax triggers "sensitive content" filters
Solution: Parse structured syntax to natural language before API submission

• Convert --> to "connects to"
• Strip brackets ["label"] to plain text
• Remove styling commands (classDef, linkStyle)

Pattern: Applies to any structured language (JSON, YAML, code) sent to content-filtered APIs

Synapses

• [.github/skills/brand-asset-management/SKILL.md] (Critical, Implements, Bidirectional) - "Domain knowledge this procedure operationalizes"
• [.github/instructions/release-management.instructions.md] (Medium, Integrates, Backward) - "Asset verification during release"
• [.github/instructions/heir-skill-promotion.instructions.md] (Low, Documents, Forward) - "Heir branding alignment"

External Knowledge

• GI-premium-tier-visual-metaphor-pattern-2026-02-06 (High, Validates) - "Tiered branding pattern in Global Knowledge"
• GI-heir-specific-positioning-pattern-2026-02-10 (High, Documents) - "Platform-specific comparison messaging"