Wide Watch · design preview
Design preview · v2 · Chaosology house style

Five surfaces. One brand.

Preview of every Wide Watch surface that ships at launch. Pastel mesh, white glass, Instrument Serif accents, pill buttons, light-default with dark toggle. Open each and flip the theme — everything works in both modes.

01 · Marketing wide.watch

Marketing home

Public landing page. Hero with animated mesh, stats bar, trusted-by strip, 18-product matrix across 3 categories, platform pricing with three-unit quota model, MSP + reseller sections, footer.

/marketing.html Open
02 · Portal dashboard one.wide.watch

Portal dashboard

Authenticated customer dashboard. Top nav + role-gated sidebar + main content. KPI cards with gradient sparklines, domains-requiring-attention table, activity feed, alert provider grid, plan usage bars.

/portal.html Open
03 · Auth flows 5 states

Login, signup & MFA

Split-screen auth. Left showcase panel with rotating testimonials + compliance badges. Right form panel with 5 togglable states: login, signup, forgot password, MFA challenge, email-sent confirmation.

/auth.html Open
04 · Alert providers 6 states

Alert provider config

Per-tenant alert provider configuration. Empty state, configured list, 3-step add-provider wizard (channel → provider → config), OAuth callback success, test-send modal, delivery log with expandable payloads.

/alerts.html Open
05 · Reseller portal 6 views · role-gated

Reseller portal

RESELLER-role variant of the portal. Dashboard with MRR attribution + commission cards, referrals table, commission history ledger, Stripe Connect payouts, branded referral link generator with QR, marketing assets library (logos, email templates, social graphics, copy snippets, co-branded landing pages).

/reseller.html Open
These are static HTML mockups — design direction only, no real data, no live API integration. Each mockup has a theme toggle (sun/moon/auto) in its top-right; try both modes. Source in chaoslogy/wide-watch-mockups · engineering repo in chaoslogy/one-portal.