Skip to content

Lixibu UI

An interface language for business panels.

Our own interface library. Every screen in our panels is drawn with it: readable instead of crowded, with the same layout on desktop and phone. Below you can try a real product we built with it, LixibuGate.

Live panel · LixibuGate

A real panel, in your browser.

LixibuGate records staff check-ins with one QR at the door and a phone, then works out hours, overtime and timesheets itself. Below is LixibuGate’s admin panel: the screens come from the product itself, the data from a sample workday of the demo company. Try saving and approving in the full demo.

Admin panel · a sample workday morning of the demo company · browse from the menu (in Turkish)

Open the full demo in a new tab
  • No hardwareNo card reader or fingerprint device: one paper QR at the door and each person's own phone.
  • ~30 m boundaryThe QR only works near the workplace; a photo of it scanned from home does nothing.
  • One phoneEach person is tied to one registered phone, so nobody can scan for a colleague.
  • Timesheets build themselvesWorking time, overtime and absences are calculated; close the month and export to Excel (CSV).

Real screens.

Captured from the demo panel; each one is a page that runs in LixibuGate today.

LixibuGate · Monthly timesheet
Monthly timesheetOne code per day: worked, absent, missing check-out, leave, weekend.
LixibuGate · Overtime approval
Overtime approvalApproved before it reaches the timesheet.

Three promises.

Every panel drawn with Lixibu UI keeps these three promises, LixibuGate above included.

  1. 01

    Clean

    The number that matters up front, no noise.

    Sections are separated by surface tone, not frames. No boxes inside boxes; the eye finds the day’s key number first.

  2. 02

    Easy to learn

    Every screen is two clicks away.

    Area first, then page. Every area opens the same way; learn one screen and you know them all.

  3. 03

    Fast

    Type, find, go.

    Search sits on top of every screen. Staff, page or record: a few letters beat digging through menus.

Six rules under every screen.

They’re written in the library’s own docs and every new screen is checked against them.

  • Layers, not boxesScreens don’t look like cages; cards, rows and pop-ups separate by tone.
  • Emphasis is a markA selected row isn’t painted; a thin notch appears at its edge. You always know which record you’re on.
  • Big numbers, small labelsFigures are aligned and large, labels small and quiet. You read the answer first, the question second.
  • Brand colour, sparinglyColour only points to the next step. When everything is coloured, nothing stands out.
  • Colour never works aloneStatus comes with colour, text and icon together, so colour-blind users read it too.
  • Same layout on every deviceDesktop, tablet and phone share one information architecture; nothing is missing on the phone.

Let’s build your product in this language.

A panel for your trade or a new face for your existing software: screens built on Lixibu UI work on the phone from day one.