Resources

Brand kit

The logo, the colors, the type, and the images built from them. Every file here is drawn from the same shapes as the site and the app.

Logo

The mark is the product in one line: a beam, an apex where health is read, and two held positions. Set beside the name, it is the logo. Use the ink version on light surfaces and the bone version on dark ones.

Keep clear space around the logo at least the height of the mark. Don't recolor the mark outside the five colors below, outline it, or set the name in another face.

Colors

• Clay #cd6440The brand's surface: the home page, the avatar, buttons that start something.
• Ink #1b1411Text and lines everywhere; the app's bar and console.
• Bone #f2eadbReading surfaces: the app's stage and these docs.
• Straw #ebb84bWhat counts. Only ever the counted part of a holding, or a highlight.
• Blood #6e2419Liquidation, and nothing else.

Straw has one meaning: the part of a holding that counts toward health. Use it for that, or for a highlight on ink, never as a fill for decoration.

Type

All three are on Google Fonts under the Open Font License.

The image system

Yoke's images are built from four rules, the same ones the app draws the account with:

1. The overbrace. One beam, its apex lifted. Health sits at the apex, and the apex rises with it.
2. Slings. Each holding hangs from the beam in its own sling, sized by what it's worth.
3. Four shapes. Cash is a coin, a Save deposit is a stack of bars, the Orca LP is a frame with its curve, SOL is a dashed coin.
4. Counted fill. Each shape is filled with straw from the bottom up, as far as it counts toward health: cash full, Save and the LP partly, SOL never.

Text on images is product language: the app's labels, the program's numbers. Images use one surface color each, clay, ink, bone or blood, with ink or bone lines.

Images