UI Conventions

Waafir follows a small set of consistent interface conventions, so the product behaves predictably on every screen. This page is the reference for those conventions: saving, notifications, confirmation, keyboard shortcuts, mobile, accessibility, and dark mode.

Explicit saving

Waafir does not auto-save settings. On screens with editable settings, changes are held locally until you press the Save Changes button in the save bar at the bottom of the section. Nothing is persisted as you type or toggle a control.

This is deliberate. Settings pages often contain several related changes that are only coherent together. An explicit save lets you make all of them and commit them as one intentional action rather than persisting half-finished state. The button shows a saving state while the change is in flight, and a confirmation appears on success.

Notifications

Short, transient feedback — "settings saved", "couldn't reach the server" — is delivered as an on-screen notification rather than a blocking dialog. Success and error messages use the same notification surface across the product, so feedback always appears in a consistent place and style. Notifications dismiss themselves; you do not have to acknowledge them to continue working.

Confirm dialogs

When an action is destructive or hard to undo — resetting branding to defaults, removing something — Waafir requires confirmation first. It uses its own in-app confirmation dialog, never the browser's native confirm prompt. The in-app dialog states what will happen, labels the confirming action clearly, and visually distinguishes a dangerous action so a destructive confirmation is distinguishable from a routine one at a glance.

Keyboard shortcuts

Waafir provides keyboard shortcuts for common actions. The modifier key is written as Ctrl/⌘ — use Ctrl on Windows and Linux, ⌘ (Command) on macOS. Press ? anywhere to open the in-app shortcuts reference.

Global

• / or Ctrl/⌘ + K — focus global search.
• ? — show the keyboard shortcuts reference.

Forms

• Ctrl/⌘ + Enter — submit the current form.
• Ctrl/⌘ + Shift + Q — open the Q&A ask form.
• Ctrl/⌘ + Shift + F — open the feedback form.

File table

• J — move to the next file.
• K — move to the previous file.
• Enter — open the focused file.

Sidebar

• Ctrl/⌘ + / — focus the AI chat input.
• Ctrl/⌘ + [ — collapse the right sidebar.
• Ctrl/⌘ + ] — expand the right sidebar.

The shortcuts reference opened with ? is always the authoritative list. It reflects exactly what is wired in the version you are running.

Mobile

The interface is responsive and adapts to smaller screens. The deal-team experience — uploading, organising, configuring rooms — is designed desktop-first, because that is where this work is usually done. The investor-facing experience is built to work well on phones and tablets, since investors frequently open a secure link on whatever device is to hand.

Accessibility

Waafir targets a baseline of accessible behaviour: semantic HTML, visible focus indicators for keyboard navigation, and descriptive labels on interactive controls. This is a best-effort baseline, not a certified conformance level; no formal WCAG conformance rating is claimed here. If your organisation has a specific accessibility-conformance requirement, raise it with the Waafir team so it can be assessed against your exact criteria.

Dark mode

Dark mode is not yet supported. The platform currently ships a single light theme. There is no user-controlled dark mode and no automatic switching based on system preference. Dark mode is on the roadmap, with no committed date. This section will be updated when it ships.

Visual conventions

Two visual conventions are consistent throughout the product:

• Icons are line icons, not emoji. The interface chrome uses a consistent icon set; emoji are not used as functional UI.
• Typography is restrained. The product uses a small, deliberate range of text sizes rather than many ad-hoc ones, which contributes to a consistent appearance across screens.

Where to go next

• To change colours, logo, fonts, and text size, see Customisability.
• For plans and subscription management, see Billing & Plans.