TruAnon Brand Kit

Logos, rank colors, and display styles for showing TruAnon on your platform. Click any image to open the file.

Download the whole kit (.zip)

For how rank and score work, read Merit Recognition and Reward.

Square mark

Avatars, app icons, and small spaces.

logo/square/truanon-mark.png

logo/square/truanon-mark-fancy.png

Wide logo

Headers, footers, and partner rows.

logo/wide/truanon-wide-for-light-bg.png

logo/wide/truanon-wide-for-dark-bg.png

Tall logo

Sidebars, cards, and print.

logo/tall/truanon-tall-for-light-bg.png

logo/tall/truanon-tall-for-dark-bg.png

Logo tips

• Pick the version made for your background: light-background logos on light pages, dark-background logos on dark ones.
• Leave some clear space around the logo. About half the height of the check circle works well.
• Scale the files as they are. Keeping the original colors and proportions keeps the mark recognizable.
• For favicons, avatars, and other small spots, the square mark reads better than the wide or tall logo.

Rank colors

Hex values are from the TruAnon UI palette. If your site uses Bootstrap, the class names map directly. You decide how confidence is used and shown in your platform.

Rank display styles

Example badge-of-trust

On a profile: color, rank, and score together. Unknown sits apart from the ladder and has no score.

badge/rank-ladder.svg · badge/rank-<rank>.svg

Reduced marks

In feeds, comments, and lists: a ring in the rank color around a profile photo, a colored check beside the name, or the rank word are all useful. Cautioned is a transitional state, Dangerous represents abandonment of ownership and Unknown is visually identical, so a member can Grant or Revoke visibility, but any underlying anchor remains. Unknown is a nuanced state; its presence is clear as absence and this is a natural and universally understood visual trust indicator. These marks need no instruction or study, they just work like installing lights in a dark stairwell —the safety effect is immediate.

badge/check-<rank>.svg

In place

Ring around the photo, check beside the name, full badge beneath (contact details blurred)

Tapping the check opens the rank, score, and meaning that your platform defines. This cannot be spoofed.

Tips for best results

• Build the badge from your own components (a Bootstrap pill, a Tailwind chip, a native view) so it looks at home on your site.
• Render the rank and score your API call returns. The files here show the look.
• Store rank and score on your side so rings and checks render instantly in lists and feeds.
• Let a tap on a ring or check open the full rank and score.

Questions: the TruAnon developer portal.