FLEXDOMES · DESIGN SYSTEM & APP SHELL

The FlexDomes look and feel,
packaged to drop into your app.

Everything you liked about the concept — the tokens, the components, and a role-based portal shell with partner, contractor, and site-owner logins — as a clean repo your team can build on today.

NEXT.JS + TAILWINDRBAC LOGINSDOCUMENT ACCESSONLINE FORMS
WHAT'S IN THE PACKAGE

A skin, a component kit, and a working shell — not a slide.

01

Design tokens

One CSS-variable palette drives the whole system — graphite canvas, one energy-green accent, a steel-blue for data. Flip light/dark with a single class.

02

Component library

Buttons, cards, badges, inputs, tables, stat grids, section heads — every primitive already on-brand. Copy them straight into your React app.

03

RBAC app shell

A working portal shell: role-based logins, gated document access, and a site-qualification form — the exact shape you described.

04

Yours to own

Static Next.js + Tailwind, no lock-in. Swap the demo auth for your real layer; the UI only depends on a role and a session.

WHEN YOU WANT MORE THAN THE SKIN

This front end is built to plug into the tooling behind it.

The shell talks to a simple API surface, so when the leasing-agent platform and site-qualification engine come online, this same interface links straight into them — no rebuild. That's the MOTION OS layer, ready when you are.