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 quiet and precise: near-black surfaces, hairline borders, and one accent per product mark, Flow blue and Ledger green. Beyond those, color carries meaning, not decoration; the small status palette below is reserved for state. Product surfaces render the brand dark, while this marketing site renders it light, ink on a light canvas.
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.
Ledger Green
#1F4D37
The Planr Ledger accent. Deep emerald, quiet against the Flow blue.
Status colors
Used only to communicate the state of work: order status, priority, and verdicts. They never decorate.
Pending
In progress
Completed
Attention
Overdue