Skip to main content

Brand

The Prism mark is the one fixed point in a system designed to re-skin. These specimens render the live logo treatments straight from the design system's brand assets.

The mark and wordmark, clear-space and minimum sizes.

Live demo
Open ↗

On dark & on-colour​

The mark holds up on dark and on coloured fills using the --brand-on / on-colour treatment rather than a separate asset.

Live demo
Open ↗

States​

How the brand lockup behaves across interaction states.

Live demo
Open ↗

Right-to-left​

The lockup mirrors correctly under dir="rtl" — order flips, the mark does not.

Live demo
Open ↗

Rules​

  • Never recolour the mark per customer — customer identity lives in the --brand-* ramp and the product signature, not in the Prism mark.
  • Keep the clear-space; do not crop, rotate or add effects.
  • On any coloured or dark surface, set data-on-color so the wordmark inherits a legible colour automatically.