Team branding

The Branding tab under Manage team controls how your organisation appears to staff and, in places, to participants (for example trial-facing surfaces that use your team identity).

You need team.manage on the team to edit these options.

Team identity

  • Team name — Shown to users in your team and to participants where the product displays your organisation name. Save changes explicitly with Save name.

Logos

  • Team logo — Main logo for light backgrounds. Upload an image or remove it to fall back to defaults.
  • Dark mode logo — Optional variant optimised for dark UI; used when dark mode is enabled.

Brand colour

Trialflare's own colour is a deep purple. Under Brand colour you can replace it with your organisation's colour, which is then used for buttons, links, highlights, the sign-in screen and the side navigation.

You choose one colour. Trialflare works out the lighter and darker shades around it — the tints behind highlighted panels, the gradients on the sign-in screen and the side navigation, and the deeper shade used for text and links — so you don't have to supply a palette. The generated shades are shown beneath the preview, and the preview itself updates as soon as you pick a colour.

A few things the page does for you:

  • Readability is checked, not assumed. Every shade used for text is adjusted if it needs to be, so body text and links keep enough contrast against the background behind them — in both light and dark mode.
  • Button labels flip to dark text where they have to. If your colour is bright enough that white lettering would be hard to read on it, buttons use dark lettering instead.
  • Very light or very dark colours are adjusted. A colour that can't hold readable text — a very pale or a very dark one — keeps its hue, but the palette is built around a deeper or lighter version of it. This affects the whole palette rather than buttons alone, so a very pale colour will look noticeably stronger in use than the one you picked. The page tells you when this has happened, and the shades shown beneath the preview are what you will actually get.
  • Black, white and greys can't be used. They leave the interface with nothing to pick out buttons and links, so the page asks for a different colour rather than saving one that has no effect.

Use Reset to the default colour to go back to Trialflare's own colour.

The colour applies to everyone in your team, on the Trialflare site. It does not change what participants see in the mobile app or on participant-facing pages, which keep the standard Trialflare colours.

QR code branding

Trialflare can generate QR codes (for example polls, consent links, or participant flows). Team-level branding customises how those codes look:

  • Icon — Optional image in the centre of the QR code.
  • Dot style — Squares or dots for the data modules.
  • Corner style — Dot, extra rounded, or square finder patterns.
  • Colours — Background and foreground colour pickers (with reset to remove a custom colour).

Changes apply to QR codes generated for your team going forward, so packaging and print assets stay aligned with your visual guidelines.