newmindsgroup Visual Style Bible
Use this skill as the default visual governor for UI, web, and marketing surfaces.
Read First
/Users/newmindsgroup/.codex/knowledge/visual-core/typography-rules.md/Users/newmindsgroup/.codex/knowledge/visual-core/spacing-radius-elevation.md/Users/newmindsgroup/.codex/knowledge/visual-core/color-usage-rules.md/Users/newmindsgroup/.codex/knowledge/visual-core/component-composition-rules.md/Users/newmindsgroup/.codex/knowledge/visual-core/motion-rules.md/Users/newmindsgroup/.codex/knowledge/visual-core/avoid-patterns.md
Purpose
- define the house visual defaults
- keep design work coherent across screens and pages
- prevent fallback to generic SaaS UI patterns
Workflow
- Decide whether the task is system direction, critique, or implementation guidance.
- Apply the visual-core rules most relevant to the surface.
- Call out anti-patterns early.
- Route system-level questions to
design-systemwhen broader governance is needed.
Outputs
- visual direction packet
- critique notes
- house-style recommendations
Guardrails
- hierarchy before decoration
- reuse before novelty
- motion should support meaning