Sign in with Kodex button
Updated October 2026
Implementation docs: ask your Kodex contact. Brand rules: https://kodexglobal.com/brand

WHAT'S HERE

sign-in-with-kodex-navy       Deep Navy button. Use it by default on light backgrounds.
sign-in-with-kodex-white      White button for dark backgrounds.
sign-in-with-kodex-outline    White button with a grey border, for light pages where navy is too heavy.
kodex-mark-button             Mark-only square, for tight layouts that already offer the full button elsewhere.

Each comes in two shapes. "rect" has 4px corners. "pill" is fully rounded; use it when your other
sign-in buttons are pills. Use SVG for the web, PNG (1x, 2x, 3x) where SVG isn't supported.
The standard height is 44px. Scale the whole button; don't go below 32px tall.

RULES

- Use the files as they are. Don't change the colors, the mark, the label, or the spacing inside the button.
- The label is always "Sign in with Kodex", sentence case.
- Give the button the same width or height as the other sign-in buttons on the page, and never make it
  smaller than them.
- Leave at least 8px between this button and anything next to it.
- Use the mark-only button only where every sign-in option is shown as an icon.

Questions: jweeke@kodexglobal.com
