Foundations

Logo usage

Logos are placed assets, never retyped, never redrawn, never CSS-filtered. Pick the treatment by background; swap to white in dark mode.

Master lockup, six treatments

colour, light grounds (default)

blue, single brand colour

green

grey

black, mono print

white, dark grounds

Dark-mode swap (toggle the theme to see it)

<div class="brandlock">
  <img class="brandlogo--light" src="../logos/Novus_Logo_Colour_transparent.png" alt="Novus Technologies">
  <img class="brandlogo--dark" src="../logos/Novus_Logo_White_transparent.png" alt="Novus Technologies">
</div>

Product & platform lockups

novapay

novabank

novastore

novatrust

novaboost

novahub

novaware

novaserve

novaai

Rules

• Colour lockup on light grounds; white on dark, blue, or photographic grounds, via the .brandlogo--light/--dark pair, never inline display styles.
• Header height is --logo-height (26px) in every app, same asset, same size, no per-app shrink.
• Product names are lowercase and solid-set: novapay, never "NovaPay" or "nova pay". Standalone placement uses the full lockup.
• In dark mode all product lockups render in the two light blues, identity colour is a light-mode affordance.
• The wordmark variant (no TECHNOLOGIES) is for sub-brand/secondary placements where the parent is already established.
• Client and partner marks keep their original colours on white tiles, never recoloured or inverted.

Every bundled asset with its package path is on the asset index.