InfluenceCRM

Design review mocks. Light theme, tactical-console aesthetic. Three full-site navigation variants plus single-screen mocks.

Full-site mocks · v0.22 design review

three layout variants, same data + screens, different chrome

Variant A Console

Narrow icon rail (52px) expands on hover. Top bar holds geo, palette, AI toggle. AI sidebar open by default on the right.

rail + topbar + ai→

Variant B Topbar

Full-width top navigation with text labels. No left rail. AI panel slides in from the right via a floating action button.

topbar + fab ai→

Variant C Palette-first

Minimal chrome. No visible nav at rest. Cmd+K palette is primary navigation, open by default in mock. Slim persistent AI sidebar.

palette + slim ai→

Single-screen mocks

earlier deep-dive screens for table, card, login

login.html Telegram login screen. Wordmark + auth button. Default / signing-in / widget-fail states. → bloggers.html Bloggers table. Filterable, sortable, virtualized. Embedded by the full-site mocks via iframe. → blogger-card.html Single blogger detail card. Identity, metrics, contacts, history, notes, sponsor mentions. →

Tokens, type and rules: see DESIGN.md and PRODUCT.md. Light theme only. Signal yellow ≤10% per screen. Tabular figures everywhere. Inter font. Every meaningful element in the full-site mocks has a hover tooltip explaining purpose, behavior, and side effects. Hover with a 250ms delay.