Why Saff looks the way it does

Software a clinic uses all day should be quiet. Ours started out clean but generic, and generic is a problem when a receptionist has to find the one thing that matters in a screen full of names. So we re-grounded the whole visual language, and the colours now carry meaning rather than decoration.

Colours that mean something

Navy is the structure — headers, headings, the frame you stop noticing after a week. Teal means "you can act on this": links, focus rings, the primary button. There is only ever one of those per screen, so the eye has somewhere to land.

A brighter teal is reserved for a single moment: when it is your turn. Nothing else in the product is allowed to use it. That is why the patient's phone and the waiting-room screen change colour at the same instant, and why nobody has to read a word to know what happened. Gold appears sparingly, for ratings and highlighted numbers.

One wordmark, two scripts

The logo sets the Latin "Saff" and the Arabic "صفّ" as a single unit rather than as translations of each other, and each screen uses the variant that fits its language and the space it has — full bilingual, one script, or the icon on its own.

Arabic is not a translation layer

Arabic is Saff's default language, not an afterthought bolted onto an English layout. It uses a typeface chosen for Arabic, with a heavier weight and more room between lines, because Arabic set to Latin metrics reads cramped. Layouts mirror properly right-to-left — including the arrows, and the direction a screen slides when you move between steps. Those are the details that give away software which was translated rather than designed twice.

Motion is there to explain what moved, never to perform. If you have asked your device to reduce motion, Saff honours that everywhere.