Back offices built around the business, not a template.
VVS Panel is the foundation we build client back offices on: a React design system covering the layout, tables, charts, forms, light and dark themes, co-branding, branded email and a guided tour. Each panel is then built around the client's own data and roles. VVS is a diamond clarity grade: very, very slightly included.
The problem
Admin templates look finished on day one.
Then they check permissions only in the browser, load whole tables at once, and keep no record of who changed what.
VVS starts from the other end: the client's own records, roles and rules, with one design system so every screen looks and behaves like part of the same product.
What we built
A layout that works on a phone
A responsive shell whose side menu becomes a drawer on small screens.
Light and dark
Both themes from one set of design tokens, with no flash of the wrong theme as a page loads.
Search everything
A ⌘K search palette, with results limited to what each person's role allows.
Tables
Sorting, selection, paging, loading placeholders and empty states that say something useful.
Charts with a table behind them
Line, area, bar, heatmap and small-multiple charts drawn in SVG, most of which switch to a plain table.
Co-branded
The client's logo leads, with a quiet VVS mark; branded email in HTML and plain text; and a guided tour filtered by role.
Under the surface
The engineering
- 01
In client work, every change checks the person's role, validates the input and writes an audit record with the values before and after.
- 02
Exports are role-checked, audited and protected against spreadsheet formula injection.
- 03
Email is only recorded, never sent, until sending is switched on and the recipient is on an allow-list, so testing can never email a real person.
- 04
Text and form fields meet accessible contrast, tables carry sort states and captions for screen readers, and motion is reduced when a person asks for less.
- 05
Its 3D crystal loads three.js only when needed, uses one WebGL canvas per page, pauses when off-screen, and falls back to a flat drawing.
- 06
Our own server control panel runs on it too, with sign-in lockout and a typed confirmation before anything destructive.
Where it runs
Behind a client's marketplace, where it carries the whole back office, and behind our own server control panel. It is not a package you download: we build each client's panel on it.
Services this drew on
More work
- Our productVizi PlayerA media player for iPhone and iPad that plays the playlist a person already has. It comes with no content of its own.
- Client workDubai meal-plan marketplaceRebuilding a Dubai meal-plan marketplace: a new back office, customer app, website and API, and menus that load themselves from partner kitchens.
- Our productLinkACodeTurns a server address into a short code, like AB123456. Give out the code instead of the address.
- Our productVantanAn iPhone and iPad app for watching the IP cameras you already own, privately: the video goes from the camera to your phone and nowhere else.
- Our own toolFrontalA private AI operations assistant: mail, renewals, deadlines and system health in one phone app, with a local AI model that sorts, drafts and flags.
Start a project
Tell us what you are building.
A few lines about the problem is enough to start. We reply within one business day.