Brand
Every variant as a real vector file, 27 of them, plus the palette and the few rules worth keeping.
Download anything here
All of it is SVG, so it scales to a billboard without going soft. The type in every lockup is converted to outlines rather than left as live text, which means these open correctly on a machine with no fonts installed. That is the difference between a logo file and a screenshot of one.
Right click, save. Or open one and take the code straight into whatever you are building.
The mark
The symbol on its own. Use it wherever the name is already present.
App tiles
Square, for app icons, favicons and anywhere the mark needs its own ground.
Badges
Round, for stickers, avatars and profile pictures, where a square reads as a screenshot.
Lockups
Mark and name together. This is the default signature.
Wordmark
The name alone, for places the mark already appears nearby.
Colour
The green is the only saturated colour in the system. Everything else is a near neutral with a slight cool bias, which is what lets one accent do the work of several.
Brand
Two colours carry the identity. The green is the only saturated thing in the system, which is what makes it read as the brand rather than as decoration.
Brand green
#22C55E
The mark, the app tile, the "or" in the name. Never for body text.
Mark ink
#14161A
The mark knocked out of a green tile.
Surfaces
Four steps from the page to a raised control. Deliberately close together: the hierarchy comes from hairlines rather than from heavy contrast, so a screen full of numbers stays calm.
Page
#0B0C0E
The background everything sits on.
Panel
#141619
Cards, sections, anything grouped.
Raised
#1C1F24
Inputs and controls inside a panel.
Edge
#292D34
Every hairline and border in the app.
Text
Two weights only. A third grey would just be an excuse not to decide what matters.
Chalk
#ECEEF1
Headings, numbers, anything you are meant to read first.
Muted
#8B929C
Supporting text, labels, explanations.
Verdict
The reserved status palette. Each is validated at 3:1 or better against the panel colour, and each ships with its own word and its own glyph, because colour alone is never the signal. Only ever one on screen at a time.
Send it
#0CA30C
The card earns the fee.
Borderline
#FAB219
Positive, but not by enough to promise.
Wrong tier
#EC835A
Right card, refused by the tier you picked.
Do not send
#D03B3B
It cannot pay for itself.
Chart
The distribution bars carry two states, not a series. The grey deliberately fails the chroma floor written for categorical colours, because it is the recessive half of one measure rather than a category of its own.
Clears
#0CA30C
Grades at or above break even.
Below
#5A6470
Grades that lose money.
Type
Archivo. Extra bold at 800 for the name and headings, tracked tight at minus four and a half percent. Semibold at 600 for labels. Regular for everything else. Numbers are always set with tabular figures so columns of money line up.
The four rules
Leave it room. Clear space around the mark is at least the height of its own funnel mouth. Crowding it is the fastest way to make a good logo look cheap.
Do not recolour it. Green, white, black, or the duotone. Never a gradient, never a photo fill, never a different green.
Do not rebuild the lockup. The spacing between mark and name is fixed. If you need them apart, use the mark and the wordmark as separate pieces rather than moving them.
Keep it above sixteen pixels. Below that the funnel closes up. There is a small size tile in the pack for exactly this.