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
| 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
background: 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