Skills
.Work. You
Rest

ironmind-visual-persona

Community

Define and apply IRONMIND's visual persona.

Design & Creative#typography#ui-design#brand-guidelines#color-themes#brand-identity#visual-branding
AuthorMorganDevInSA
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ironmind-visual-persona
Download link: https://github.com/MorganDevInSA/ironmind/archive/main.zip#ironmind-visual-persona

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.