Demos

Illustrative user-interface demos, not the functional app. The real, role-specific pages live behind sign-in.

TodosA small interactive, database-backed list.ClientA client's day-to-day portal.EmployeeAn internal staff workspace.AdminAn owner/admin overview.

Design system

The reusable UI kit every page is built from.

ColorThe four brand values, the whole palette.TypographyThe type scale, weights, and inline styles.ButtonsVariants, sizes, and states for every action.Form controlsInputs, selects, toggles, and validation.FeedbackAlerts, toasts, and badges that signal state.Data displayTables, cards, stats, and collections.InteractiveLive tabs, accordions, and steppers.On darkThe same components inverted on a dark surface.