What is the primary brand color for Melodic Software?

The primary brand color is 'Melodic Blue', identified by the hex code #1E90FF.

Which typography system does this skill use?

The skill utilizes the Inter font family for headings and body text, with JetBrains Mono designated for code snippets.

How does this skill help with UI development?

It provides specific CSS variables, brand-compliant gradients, and component patterns to ensure all UI elements match the official design system.

What is the brand voice of Melodic Software?

The brand voice is 'engineering-led' and 'quality-focused,' often utilizing musical metaphors like rhythm, composition, and harmony to describe software craftsmanship.

Can I use this skill to check for design compliance?

Yes, you can use the skill to review existing code, designs, or copy to ensure they align with the official Melodic Software brand specifications.

Melodic Software Brand Identity

Name: Melodic Software Brand Identity
Author: melodic-software

bymelodic-software

•

デザインツール

Applies official brand identity guidelines to ensure visual and tonal consistency across UI components, marketing materials, and technical documentation.

The Melodic Software Brand Guidelines skill equips Claude with the authoritative specifications needed to maintain professional harmony across all digital touchpoints. It provides direct access to the 'Melodic Blue' color palette, Inter typography system, and the unique musical brand voice ('Building software that sings'). This skill is essential for developers and designers who need to implement brand-compliant CSS, generate on-brand copy, or build UI components that reflect Melodic Software's engineering-led and quality-focused philosophy.

主な機能

01Full hex color palette access including Melodic Blue (#1E90FF) and Deep Navy.

02Brand voice calibration using musical terminology and technical metaphors.

03Typography implementation using the Inter font family and modular scales.

04Pre-defined CSS snippets for brand-compliant gradients and component patterns.

0513 GitHub stars

06Guidance on logo usage, including spacing and treble clef mark positioning.

ユースケース

01Styling new frontend applications with consistent CSS variables and brand gradients.

02Drafting marketing copy or documentation that aligns with the brand's 'harmonious' voice.

03Reviewing existing UI designs to ensure compliance with official component patterns.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add melodic-software/claude-code-plugins brand-guidelines

For use in Claude.ai and ChatGPT

Download Skill