Instrument Serif
Regular + Italic / 400The right people. The right tools.
One plan.
Editorial headlines, human stories, and section introductions. Use italics for a short phrase, not a whole page.
The brand, in practiceMozart Works / Brand guide
Thoughtful by design.
Recognizably Mozart.
Our marks, our type, and the details that make everything feel like it belongs. A working reference for the people bringing Mozart to life.
Explore the essentials01 / Our signature
One recognizable mark.
Use the supplied symbol-and-wordmark together. Preserve the proportions and give the logo room to breathe.
Primary logo
White lockup · Cropped PNG
Light-background treatment
Monochrome web preview. Use the dark treatment on pale backgrounds; this is not a separate downloadable master.
Available assets: raster PNG. No vector master is included in this library.Download original canvas PNG ↗
Give it space.
As a working rule, leave at least half the symbol’s height clear on every side.
Keep it intact.
Don’t stretch, rotate, add effects, or rebuild the wordmark with live type.
Protect its contrast.
White on dark. Dark on light. Avoid busy imagery directly behind the mark.
02 / Our voices
Two fonts. Clear roles.
Serif for the people and promise. Bold sans for the product and punch. Regular sans for everything that needs to be read quickly.
Inter
400 / 500 / 600The right people. The right tools.
Clear, direct, and built for the details.
Body copy and interface labels. Use weight 600 for plan names and short, high-impact product statements. Keep oversized statements rare.
Editorial headingInstrument Serif · 40040–96px / 1.05–1.15 line height
Product statementInter · 60042–76px / 1.04 line height
Body & interfaceInter · 400–60014–18px / 1.5–1.7 line height
Eyebrow labelInter · 60010–12px / uppercase / wide tracking
Working web scale; adjust responsively, not by squeezing or stretching the letters. Fonts are loaded through the site’s shared stylesheet.
Occasional handwritten accents
Caveat and Architects Daughter are also loaded by the site. Reserve them for a small annotation or handwritten moment—not navigation, body copy, or a third headline style.
A little human touch.Make it personal.
03 / Our palette
Grounded. With a spark.
Deep teal and mineral do most of the work. Lime brings emphasis, not noise. Keep text contrast strong.
Select a swatch to copy its hex value.
The signature dark canvas
A little depth. Never a spotlight.
radial-gradient(95% 80% at 50% 30%, #0d2e2f 0%, #0b2526 60%, #091e1f 100%)04 / Putting it together
Human first.
Clear, always.
People & promise
The right people.
The right tools.
One plan.
Warm photography, editorial type, and a restrained italic accent. A human introduction.
Product & punch
Pay for the work.
Not more software.
Bold sans-serif, generous space, and one clear message. Let the product do the demonstrating.
Show the work.
Use natural, human imagery and real product screens. Avoid decorative dashboards or unsupported claims.
Keep the interface quiet.
Thin rules, generous spacing, and rounded primary actions. Use lime with dark text, not lime body text on a pale background.
Sound like a teammate.
Be direct, specific, and helpful. Talk about the work people need done, not abstract promises or complicated jargon.