The brand kit, free to use.

The name is two words joined by an arch where the hyphen would be, so that it reads as "human-shaped" and as the top of a person's head at the same time. Use the light version on light backgrounds and the dark version on dark ones, and use the one-color versions when something is printed in a single ink, like a flyer that will be photocopied. The PNG copies are for slide tools that will not take an SVG file.

The icon is the arch on its own, sitting high in a forest green square with the empty space below it, so that it reads as the top of a head and never as a frown. Use it where the whole name will not fit, like a profile picture, a sticker, or the corner of a slide.

When you lead a cohort or join one, you can put one of these behind you in Google Meet, so that the call feels like it belongs to the same place as the site. The middle of each one is empty on purpose, because that is where Meet puts you, and the wordmark and the arch stay up and out of the way. In Meet, press Backgrounds and effects under your own video (or Video settings once you are in the call), and under Blur and personal backgrounds, choose Add your own personal background and pick the file you saved. Your cohort's page can also make one with your cohort's name on it.

When you run a Human-Shaped Meetup or a Human-Shaped Hackathon, put its name on your flyer, your slides, and the sign on the door with these. You do not need to ask anyone first, as long as the principles are in front of everyone and a hackathon keeps the five things its kit names. Please do not suggest that Ben or humanshaped.org is running your event unless they are.

These two are not for events. The Human-Shaped Principles belong to anyone who builds by them, and these marks are how you say so on your software. Nobody approves either one. Each mark says something true about how your software was made, and you can use it as soon as it is true of yours.

Aligned with Human Shaped means you have written down how your software lines up with each of the fifteen principles, in a file called HUMAN-SHAPED.md in your own repository. Endorsed by Human Shaped means your software started from the Universal App Template, or you have written your commitment to the principles into your project. Either one is enough.

Show a mark wherever people meet your software, in its README on GitHub or at the foot of its website. The mark links to your own HUMAN-SHAPED.md, so anyone who wonders what it means can read your answers and the evidence behind them, which is what makes a mark like this worth trusting. Please keep its colors and its shape as they are, because people only learn to recognize a mark when it looks the same everywhere they see it.

Paste this where you want the mark, and change the first address to your own file. It follows the reader's light or dark setting on GitHub and on most websites. For the endorsed mark, change aligned to endorsed in both image addresses and in the alt text.

Besides ink on white paper there are two colors: forest for the arch, links, and buttons, and thistle for what is current, for stickers, and for the arch on dark pages. No brand we could find uses the two together. Forest on paper has a contrast of about 9.6 to 1, forest on thistle about 6.1 to 1, and ink on paper about 16.7 to 1, so all of them clear the Web Content Accessibility Guidelines' bar of 4.5 to 1 for ordinary text, and the dark versions clear it too.

Everything is set in Commissioner, designed by Kostas Bartsokas and shared under the SIL Open Font License, so it is free to install and use. The wordmark and the headings use a weight of 680, labels use 600, and reading text uses 400.

People only learn to recognize a mark when it looks the same everywhere they see it, so these few rules are about keeping it the same.

Every file on this page is drawn by a script from Commissioner itself (make_brand.py for the wordmark, the icon, and the event names, make_mark.py for the marks, and make_backgrounds.py for the backgrounds), so if the wordmark ever changes, the files are drawn again rather than edited by hand. Make something with them, and show us in the discussions.