Can I use this for existing brands?

Yes, it is specifically designed for both creating new identities from scratch and systematizing existing ad-hoc brand elements into a formal, documented system.

Does it generate actual design tokens for developers?

Yes, the skill provides structured JSON or JavaScript objects for colors, spacing, typography, and radii that can be directly integrated into your codebase.

What is included in the Strategy Layer?

The strategy layer covers brand pillars, positioning statements, core values, and archetypes to provide a solid conceptual foundation before visual work begins.

Is this skill limited to web design?

While optimized for digital systems, it includes application guidelines for mobile apps, email templates, social media, and even print or packaging materials.

How does this skill help with design consistency?

It provides standardized frameworks for colors, typography, and voice, ensuring all brand touchpoints remain aligned and professional across your entire ecosystem.

Brand Systems Identity & Strategy

Name: Brand Systems Identity & Strategy
Author: HermeticOrmus

byHermeticOrmus

•

デザインツール

Builds comprehensive brand identity systems from strategic positioning to implementation-ready design tokens and documentation.

概要

This skill empowers Claude to act as a senior brand strategist and designer, guiding users through the creation of cohesive brand identity systems. It covers the foundational strategy layer including positioning and archetypes, the visual identity layer including logo requirements and typography scales, and the technical implementation layer via design tokens and component patterns. It is ideal for startups launching new identities or existing brands seeking to systematize their visual language for scale and consistency across digital and physical touchpoints.

主な機能

Implementation-ready design tokens for CSS, Tailwind, and JavaScript
Usage documentation templates for brand application and patterns
2 GitHub stars
Strategic brand positioning and archetype definition frameworks
Visual identity system design including logo, color, and typography scales
Comprehensive voice and tone guidelines for brand messaging

ユースケース

Developing a full brand identity for a new startup or product launch
Rebranding an existing application with updated visuals and personality
Creating a centralized brand system for consistent design-to-development handoff

概要

主な機能

Implementation-ready design tokens for CSS, Tailwind, and JavaScript
Usage documentation templates for brand application and patterns
2 GitHub stars
Strategic brand positioning and archetype definition frameworks
Visual identity system design including logo, color, and typography scales
Comprehensive voice and tone guidelines for brand messaging

ユースケース

Developing a full brand identity for a new startup or product launch
Rebranding an existing application with updated visuals and personality
Creating a centralized brand system for consistent design-to-development handoff