---

name: brand-guidelines description: Melodic Software brand identity guidelines. Use when styling projects, creating marketing materials, building UI components, or ensuring brand consistency. Covers colors (#1E90FF melodic blue primary), typography (Inter font family), logo usage, brand voice ("Building software that sings"), and component patterns. allowed-tools: Read, Glob, Grep

Melodic Software Brand Guidelines

Official brand identity guidelines for Melodic Software, defining visual identity, typography, color palette, and brand voice.

Table of Contents

• Overview
• When to Use This Skill
• Brand Philosophy
• Quick Reference
• References

Overview

This skill provides the authoritative brand guidelines for Melodic Software, including:

• Color palette with primary melodic blue (#1E90FF) and supporting colors
• Typography system using Inter font family with modular scale
• Logo usage guidelines for the treble clef mark
• Brand voice with musical terminology and professional tone
• Component patterns for consistent UI implementation

When to Use This Skill

This skill should be used when:

• Styling new projects or applications
• Creating marketing materials, presentations, or documentation
• Building UI components that need brand consistency
• Reviewing designs for brand compliance
• Writing copy that should reflect brand voice
• Selecting colors, fonts, or visual elements

Brand Philosophy

Tagline: "Building software that sings"

Secondary: "Engineering-led. Quality-focused. Future-ready."

Melodic Software combines musical metaphors with modern software engineering excellence. The brand conveys:

• Technical credibility through engineering-led positioning
• Craftsmanship through quality-focused messaging
• Innovation through future-ready thinking
• Harmony through musical vocabulary (rhythm, composition, cadence)

The visual identity is clean, professional, and sleek - reflecting the precision of well-engineered software while maintaining approachability.

Quick Reference

Primary Colors

Typography

Brand Gradient

Copybackground: linear-gradient(135deg, #0D1B2A 0%, #1E90FF 50%, #A8D4F0 100%);

References

This skill includes comprehensive reference documentation:

references/

• See references/color-palette.md for complete color system with CSS variables, accessibility notes, and usage examples
• See references/typography.md for font stack, type scale, and heading styles
• See references/logo-usage.md for logo specifications, clear space, and restrictions
• See references/voice-tone.md for brand personality, musical terminology, and copy guidelines
• See references/component-patterns.md for buttons, spacing, borders, and shadows

---

Last Updated

Date: 2026-01-18 Model: claude-opus-4-5-20251101