Zo keyboard
Say it without words. Every key is the \z/ — the z is a person, the slashes are arms — and every key moves the way it feels: the heart beats, the arm waves, the world turns. 34 reactions for chat and 21 culture symbols, each as a still, a moving tile and a Lottie.
Zo ❤️ · Zo 🔥 · Zo 🌍
Each loop starts and ends on the still, lasts 1.2 to 3.6 seconds and stays inside its tile: a breath, a wave, a jump. Moving keys play while they are on screen and hold still for readers who ask for less motion.
Reactions
The 24 reactions the community already uses — zo100 to ztozo — redrawn on the
official \z/ geometry, plus 10 new poses you can type: \z/,
_z_, ¯\_z_/¯… Each one moves the way it feels. Click a shortcode to copy it.
How the reactions are built
- Built from the official \z/: the same arms (72°, flat cuts), the same z, the same weight (17% of the mark height).
- A reaction changes the figure (arms curve, burn, fly, flex) or adds one small thing to it — never a new character.
- Names stay as they are in Slack and Telegram (zo100 … ztozo); :shortcode: = the name.
- glyph = flat colour on transparent (chat); keycap = the Zo keyboard (early tech meets the human); plain = currentColor for inline UI.
- Keycaps are Zostel Beige, the colour of early computer keyboards; the \z/ cheer is the orange Esc key.
- Every reaction moves the way it feels — the heart beats, the arm waves, the \z/ jumps — in a 1.2–3.6 s loop that starts and ends on the still, with the motion tokens' easings: an animated SVG tile (CSS inside) and a Lottie.
Add them to your chat
- Slack / Discord: upload the 128 px PNG (or GIF) as a custom emoji and name it exactly as the shortcode, e.g.
zocheer. - Telegram / WhatsApp stickers: the 512 px PNGs are sticker-ready (transparent, square).
- Product UI: use the one-colour SVG — it takes the text colour (
currentColor). - Motion: every reaction has a loop — the animated SVG for the web (inline it;
--play: pausedon a parent pauses it, and it holds still for readers who ask for less motion) and a Lottie for apps. The Telegram originals are below.
Animated originals
The \z/ that moves — the Telegram sticker set the community already sends, and its Lottie files, played straight from the \z/ Assets folder. These are the originals: use them as they are; new reactions start from the drawings above.
Culture symbols
One symbol for each of the 21 Zo cultures. The \z/ becomes what it loves: its arms turn into the culture's tools and its z into the culture's object — bats and a ball, brushes and a palette, wings and a heart — so every symbol is still a person with both arms up, and reads in any language. In motion the tools do what they do: wings flap, bats swing, the record spins.
One grammar
The \z/ becomes what it loves: the arms turn into the culture's tools, the z into its object — so every symbol is still a person with both arms up.
- Arms keep the mark's lean (72°), weight, length and feet on the baseline; only their heads change. Both arms are one object, mirrored (food alone pairs a fork with a spoon).
- The centre object stands on the baseline inside the z's own box, with a clear gap to the arms.
- One object pair per culture that a child, a grandparent and a stranger can all read. No words, no flags, no brands, no faith-exclusive signs.
- Colour: one colour per culture from the five landscapes. Tile and roundel = the culture colour behind a white or Steel Grey symbol; on light grounds use the ink colour.
- Redrawn from the Zo Studio 'Cultural symbols' set (2024), which stays in the Asset Library as the source.
- Every symbol moves: its tools do what they do (wings flap, bats swing, the record spins) in a 1.2–3.6 s loop that starts and ends on the still — an animated SVG tile and a Lottie.