brand-identity-generator

Generate brand identity systems with CSS-ready tokens and brand guidelines.

3|Updated Mar 11, 2026
One-click install
npx skills add https://github.com/mkatogui/universal-design-system --skill brand-identity-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brand-identity-generator
Source: https://github.com/mkatogui/universal-design-system/tree/main/plugins/universal-design-system/skills/brand-identity
Command: npx skills add https://github.com/mkatogui/universal-design-system --skill brand-identity-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generating consistent and scalable brand identities for products and organizations, aligning color psychology, typography, and visual identity rules with Universal Design System palettes.

Core Features & Use Cases

  • Map brand values to the 9-palette system and generate a full color scheme with CSS variables.
  • Recommend typography pairings and logo usage rules for cohesive brand collateral.
  • Produce a complete brand guideline including voice and visual identity rules for marketing, product, and communications.

Quick Start

Create a brand identity for a fintech startup using the 9 structural palettes, and generate the color palette, typography pairing, logo guidelines, and CSS token output.

Frequently Asked Questions about brand-identity-generator

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

FAQPage Schema
How do I generate a complete brand identity with color psychology and typography?

To create a brand style guide, map your brand values to a 9-palette system to generate a full color scheme. The output includes typography pairings, logo usage guidelines, and a complete set of CSS variables ready for development.

What is the best way to map brand colors to a Universal Design System palette?

Mapping brand colors involves aligning your brand values with a 9-palette structural system. This generates a full color scheme based on color psychology rules and outputs CSS-ready tokens for seamless integration into your design system.

Can I get CSS variables and typography pairings for a startup brand identity?

Yes, generating a startup brand identity produces CSS variables and typography pairings. The system outputs a complete visual identity package including CSS-ready tokens and logo usage rules applicable across various industries.

Does the generated brand style guide include logo usage guidelines?

Yes, the generated brand style guide includes logo usage guidelines. It produces comprehensive brand guidelines integrating color psychology, typography pairings, and visual identity rules for marketing, product, and communications.

How do I create brand guidelines for marketing and product communications?

Create brand guidelines by generating an identity system that defines voice and visual identity rules. This integrates color psychology and typography pairings to ensure cohesive brand collateral across marketing, product, and communications.

When do I need a structural 9-palette system for brand visual identity?

A 9-palette system is needed when building scalable, consistent brand identities. It systematically maps brand values to color psychology rules, ensuring cohesive visual identity across industries, marketing collateral, and product interfaces.