Company / Brand
The Blutui brand,
ready to use.
Logos, colours and type for press, partners and anyone writing about Blutui. Take what you need and keep to the few rules further down.
01.
The logo
The B and the wordmark together, in colour where the background allows it and in one colour where it doesn't. Every version comes as an SVG for screens and print, and as a PNG on a clear ground for everything else.
Logo, on dark
The first choice. On navy or any dark ground.
Logo, on light
For white and pale grounds.
Logo, white
One colour, for photographs and grounds the gradient would fight.
Mark
The B on its own, for avatars, app icons and small spaces.
Logo, navy
One colour, for bright grounds and single-colour print.
Mark, navy
The B in one colour, for stamps, embossing and favicons on light.
02.
Colour
Navy is the background and citron is the accent, kept for the one thing on a page that should be looked at first. The blues come from the mark. Choose a swatch to copy its HEX.
Navy
The page. Every surface starts here.
- HEX
- #000420
- RGB
- 0 4 32
Citron
Calls to action and highlights. Use it sparingly.
- HEX
- #CCFF00
- RGB
- 204 255 0
Blue
Where the mark's gradient starts.
- HEX
- #247BFF
- RGB
- 36 123 255
Sky
Where the mark's gradient ends.
- HEX
- #65BADB
- RGB
- 101 186 219
Deep navy
Panels and cards, a shade up from the page.
- HEX
- #08125C
- RGB
- 8 18 92
White
Type, and the ground for the light logos.
- HEX
- #FFFFFF
- RGB
- 255 255 255
03.
Type
Two typefaces, both free. Space Grotesk says everything the brand says, headlines set bold and tight. Inter is the product's own, for anything that shows the app.
Space Grotesk
Headlines and body copy, on the site and in print.
Build faster. Deliver more. Grow your agency.
- Light 300
- Regular 400
- Medium 500
- Bold 700
Inter
The product's interface, and anything drawn to look like it.
Pages, collections, forms and deploys.
- Regular 400
- Medium 500
- Semibold 600
- Bold 700
04.
Using the logo
A few rules keep the logo reading as ours wherever it goes. If what you need isn't covered here, ask us.
Do
Give it room
Keep clear space round the logo of at least half its height, on every side.
Do
Keep it legible
Set the full logo at least 24px tall on screen and 8mm in print. Smaller than that, use the mark.
Don't
Don't stretch or squash it
Scale it from a corner, so it keeps its proportions.
Don't
Don't recolour it
The logo comes in colour, in white and in navy. Nothing else.
Don't
Don't add effects
No shadows, glows, outlines or gradients of your own.
Don't
Don't put it on a busy ground
On a photograph or a pattern, set the white or navy logo on a calm patch of it, or on a panel.
05.
Writing about Blutui?
For interviews, quotes and anything this page doesn't cover, get in touch.
About Blutui
Blutui is the website platform for digital agencies. Agencies build in code, clients edit in place and hosting, domains and delivery are managed from one project. With the Blutui MCP, AI agents work on pages, collections, forms and deploys alongside the team.