Blueprint

The runner on its own: a symbol that stands for the brand without needing words. Use it where space is tight or the name is already clear: app icons, avatars, favicons, stamps.

Montserrat is the one family for everything. It's a geometric sans with a wide weight range, from Light to Bold in a single variable file, so it carries the whole hierarchy on its own: big confident titles, easy paragraphs, crisp labels.

This page is set in it.

Each level has one weight and one job. Copy a row's CSS to set text exactly as the site does.

Greene Green and Studio Green lead; Clover Yellow is the spark; Ink and Paper do the reading. Leaf Green lifts the brand on dark pages, and Raw Orange is for loud moments.

Every code copies. The CMYK values are straight conversions from screen colour, so ask the printer for a proof against a swatch.

Greene shows real work, never stock: finished products on soft, quiet grounds, with room around them. Devices and screens are shown straight and whole, so the work can be read, never cropped into a shape or zoomed past its edges.

Warm, natural light; calm neutrals; one strong colour at most. The feeling is confident and calm: made with care, ready to use.

The dot matrix comes from the globe at the foot of every page. Use it as a quiet background texture behind headlines or empty space, never behind body text, and never louder than the content on top.

A fine grain sits over the whole site at a few percent; it keeps flat colour from feeling digital.

The same few parts every time: the mark, Montserrat, the greens and one picture. Out of doors, keep it to one line and the logo; on things people hold, like the card, let the runner and the colour do the talking.

Posts pair one picture with one bold line and the mark in a corner. Banners run wide and quiet: the line on the left, the logo on the right, lots of room.

Copy the sizes below when setting up a canvas.