F

Foxie UI prototype — version 2

The account-intelligence prototype, re-expressed in HubSpot's 2026 product design language. Same information architecture, same screens, one unified visual system: a single dark application shell, one type scale, one card treatment, one status vocabulary. Version 1 lives unchanged in foxie-analysis-roadmap/prototype.

57 pages Lexend Deca Benchmark: HubSpot portal 7559762, captured 2026-08-20

How the system is put together. assets/foxie-hs.css holds every token and component; assets/shell.js injects the shared top bar and left navigation into each page, so the frame is defined once rather than 57 times.

Design tokens

Measured from the benchmark capture's computed styles, not eyeballed.

#141414body text

#666666muted / labels

#ccccccborders

#f0f0f0canvas

#333333app shell

#006162links

#00494bprimary action

#009a71good

#d39913watch

#d9002brisk

#016de1info

#6a78d1accent

#e6e6e6tags / toggled

Core workspace

The pages an operator lives in day to day.

Home

Portfolio overview — signal KPIs, revenue & people at risk, recent customer updates

dashboard/index.html

Customers

Personal account list, needs-action first

dashboard/my-clients.html

Owner roster and coverage

dashboard/owners.html

Internal experts

Expert roster, load and sentiment

dashboard/experts.html

Expansion signals across the portfolio

dashboard/growth.html

Risk signals across the portfolio

dashboard/risk.html

Held answers awaiting an owner decision

dashboard/review.html

CRM

Contact and company records

dashboard/crm.html

Account & people records

The three-column record layout, applied to accounts, owners and experts.

Feedback timeline, contacts, topics, review tasks

dashboard/customers/customer.html

Account overview

Status, people and topic summary

dashboard/customers/overview.html

Account overview — rail variant

KPIs moved into the rail

dashboard/customers/overview-rail.html

Account analysis

Per-lens aggregation and source attribution

dashboard/customers/analysis.html

Ranked risks with evidence

dashboard/customers/risks.html

Account opportunities

Expansion opportunities with evidence

dashboard/customers/opportunities.html

One account manager's book and signals

dashboard/owners/owner.html

One expert's accounts and standing

dashboard/experts/expert.html

Expert analysis

Expert performance decomposition

dashboard/experts/analysis.html

Expert feedback

Raw feedback about an expert

dashboard/experts/feedback.html

Activity, automation & email

Round orchestration — how feedback rounds are launched, tracked and chased.

Activity

Round progress across accounts

dashboard/activity.html

Activity — action view

What needs a human next

dashboard/activity-action.html

Reporting on round throughput

dashboard/activity-kpi.html

Automation overview

Configured automations at a glance

dashboard/automation-overview.html

Automation editor

Building a round automation

dashboard/automation-editor.html

Email — review requests

Outbound review request queue

dashboard/emails-reviews.html

Email — late arrivals

Chasing overdue responses

dashboard/emails-late-arrivals.html

Fast path to starting a round

dashboard/quick-launch.html

Launch — redesign

Reworked launch flow

dashboard/launch-redesign.html

The expert-facing surface

dashboard/expert-portal.html

Portfolio explorations

Successive takes on the account-portfolio view. v8 is the latest.

Round-progress explorations

Ten takes on how to render round progress. Kept for comparison.

Wireframes

The earlier source-attribution wireframes that seeded the account view.

Account view — V1, topic-primary

Cause-based decomposition in the left panel

wireframes/account-view-v1.html

Account view — V2, source-primary

Source-attribution cards per source

wireframes/account-view-source.html

Account view — topic

Topic plot of concerns and strengths

wireframes/account-view-topic.html

Account view — hybrid

Source cards in a rail above the feed

wireframes/account-view-hybrid.html

Account view — hybrid, KPI panel

KPIs in the panel rather than the rail

wireframes/account-view-hybrid-kpi-panel.html

Left-panel variants

Side-by-side panel comparison

wireframes/left-panel-variants.html

Early account-list treatment

wireframes/customer-table-v1.html

Event card — survey

A single survey event in the feed

wireframes/event-card-survey-v1.html

Documentation

Read these before changing anything.

README

What changed from v1, the token set, and how the system is laid out

Every defect found in the v1 prototype and how it was repaired, plus where v2 still differs from the benchmark

RESTYLE-NOTES.md

Tokens and every component, in 31 commented sections

assets/foxie-hs.css

Application shell

The shared top bar and left navigation, defined once

assets/shell.js