Skip to content
identvia Developers

Resources

Brand guidelines

People should recognise the Identvia button instantly and trust that it really is Identvia. A few rules keep it that way.

The button

Use button.js; it always renders the current, accessible design. If you build your own, match it exactly:

Sign in with Identvia
Light: white, #D4D4D8 border, #18181B text. On light backgrounds.
Sign in with Identvia
Dark: #18181B, #3F3F46 border, white text. On dark backgrounds.
Sign in with Identvia
Brand: Identvia indigo #4B4ACF, white text. When it’s the main action.

Do

  • Use the labels “Sign in with Identvia”, “Continue with Identvia” or “Sign up with Identvia”.
  • Give it the same size and prominence as other sign-in options. Keep at least 8 px of space around it.
  • Use the icon-only button only when space is tight and other providers are icon-only too.

Don’t

  • Recolour, stretch, rotate or add effects to the mark, or put it on a busy background.
  • Use the Identvia name or mark in your app name, logo or domain, or suggest that Identvia endorses you. App names containing “Identvia” are rejected.
  • Make the button look like an Identvia page (for example in a pop-up asking for credentials). Users only ever enter their Identvia details on id.identvia.com.

Logo files

MarkDownload Mark SVG Mark, blackDownload Mark, black SVG Mark, whiteDownload Mark, white SVG LogoDownload Logo SVG

Colours: indigo #4B4ACF, zinc 900 #18181B, white. Font: Inter, semibold.