Brand guide

Idea and audienceA studio of one. One person builds the whole thing: the brand, the website, the film, and everything in between. VoiceBuilder, not salesman. I made the thing. I am showing you how it works. LogoFour marks, one family. The same sharp M, the same ONE, and one blue element in each.

ColorSix base colors, each with a full range from light to dark, and a set of named roles that say which shade does which job. TypeThree typefaces, each with one job, and a scale of ten text roles. Spacing and layoutTen spacing steps, a twelve column grid and one content width. Corners and depthHow round the interface is, and how things lift off the page. Softened for the interface, square for brand graphics. MotionHow fast things move and how they settle.

ElementsA kit of parts built on one square unit. Use them to dress layouts, slides, posts and video.

ComponentsThe working parts of the site: buttons, fields, cards, tags, media, menus, header and footer. In useHow the pieces come together on a page, in a post and in motion.