Skip to content

Brand identity

The brand identity decides what OS looks like for your organisation: the colours, the logo, the website icon, the login page image, the name and the welcome text. This page shows how to set them, how an organisation takes over the brand identity of the organisation above it, and what happens when someone else saved first. You find the screen under Organization management, Brand identity settings.

Who may do what

Every member of the organisation can view the brand identity. An org-admin of the organisation can change it (Manage roles). Someone who may only look sees a notice that the brand identity cannot be changed.

Colours

You set two colours, each as #rrggbb, for example #287deb.

  • Primary color. The main colour of the web application, also the button in the invitation mail. OS creates a whole palette from it, from very light to very dark, so that all parts fit together. You see the palette under the colour picker.
  • Secondary color. For accents next to the primary colour. OS creates its palette too.

A colour that is not #rrggbb is refused at the field. OS also refuses a primary colour that is too light or too dark, because white text on the buttons would become unreadable. A colour already in use keeps working until someone changes it.

Logo, website icon and login page image

Each image is a PNG, JPEG or WebP. Drop a file on the field and it takes effect at once: you see the logo in the navigation change straight away, and there is nothing to save. The browser first turns an SVG into a PNG, because OS never stores SVG. A PNG, JPEG or WebP may be up to 10 MB and is not shrunk: the system makes the right size for each place itself, so a large file stays sharp. A large file can take a moment before the field is ready. To replace an image, remove it and drop the new one on the field.

  • Logo. Shown in the web application, on the login page, in the guide and in the invitation mail. Upload at least 432 by 120 pixels with a transparent background, so it stays sharp on every screen; a smaller logo is accepted, down to 64 by 32 pixels, and only looks softer. The logo is always drawn on a light background: a white logo is invisible, and a JPEG has no transparency and shows a white block.
  • Website icon. Shown on the browser tab and above the collapsed navigation. Choose a square image of 512 by 512 pixels (or an SVG), so it also stays sharp on a phone's home screen. If you upload only a logo, the tab keeps Artific's icon, so upload both.
  • Login page image. Shown on the login page on a wide screen; a phone does not load it. The ideal size is 1112 pixels wide and 1324 pixels high, twice the size it is shown at; it must be at least 320 by 320 pixels.

Do not put anything confidential in an image. An image's address is public, and a browser or mail program may keep an old image for up to a year, even after you replaced it.

Name and welcome text per language

For each language you can set a name and a welcome text. OS knows Dutch, English, German, French and Spanish.

  • Name. At most 60 characters. The name appears in the browser title and in the invitation mail. If you leave it empty, OS uses the organisation's name.
  • Welcome text. At most 200 characters.

If a language has no text, OS shows the Dutch one.

Taking over from the organisation above

An organisation without a brand identity of its own uses that of the nearest organisation above it that has one; if none has, OS's default brand identity. The screen says which of the two it is, with the name of the organisation whose brand identity is in use. A partner that sets its brand identity gives all its customers without one of their own its look. If it changes that later, the look changes for them too.

When you save a brand identity yourself, it applies to your organisation, and nothing of it comes from above any more: a field you leave empty becomes OS's default, not the value of the organisation above. A customer's own brand identity stays as it is when the partner changes theirs.

Images work differently: each image your organisation does not have itself comes from the nearest organisation above that has one, and otherwise from Artific. If a customer uploads only a logo, the colours and texts now in force stay as they are.

To go back to the brand identity above, choose Remove own brand identity. The button appears only when your organisation has a brand identity of its own.

Saving and working together

Choose Save brand identity. The change shows the next time a page loads.

If someone else saves the brand identity while you have the screen open, OS refuses your save, loads the latest version and says that someone else changed the brand identity in the meantime. Check your changes on the screen and save again. This way you never overwrite a colleague's work unnoticed. If the brand identity is being saved at that moment, OS refuses yours as well; try again after a second.

Where the brand identity shows

  • The web application. The colours, the logo, the website icon, the name in the browser title and the organisation's welcome text.
  • The login page. The colour, the logo, the image, the name and the welcome text, when someone signs in from one of the organisation's own addresses.
  • The guide. The colours, the logo, the website icon and the name, on one of the organisation's own addresses under /help/ and /beheer/. A change shows there within five minutes in a new tab.
  • The invitation mail. The organisation's name, the logo and the primary colour of the button. A mail program that blocks images shows the name. If OS cannot read the brand identity at that moment, the mail gets OS's default colour and is sent anyway.

Every change is written to the audit trail.