Applies Movable's official brand colors, typography, gradients, logo guidelines, and visual identity to any artifact — presentations, documents, HTML pages, landing pages, pitch decks, one-pagers, or any designed output. Use this skill whenever the user mentions Movable branding, wants something styled on-brand, asks for Movable colors or fonts, or is producing any visual or written deliverable associated with the Movable product. Also trigger when creating or editing pitch decks, landing pages, web pages, marketing materials, or UI components for Movable. Use it even when the user simply says "make it on-brand" or "apply our branding" in a Movable context.
Movable is the voice AI for enterprise context. The brand identity is bold, energetic, and tech-forward — combining a deep navy foundation with vibrant Tango orange-red and electric accents (Aqua, Lime). The aesthetic communicates credibility and innovation: "dark data brought to light."
Company tagline reference: "Your metrics tell you what is happening. Movable Voice talks to your team for the why."
Asset base path: /sessions/compassionate-sweet-meitner/mnt/movable/assets/
All logo, gradient, shape, and voice interaction files are available here as SVG and PNG. Always prefer SVG for web/vector work and PNG where SVG is not supported.
| Name | Primary Hex | Mid Hex | Light Hex |
|---|
| Role |
|---|
| Deep Blue | #060634 | #38385d | #060634 | Foundation, credibility, dark backgrounds |
| Tango | #ff4220 | #ff684d | #ff8e79 | Signature color, vibrancy, CTAs, highlights |
| Lime | #e7fe00 | #f0fe66 | #f5fe99 | Happiness, optimism, accent pops |
| Aqua | #4addff | #92ebff | #b7f1ff | Approachability, safety, cool accents |
| Grey | #e5e5e5 | #efefef | #f5f5f5 | Balance, design versatility, neutral fills |
| White | #ffffff | — | — | Text on dark, light backgrounds |
#060634): Primary backgrounds for dark-mode hero sections, slide backgrounds, headers. Sets authority.#ff4220): The unmistakable brand signature. Use for the logomark, primary CTAs, accent highlights, and data callouts. Don't overuse — let it pop.#4addff): Secondary accent for interactive elements, hover states, subheadings on dark backgrounds, gradient partner.#e7fe00): High-energy accent for emphasis — progress indicators, tags, gradient endpoints. Use sparingly; it's electric.Gradients are core to Movable's visual energy. The brand uses three canonical gradients. All gradients generate visual depth and a cutting-edge aesthetic.
| Name | Colors (top → bottom) | Use Case |
|---|---|---|
| Dark Energy | Aqua #4addff → Tango #ff4220 → Deep Blue #060634 | Hero backgrounds, full-bleed sections, bold slide backgrounds |
| Night Depth | Deep Blue #060634 → Aqua #4addff | Subtle dark backgrounds, cards, sidebars |
| Sunrise | Tango #ff4220 → White #ffffff → Lime #e7fe00 | Light-mode accents, illustrative panels, top-of-page hero on light themes |
/* Dark Energy */