Novus Technologies Novus Technologies design kit v0.2.0
Menu
Overview

General

ButtonBadgeAvatarBrand lockup

Layout

ContainerGrid & RowSurface & text utilitiesApp shell

Data Display

CardTableStatsBulletsLeadersLogo wallCollapse & DisclosureValue chain

Feedback

AlertModal

Forms

Field & InputLead form & CTA row

Navigation

Nav

Theming

Product themes

Data Display

Logo wall

Client and scheme proof walls, full-colour marks on white tiles, no hover.

.clientwall · .clogo · .schemewall · .slogo

Client wall
<div class="clientwall" style="max-width:520px">
  <div class="clogo"><img src="../logos/clients/rcbc.jpeg" alt="RCBC"></div>
  <div class="clogo"><img src="../logos/clients/peoples-bank.jpeg" alt="People's Bank"></div>
  <div class="clogo"><img src="../logos/clients/bank-of-botswana.png" alt="Bank of Botswana"></div>
  <div class="clogo"><img src="../logos/clients/pertamina.png" alt="Pertamina"></div>
</div>
Scheme / rails strip
<div class="schemewall" style="max-width:520px">
  <div class="slogo"><img src="../logos/schemes/visa.png" alt="Visa"></div>
  <div class="slogo"><img src="../logos/schemes/mastercard.png" alt="Mastercard"></div>
  <div class="slogo"><img src="../logos/schemes/duitnow.png" alt="DuitNow"></div>
  <div class="slogo"><img src="../logos/schemes/qris.png" alt="QRIS"></div>
</div>

Usage

  • Marks keep their original full colour on white tiles, never recolour, invert, or CSS-filter a client or partner mark. Tiles stay white in dark mode.
  • Logo tiles are non-clickable, so they get no hover response.
  • The production client wall shows all 13 canonical client marks, never a hand-picked subset. This demo truncates for space only.
  • Client tiles run larger than scheme tiles so both read at equal optical weight.
‹ Leaders Collapse & Disclosure ›