ChimpVibe plays out loud
A tree of games anyone can fork. This sheet is how chimpvibe.dev looks, from the trunk to the last fruit.
The tree
changes to Snake, each one a fruit on its tree that anyone can fork.
Colour
Mint is the tree and everything that grows on it. Coin marks what you can take with you: a tag, a count, a new fruit. Neon is the cool second voice, used rarely. Danger is only for hiding and removing.
Type
Fork it.
0123456789 #9
Russo One for names and numbers.
Rubik for reading.
Edges
Buttons
Mint presses down onto its floor and does the main thing. The arcade cap starts a game. Coin copies something for you to take. A quiet tone button or an underlined word does everything else, and hiding is red. Copy tokens puts this sheet's colours and fonts on your clipboard as CSS.
Parts
3 of 5 checks passed on Snoaper's fruit
Bombs drop from the sky and clear the snakes around them.
- SASALOKIS4 fruit
- lego2 fruit
- Viewer 12 fruit
Deploy Snoaper's fruit?
Everyone playing Snake gets the bombs on their next round.
Motion
Click any stage to play it again. Everything holds still for people who ask for reduced motion.
Assets
Click an asset to copy its SVG. On design.chimpvibe.dev each one is also a file at /v3/ and its name, for example /v3/fruit.svg.
Games
Components
The redesign as working parts: Evani's design system, 21 specimen pages built only from its tokens. Each opens on its own page, drawn with the redesign whatever version you are viewing here. The tokens and parts are plain CSS: tokens.css and components.css.
Foundations
Components
Game tree
Hi-Score view
Rules
- Every zero is plain, so numbers are set in Russo One or Rubik and never in a code font.
- Nothing gets an outline by default. Space and tone separate things, and each kind of control has its own edge.
- A picture is its own title. A game's name sits under its capture, on the ground, with no band.
- Coin appears only on what you can take. If everything is gold, nothing is.
Built for chimpvibe.dev. The first sheet, with every token and asset, is at design.chimpvibe.dev.