Melodic Software Brand Guidelines
Official brand identity guidelines for Melodic Software, defining visual identity, typography, color palette, and brand voice.
Table of Contents
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
Converted and distributed by TomeVault — claim your Tome and manage your conversions.
1---2name: brand-guidelines-233description: 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. Use when this capability is needed.4---56# Melodic Software Brand Guidelines78Official brand identity guidelines for Melodic Software, defining visual identity, typography, color palette, and brand voice.910## Table of Contents1112- [Overview](#overview)13- [When to Use This Skill](#when-to-use-this-skill)14- [Brand Philosophy](#brand-philosophy)15- [Quick Reference](#quick-reference)16- [References](#references)1718## Overview1920This skill provides the authoritative brand guidelines for Melodic Software, including:2122- **Color palette** with primary melodic blue (#1E90FF) and supporting colors23- **Typography system** using Inter font family with modular scale24- **Logo usage** guidelines for the treble clef mark25- **Brand voice** with musical terminology and professional tone26- **Component patterns** for consistent UI implementation2728## When to Use This Skill2930This skill should be used when:3132- Styling new projects or applications33- Creating marketing materials, presentations, or documentation34- Building UI components that need brand consistency35- Reviewing designs for brand compliance36- Writing copy that should reflect brand voice37- Selecting colors, fonts, or visual elements3839## Brand Philosophy4041**Tagline:** "Building software that sings"4243**Secondary:** "Engineering-led. Quality-focused. Future-ready."4445Melodic Software combines musical metaphors with modern software engineering excellence. The brand conveys:4647- **Technical credibility** through engineering-led positioning48- **Craftsmanship** through quality-focused messaging49- **Innovation** through future-ready thinking50- **Harmony** through musical vocabulary (rhythm, composition, cadence)5152The visual identity is clean, professional, and sleek - reflecting the precision of well-engineered software while maintaining approachability.5354## Quick Reference5556### Primary Colors5758| Token | Hex | Usage |59|-------|-----|-------|60| `melodic-blue` | #1E90FF | **Primary brand color** |61| `deep-navy` | #0D1B2A | Dark backgrounds, headers |62| `white` | #FFFFFF | Text on dark, logo elements |6364### Typography6566| Role | Font | Weight |67|------|------|--------|68| Headings | Inter | 600-700 |69| Body | Inter | 400-500 |70| Code | JetBrains Mono | 400 |7172### Brand Gradient7374```css75background: linear-gradient(135deg, #0D1B2A 0%, #1E90FF 50%, #A8D4F0 100%);76```7778## References7980This skill includes comprehensive reference documentation:8182### references/8384- See [references/color-palette.md](references/color-palette.md) for complete color system with CSS variables, accessibility notes, and usage examples85- See [references/typography.md](references/typography.md) for font stack, type scale, and heading styles86- See [references/logo-usage.md](references/logo-usage.md) for logo specifications, clear space, and restrictions87- See [references/voice-tone.md](references/voice-tone.md) for brand personality, musical terminology, and copy guidelines88- See [references/component-patterns.md](references/component-patterns.md) for buttons, spacing, borders, and shadows8990---9192## Last Updated9394**Date:** 2026-01-1895**Model:** claude-opus-4-5-202511019697---98> Converted and distributed by [TomeVault](https://tomevault.io/claim/melodic-software) — claim your Tome and manage your conversions.99<!-- tomevault:4.0:skill_md:2026-04-11 -->