Vibe OS 4.0an operating system for the web
Rebuilding the interface layer from zero: a design system of independent components and a glass surface that reads what is behind it, delivered as the base the group's products are built on.
- Client
- An Awalim product
- Sector
- Web platforms
- Year
- 2023 — present (version 4.0)
- Role
- Interface engineering and design system
- Platform
- Web
- Status
- Live
Resultsالنتائج
What changed
The result first, then how we got there. Numbers you can trace to a source — not adjectives.
The challengeالتحدّي
The problem we came to solve
Every product in the group was rebuilding its own buttons, windows and tables. Any change to the identity meant redoing the work in four places, and AI was always a chat panel stuck to the side.
- One component system where the whole identity changes from a single place
- AI inside the task itself, not in a side panel
- A live glass surface that stays readable in Arabic at AA contrast
- A base the next products start from without a rebuild
Approachالمقاربة
What we decided — and why
A component system, not pages
Every surface is built from documented components driven by central design tokens: colour, spacing, type, motion. Changing one value changes the identity in every product that consumes the system.
AI embedded in the flow
Help appears inside the field or table the user is working in and suggests the next step in context — instead of a separate chat window that interrupts the task.
Glass that reads in Arabic
Glass layers are tuned to measured contrast, with a fixed dark ground behind the text so transparency never turns into visual noise behind Arabic letterforms.
Solutionالحل
What was actually delivered
A full interface layer in TypeScript and React over a central design-token system, with independent components that carry their own state. It became the ground the Smart Accountant and Academy interfaces started from — the same buttons, the same tables, the same motion.
Next step
Have a project of this size?
Tell us about the process, and we come back with a first diagnosis and a scope estimate — no commitment.
- We reply within two working days
- The code is entirely yours
- Published numbers, signed and verifiable