| name | tonemana-catalog |
| description | Create or update a comparable Tone & Manner catalog with 7 default patterns, tokens, and preview HTML. Use before choosing a visual/voice pattern for UIUX or UIDesign work. |
| metadata | {"short-description":"Tone & Manner catalog + previews","resources":["references/tonemana-catalog.md"],"templates":["templates/catalog_index.yaml","templates/patterns/bold-energetic.yaml","templates/patterns/modern-tech.yaml","templates/patterns/natural-organic.yaml","templates/patterns/neutral-minimal.yaml","templates/patterns/premium-elegant.yaml","templates/patterns/trust-corporate.yaml","templates/patterns/warm-friendly.yaml","templates/previews/index.html","templates/previews/style-tile.css","templates/tokens/bold-energetic.tokens.css","templates/tokens/bold-energetic.tokens.json","templates/tokens/modern-tech.tokens.css","templates/tokens/modern-tech.tokens.json","templates/tokens/natural-organic.tokens.css","templates/tokens/natural-organic.tokens.json","templates/tokens/neutral-minimal.tokens.css","templates/tokens/neutral-minimal.tokens.json","templates/tokens/premium-elegant.tokens.css","templates/tokens/premium-elegant.tokens.json","templates/tokens/trust-corporate.tokens.css","templates/tokens/trust-corporate.tokens.json","templates/tokens/warm-friendly.tokens.css","templates/tokens/warm-friendly.tokens.json"]} |
tonemana-catalog
Goal
Create a reusable, comparable Tone & Manner catalog inside the project.
Tone = atmosphere (visual impression). Manner = explicit rules. Keep terminology aligned with writing_style/copy_style/text_rules.
Inputs
- Required:
project_name, primary_touchpoints
- Optional:
existing_brand_assets, accessibility_target
Output expectation
tonemana/catalog/catalog_index.yaml
tonemana/catalog/patterns/*.yaml
tonemana/catalog/tokens/*.tokens.json
tonemana/catalog/tokens/*.tokens.css
tonemana/catalog/previews/index.html
How to run
- Open
references/tonemana-catalog.md when generating or updating the catalog.
- Generate
tonemana/catalog/ from templates.
- Keep IDs stable. Do not delete user-added patterns.
Wizard (max 5 questions)
- What touchpoints are in scope? (product-ui / marketing-site / sns / docs)
- Any fixed brand assets? (logo, primary color, font)
- Writing style baseline? (polite / neutral / casual)
- Accessibility baseline? (WCAG2.2-AA default)
- Light/dark mode needed? (yes/no)
Final response
- The catalog and preview HTML.