UX/UI Consultant – WeWeb Template Selection & AG Grid Styling (WeWeb/Supabase Stack)

****IMPORTANT PROJECT UPDATE We have refined our technical requirements to save time and eliminate design overhead. Please read carefully before applying: Mandatory WeWeb Experience: You must have direct, hands-on experience working inside the WeWeb platform. Do not apply if you only work in Figma. You must know how to navigate WeWeb's visual style editor, global variables, and UI component kits on day one. No Figma Workflow: We are skipping the expensive, multi-week Figma wireframing process. Your job is to select and configure a premium layout structure (including the left-hand navigation sidebar) directly using WeWeb’s native UI frameworks and components. AG Grid Core Focus: The core of this application relies on an embedded AG Grid component handling massive amounts of high-density compliance data. You must be able to write precise visual specifications (typography for decimal alignment, custom cell styling for editable vs. static cells, row padding, and line weights) that integrate seamlessly into the WeWeb frontend. If you have never shipped a project inside WeWeb or styled high-density financial data tables, this is not the right fit for you. We are transforming a heavy, data-dense financial projection application into a modern enterprise SaaS product. The application architecture is fixed: Supabase (backend), WeWeb (frontend shell), and AG Grid (embedded via WeWeb for high-density tables). The exact columns, calculation tabs, and formulas match state compliance templates and cannot change. This application is primarily a read-only presentation of complex calculations based on defined constraints. Users will not do bulk inline cell editing; only a handful of specific constraint cells will be editable. We need a specialized consultant to select the pre-built design system, define the visual implementation rules for our data grids, and keep our development team visually on track. Scope of Work Tailwind Template Selection Audit our current platform layout and data sheets. Research the commercial market and select a pre-built, enterprise-grade Tailwind CSS dashboard template (e.g., Tailwind UI or equivalent) that handles deep vertical navigation and complex text data out of the box. Present 2–3 live, working template examples for final selection. AG Grid Visual Specification Write a precise visual configuration guide for our developers to apply to the embedded AG Grid component inside WeWeb. Recommend and define the exact typography engine and font pairings optimized for clean, high-density financial data rendering and decimal alignment. Specify exact cell row padding, line weights, and a muted financial color palette to clean up the interface. Define the look for static data cells versus the handful of editable constraint cells so the user instantly knows what can be modified. Developer Implementation Audit Act as the design supervisor. Review the live staging site built by our developers in WeWeb. Provide explicit, pixel-level punch lists ensuring the team accurately executes the template typography, spacing, and grid tokens. Requirements Proven portfolio featuring high-density B2B SaaS dashboards, FinTech platforms, or data-heavy analytical software. (No generic marketing or e-commerce sites). Deep technical familiarity with Tailwind CSS utilities and the visual constraints of AG Grid. Ability to deliver clean visual specifications directly to an engineering team without unnecessary Figma overhead.