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.

주요 기능

Full hex color palette access including Melodic Blue (#1E90FF) and Deep Navy.
Brand voice calibration using musical terminology and technical metaphors.
Typography implementation using the Inter font family and modular scales.
Pre-defined CSS snippets for brand-compliant gradients and component patterns.
13 GitHub stars
Guidance on logo usage, including spacing and treble clef mark positioning.

사용 사례

Styling new frontend applications with consistent CSS variables and brand gradients.
Drafting marketing copy or documentation that aligns with the brand's 'harmonious' voice.
Reviewing existing UI designs to ensure compliance with official component patterns.

소개

주요 기능

Full hex color palette access including Melodic Blue (#1E90FF) and Deep Navy.
Brand voice calibration using musical terminology and technical metaphors.
Typography implementation using the Inter font family and modular scales.
Pre-defined CSS snippets for brand-compliant gradients and component patterns.
13 GitHub stars
Guidance on logo usage, including spacing and treble clef mark positioning.

사용 사례

Styling new frontend applications with consistent CSS variables and brand gradients.
Drafting marketing copy or documentation that aligns with the brand's 'harmonious' voice.
Reviewing existing UI designs to ensure compliance with official component patterns.