Skip to content

WING-207 MPA reference mock (Andrew-approved 2026-07-27)

Persistent ink (#1c1a17) menu bar on every page: brand mark (64-viewBox tile rx15, feathers #e8a04d/#a05c2b/#63bd97) + WorkWingman wordmark + tabs: Landing (active) · Team & staff · 🔒 Employer hub · 🔒 Docs · [Open the app] (amber button, right-aligned). HTMX swaps page content beneath the bar.

Landing (cream #f2efe9): centered large mark → serif "WorkWingman" → rotating tagline pair ("Hey Career Concierge, what's the word?" / "Career Concierge's here to get you seen and heard!", ~2.6s cycle, deep-amber italic) → one-line scoped-free mission ("free, private HelPeR that runs your whole job search from your own computer — you are the customer, never the product") → CTAs: [Enter invitation code] (ink) + [Meet the team] (outline).

Pages: Team & staff (public — roster per WING-205, humans first, AI teammates last as *Jones (model)); Employer hub (Google SSO — web links to Jira/Slack/Drive + living pack); Docs (passcode=YC frozen pack / SSO=team living pack); The app (Angular SPA behind its own auth).

Copy source of truth: docs/business-plain/landing-copy.md. Free = desktop only; cloud edition is paid — no UI surface may claim free cloud.

Landing page section order (Andrew Q 2026-07-27)

  1. Hero: mark + wordmark + rotating tagline pair + HelPeR one-liner subtitle.
  2. The Big 3 pillar cards.
  3. Mission & Vision side-by-side cards (teal MISSION / amber VISION headers, per the slide layout).
  4. Badge footer: Local-first · Private by default · Black-owned. HelPeR framework detail lives in Docs/how-built, not the landing. Team page opens with one mission sentence only.

Mission/Vision presentation (Andrew 2026-07-27)

Mission and Vision sit on the FRONT page as compact labeled cards; the full statements reveal on HOVER (tooltip/expand — tap on touch). Same pattern as the HelPeR abbr tooltip. Full text from docs/business-plain/landing-copy.md.

Rotating spotlights (Andrew 2026-07-27) — keep calm, never overwhelming

  1. Statement spotlight: one block that rotates tagline-style between Mission, Vision, and HelPeR — each shown FULLY while active (slow cycle, one at a time; hover pauses).
  2. Team spotlight: one block rotating through team members — photo/name/title plus a one-line teaser about them ALWAYS visible; HOVER expands to the full details. One member at a time, tagline cadence. Both are single quiet blocks on the landing scroll, not walls of text.

Sticky: the top menu bar stays pinned to the top of the viewport on scroll across ALL MPA pages — EXCEPT inside the SPA app, where it hides/collapses (the app owns its own chrome; a second bar would get in the way).