iw-brand-configlisted

# Innovation Ways Brand Configuration ## Purpose Provide consistent brand identity across all generated content. This skill is the foundation — every other IW content generation skill depends on it. ## Instructions ### 1. Load Brand Configuration Read `templates/brand/brand.json` for visual identity: - **Colors**: Use hex values from `colors` object. Never use color names — always hex. - **Fonts**: Use font names from `fonts` object. Primary: Inter (heading + body), JetBrains Mono (code). - **Logo**: Reference paths from `logo` object. Use `primary` for light backgrounds, `darkBackground` for dark. - **Spacing**: Apply `spacing` values for consistent layout. - **PDF settings**: Use `pdf` object for page format, margins, headers. ### 2. Load Tone of Voice Read `templates/brand/tone-of-voice.md` for writing style: - Match the voice attributes and style rules to the document type being generated. - Use the appropriate voice section (Blog, Client, Documentation) based on context. ### 3. Apply Brand Colors to Mermaid Diagrams Every Mermaid diagram MUST start with the theme initialization block from `brand.json`: ``` %%{init: {'theme': 'base', 'themeVariables': { ... }}}%% ``` Use the pre-built init string from `diagrams.mermaidInit` in brand.json. This ensures all diagrams use IW brand colors instead of Mermaid defaults. ### 4. Apply Brand to HTML Output When generating HTML documents: - Import Inter font from Google Fonts: `https://fonts.googleapis.com/css2?family=In