Brand guidelines
How Planr is written, drawn, and colored. The reference for anyone putting the name or the mark on anything.
The logotype
The logotype is the primary mark and comes in two versions: white for dark surfaces, black for light ones. Pick whichever gives the stronger contrast.
Product marks
Each product in the suite carries its own mark, drawn from the same geometry as the Planr logotype. Use them when referring to a specific product; use the Planr logotype for the company.
The wordmark
The wordmark is the name set in the brand type. Give it room: clear space on every side of at least the height of the P, and never render it smaller than 80 pixels wide.
Colors
Planr is dark, quiet, and precise: near-black surfaces, white type, hairline borders, and one accent blue. Color beyond that carries meaning, not decoration, and is reserved for state.
Ink
#0B0B0B
Backgrounds and dark surfaces.
White
#FFFFFF
Headings and body text on dark, at 93% and 69% opacity.
Line
#232323
Hairlines, borders, and dividers.
Flow Blue
#5177F6
The Planr Flow accent. Progress, status, and primary actions.
Status colors
Used only to communicate the state of work: order status, priority, and verdicts. They never decorate.
Pending
In progress
Completed
Attention
Overdue