ironmind-visual-persona

Codify IRONMIND brand guidelines for colors, typography, and logo usage.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/MorganDevInSA/ironmind --skill ironmind-visual-persona
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ironmind-visual-persona
Source: https://github.com/MorganDevInSA/ironmind/tree/main/.cursor/skills/ironmind-visual-persona
Command: npx skills add https://github.com/MorganDevInSA/ironmind --skill ironmind-visual-persona

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Aligns branding visuals across UI, logos, color treatment, typography, and UI copy to ensure IRONMIND's premium masculine aesthetic remains consistent across products and marketing.

Core Features & Use Cases

  • Brand alignment guidelines: defines consistent usage of logos, colors, typography, and voice across all interfaces.
  • Theming system reference: provides color tokens, CSS variable usage, and theme presets for Crimson, Hot Pink, Cobalt, Forge, Emerald, and Violet.
  • Logo and raster marks guidance: prescribes correct logo usage, logo scales, and raster mark usage for UI chrome and marketing materials.
  • Typography & color usage: prescribes font stacks, weights, and color rules to maintain readability and visual hierarchy.
  • Forbidden elements constraints: enforces constraints to avoid pastel tones, playful shapes, and non-brand elements.

Quick Start

Apply the IRONMIND visual persona to your next UI mockup using the brand tokens, color system, typography, and logo guidelines outlined here.

Frequently Asked Questions about ironmind-visual-persona

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I maintain brand identity consistency across UI and marketing materials?

Maintain brand identity consistency by codifying logo usage, color treatment, and typography rules. This approach defines visual hierarchy and UI copy guidelines to ensure cohesive aesthetics across all product interfaces and marketing assets.

What CSS variables and color themes should I use for premium masculine UI design?

Use predefined CSS variables and color tokens for premium masculine UI design. The system provides theme presets including Crimson, Hot Pink, Cobalt, Forge, Emerald, and Violet to enforce consistent color treatment across interfaces.

How do I set up typography stacks and visual hierarchy for a brand guidelines system?

Set up typography stacks by applying prescribed font families, weights, and color rules. This brand guidelines system enforces readability and visual hierarchy while establishing a preferred typography stack for all UI components.

What visual elements are forbidden when applying brand guidelines to UI mockups?

Forbidden visual elements include pastel tones, playful shapes, and non-brand elements. Enforcing these constraints ensures the brand guidelines maintain a premium masculine aesthetic and avoids deviations from the established visual identity.

Can I use predefined color tokens for logo wiring and raster marks in UI chrome?

Yes, you can use predefined color tokens for logo wiring and raster marks in UI chrome. The system prescribes correct logo scales, raster mark usage, and color treatment to ensure proper visual asset structuring across interfaces.