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