The NimbleBrain logo, how to place it, and where to get it. Use anything here in coverage of the company without asking first.
The logo
A dot cloud with an N through it.
The dots sit flat. The N carries a gradient, and it is the only part of the
original mark still in use. Everything else derives from the product accent.
Full color, for white and near-white grounds.
The dark variant, for near-black grounds.
The parts
The icon and the wordmark stand alone.
Use the full lockup by default. These two exist for the places it will not fit.
The iconSquare crops, app icons, favicons, and anywhere the full lockup would fall under 180px.
The wordmarkNarrow headers and footers, where the dot cloud would be too small to resolve.
Which one where
The color logo has a narrow safe range.
The color logo holds on near-white and near-black. Everywhere else the dots
lose contrast against the ground. On our own accent they fall to 2.3:1, where
the white logo clears 5.6:1. Use white if you are unsure.
Full colorWhite and near-white grounds.nb-logo-full-light
Dark variantNear-black grounds. The dots lighten; the gradient does not move.nb-logo-full-dark
WhiteMid-tone grounds, photographs, and any blue, including our own accent.nb-logo-full-white
