B2B Technology Identity
A brand for a B2B software company: a logo built on an 8-unit grid, a cool industrial palette and type that holds up inside busy product screens.
Self-initiated projects, designed and built to show how I approach this kind of work.
The challenge
A software brand has to work somewhere most brands never go: inside the product itself, at 13px, next to a status message. Anything that relies on large sizes or gradients falls apart there.
What I did
- Built the logo on the same 8-unit grid as the product interface, so the brand and the UI share one rhythm.
- Gave colour a single job: blue means clickable. If something is not interactive, it is not blue.
- Left gradients out completely, so everything looks the same in print, on screen and in a terminal.
The result
A concept project, not client work. It shows how I approach branding for a software product: starting from the product screens rather than a moodboard.
Live demo
This is the working interface, not a screenshot. Every control works, so try it out.
Logo system
Palette
Click a swatch to copy its hexTypographic scale
Applications
Product UI
Signal Blue reserved for interaction — never decoration.
Documentation
Mono for every identifier, endpoint and status code.
Conference
Monogram on navy, 8-unit grid, no gradients.
Stationery
Single-weight rules at 1px, aligned to the same grid.
Rules the brand runs on
- 01
Built on an 8-unit grid
The mark, the type scale and the product UI all resolve to the same 8px rhythm.
- 02
Colour carries meaning
Blue means interactive. If it is not clickable, it is not blue.
- 03
No gradients
Flat surfaces reproduce identically in print, on screen and in a terminal.