Identity marks

One mark for every record: initials or a photo for a person and a company, a typed tile for everything else, a generated face for our own users.

5 sub-components · 80% covered

Sub-components

  • Avatarcanon✓✓✓✓✓✓Identity mark in three sizes (inline 16 · sm 24 default · lg 32): circle for a person, square for a company, hue hashed from the name — or an uploaded picture filling the same box, ringed in --border.
  • Entity markcanon✓✓✓✓✓✓The mark of any record: tone says which world the type belongs to, glyph says the exact type, shape says person / company / thing. One vocabulary for over twenty types.
  • Country flagbeta✓✓✓✓✓–Flat vector flag of a country (30 × 20, rounded, hairline outline) — the mark of a phone number by its dialling code.
  • User avatarcanon✓✓✓✓✓✓Our own person: a generated face from a five-colour palette, so a colleague is never mistaken for a contact. An uploaded photo wins over the drawing.
  • Brand markbeta✓–✓✓✓–Brand tile of the workspace on auth and onboarding screens (white-label).