Brand
The AXUS ID button.
Use it in the same group as your other login buttons, at the same height. Don’t restyle it to match your theme — users need to recognise it across apps.
Finishes
White or black on light surfaces — white pairs with the Google button. Grey or black on dark surfaces. Same 18px mark and label on all of them.
Light surfaces, next to the Google button. Same 18px mark, same label.
Labels
Use Continue with AXUS ID for sign-in and sign-up on the same screen. Sign in with AXUS ID is acceptable when the screen is sign-in only. Don’t write “AXUS”, “AxusID”, or “Login with AXUS”.
Placement next to Google
Same width, same height, 10px gap next to the other login buttons — Google, Apple, GitHub, whatever the app already offers. Either order is fine — don’t push AXUS ID into a “more options” menu while the others stay visible.
Mark
Inside the button the symbol ships without the TM — at 18px the TM is unreadable and only shrinks the symbol next to the Google “G”. The TM lockups /icon-tm.png (light surfaces) and /icon-tm-dark.png (dark surfaces) are for 28px and up. Minimum clear space is half the mark on all sides. Don’t rotate, recolor, add shadows, or set it on a photo.
Don’t
- Don’t change the button color, radius, or font to fit your theme.
- Don’t ask for AXUS ID credentials on your own screens — always use the hosted authorize page.
- Don’t request
offline_accessunless you refresh tokens server-side.