[CubityFirst]

The app worked, but it wasn't easy on the eyes: inconsistent spacing and widths between pages, loud colours, cramped or oversized controls, and page actions scattered in different places. This pass reworks every screen – dashboard, file manager, doc reading and editing, file viewers, settings, profile, the published site, marketing/auth pages and mobile – into one calm, consistent system.

It was driven by screenshot review rounds (64 captures per round) until two independent design reviewers both scored every set of screens at least 9/10.

What changes for users

• Pure neutral dark palette (no warm/brown tint), quieter borders, inputs and badges; colour only for status and destructive actions.
• One layout system: every in-app page shares the doc column's left edge with two widths (704px reading, 944px wide).
• Page actions live in the top bar on desktop (doc History/Edit/⋯, editor Done-or-Cancel/Save, file Copy embed/Download/⋯, New document, New site), with ⋯ always rightmost.
• Sidebar page tree ("Contents") with the open doc/folder highlighted; "Recently accessed" no longer reshuffles.
• Editor: title edited in place in the breadcrumb, Save muted until there are changes, Markdown reference docks beside the page, tables and callouts refined.
• Search: dashboard Ctrl+K searches docs across sites; excerpts read as plain text with highlighted matches.
• Doc ⋯ menu gains Copy link, Move to folder… and Move to recycle bin; file manager uses the same recycle-bin wording.
• Settings: grouped side nav, consistent row cards and empty states, Account settings naming, Appearance section, invite form validation.
• Mobile: 44px touch targets throughout, side-by-side actions, wrapping dice chips.
• Copy: UK spelling, spaced en dashes, no Oxford comma, sentence case.
• Marketing/auth/legal/404 polished and landing product shots regenerated from the current UI.

Behaviour changes worth knowing

• Dashboard star → pin ("Pin to top"/"Unpin"); it's the existing per-member sort flag, now distinct from the profile's "Favourite sites".
• Create dialogs and the member-invite Add button stay disabled until a valid name/email is entered; a new doc's Save needs a title or text.
• File manager row checkboxes appear on hover/focus or once something is selected (always on touch).
• Demo: site seeded with Graph view on; demo graph endpoint refuses when graph is off (matching the API); demo GET /files?projectId= added.
• Image viewer shows pixel size; uploader name shows only where the API returns it (the single-file endpoint doesn't yet).

Testing

• pnpm --filter frontend test: 917 passing; tsc --noEmit clean.
• e2e specs updated for renamed labels (File manager, Move to recycle bin, Pin to top, Invites heading, new-doc titles before Save, scoped sidebar-vs-main locators) but not run locally – they need the backend.