The Mosso brand
A bouncing ball is a classic animation exercise. Ours has a face. Mo is the orange ball at the end of the name: he hops, blinks, winks and pulls faces, and he is the logo and nothing else. He never appears inside the animations we show or sell.
The logo, moving
Logo files
Colour
Soft paper, warm ink and Mo orange are Mosso's core brand colours.
#f6f6f3
oklch(97.2% 0.004 95)
#eeede9
oklch(94.6% 0.005 95)
#1e1713
oklch(21% 0.014 50)
#f55d12
oklch(67% 0.2 41)
Stage colours
For the playful moments only: the hero stage, stickers and the one loud card on a screen. Never for body text.
#9fdafa
oklch(86% 0.075 232)
#fcd42f
oklch(88% 0.17 94)
#ff52a3
oklch(70% 0.22 356)
#2850de
oklch(50% 0.22 266)
#44d070
oklch(76% 0.18 150)
Type
Unbounded for the logo and big headlines
Instrument Sans for everything you read: headings, body text, the editor and the app. Both are free under the SIL Open Font License, so they can be self-hosted and used in exported files.
Geist Mono for numbers: 00:02.40 · 60 fps · 1080 × 1080
Rules
Mo is the logo only. Example animations never use Mosso's own brand, and never an invented brand, company, product or person. They use plain sample looks named by how they look (Blue, Warm and Neon) and placeholder words like Your headline and Your logo.
Voice
Plain, warm and exact, like a craftsperson talking to a peer. Short sentences. Name the format, the size and the frame rate. No hype words, no invented numbers, no dashes.