Brand Guidelines

---
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](#overview)
- [When to Use This Skill](#when-to-use-this-skill)
- [Brand Philosophy](#brand-philosophy)
- [Quick Reference](#quick-reference)
- [References](#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

| Token | Hex | Usage |
|-------|-----|-------|
| `melodic-blue` | #1E90FF | **Primary brand color** |
| `deep-navy` | #0D1B2A | Dark backgrounds, headers |
| `white` | #FFFFFF | Text on dark, logo elements |

### Typography

| Role | Font | Weight |
|------|------|--------|
| Headings | Inter | 600-700 |
| Body | Inter | 400-500 |
| Code | JetBrains Mono | 400 |

### Brand Gradient

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

## References

This skill includes comprehensive reference documentation:

### references/

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

---

## Last Updated

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