skills.rest
jorgeochipinti97
jorgeochipinti97COMMUNITY
Explore all skills by this author →
GitHub

brand-identity

Define and enforce brand identity systems for digital products.

Updated Jan 22, 2026
Search Tags:#typography#branding#design-system#color-system#brand-identity#ux-principles
One-click install
npx skills add https://github.com/jorgeochipinti97/dublin-skills --skill brand-identity-jorgeochipinti97
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-identity
Source: https://github.com/jorgeochipinti97/dublin-skills/tree/main/skills/brand-identity
Command: npx skills add https://github.com/jorgeochipinti97/dublin-skills --skill brand-identity-jorgeochipinti97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Brand-identity defines and enforces cohesive visual systems including color palettes, typography, spacing, and UX principles. Use when starting a new project that needs visual identity, ensuring consistency across components, the premium-frontend-design skill needs clear brand guidelines, or reviewing designs for brand compliance. Prevents Claude from improvising colors or typography — everything follows the established system.

Core Features & Use Cases

  • Establish color systems (neutral foundations, accent palettes)
  • Define typography and spacing tokens
  • Document brand guidelines in project assets
  • Ensure accessibility and contrast across components
  • Integration with premium frontend workflows

Quick Start

Create a new project brand by selecting a color system, typography pairing, and spacing scale, then document it in brand.md or BRAND_GUIDELINES.md and align all components to the defined references.

Frequently Asked Questions about brand-identity

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

FAQPage Schema
How do I enforce brand identity guidelines across a digital product design system?▼

To enforce brand identity guidelines, you define color palettes, typography pairings, spacing tokens, and UX principles in project documentation, preventing improvised design choices and ensuring visual consistency across all components.

What is included in a cohesive brand identity system for digital products?▼

A cohesive brand identity system includes neutral color foundations, accent palettes, typography and spacing tokens, accessibility contrast considerations, and project-specific brand documentation aligned with defined UX principles.

How do I set up color systems and typography tokens for a new project?▼

Setting up color systems and typography tokens involves selecting a color palette and typography pairing, defining a spacing scale, and documenting these tokens in a brand guidelines file to align all frontend components.

Do I need an existing color palette and typography pairing to define brand guidelines?▼

Yes, defining brand guidelines requires an established color palette, typography pairing, spacing scale, and accessibility considerations to ensure the system can effectively enforce consistency across the project.

What's the best way to document brand guidelines for premium frontend workflows?▼

The best way to document brand guidelines for premium frontend workflows is creating a brand.md or BRAND_GUIDELINES.md file containing color systems, typography, spacing scales, and UX principles to align component development.

Why does my frontend design lack consistency across different UI components?▼

Frontend designs lack consistency when color, typography, and spacing tokens are not defined in a centralized brand identity system, causing components to deviate from established visual guidelines during development.

Related Skills

Explore More Design & Creative Skills→
Gull-StackGull-Stack

brand-building

Define brand foundations, voice, and messaging for cohesive identity.

Official
Basic
ShubhamX-AIShubhamX-AI

ui-ux-premium

Apply premium UI/UX guidelines to existing components and pages.

Community
Intermediate
NONEitnonameNONEitnoname

canvas-design

Translate a design philosophy into a PNG or PDF visual artwork.

Community
Advanced
mkatoguimkatogui
3

brand-identity-generator

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

Community
Advanced