# Page 5 brief: Wellness platform **URL:** `/solutions/wellness-platform/` **Mock file:** `claude-fable/vantage-fit-wellness-platform-v1.html` **Archetype:** Platform / product-definition page **Primary keyword:** employee wellness platform (850/mo, the biggest term in the six-page set) **Placement:** Featured on the Solutions hub, first row of the footer Solutions column, and the `.mega-foot` line inside the Solutions mega-menu. **Not a mega-menu row.** **Brief version:** 1.0, 2026-08-11 --- ## 0. The one-line job of this page Define what Vantage Fit **is**, as a system, in language a buyer can repeat to their CFO, and answer the one objection that kills a platform deal: *is this a real platform, or an app with a dashboard bolted on?* The failure mode is a second homepage. The three guards written into this brief: 1. **No feature list.** Capability detail is routed to Features and to the five sibling Solutions pages, never explained inline. 2. **One diagram carries the argument.** Everything else hangs off the system map. 3. **The routing section replaces the usual related-programs row.** Routing is this page's job, so it gets a real section instead of a three-card afterthought. --- ## 1. Research takeaways that decided the structure Each takeaway names the source path and the status. Statuses follow the dossier legend: SHIPPED / SHIPPED-GATED / ROADMAP / DESIGN-INTENT / UNVERIFIED. ### 1.1 The product genuinely is a loop, not a stack. That is the page. The module map in `platform.md` §1.2 is not marketing structure, it is data flow: capture feeds programs, programs produce standing, standing produces points, all of it lands in the admin console, and the console's output goes back out as the next challenge audience and the next nudge. Two cited facts close the loop and make the diagram honest rather than decorative: - **Insight to targeting.** Target Audience supports Country, City, Department, Gender, Age Range, Language and **Health Risk Code**, AND logic, with automatic enrollment. `[vantagefit-astro/content/en/help/admin/challenges/admin-how-do-i-set-target-audience.md]` SHIPPED - **Insight to nudge.** The Overview's Recommended Actions panel surfaces rows like *"View Inactive Employees (92 users inactive for 30+ days)"* then *"Nudge Inactive Users"*, which pre-fills a custom email to that cohort. `[vfit-os/specs/product/09-admin-platform/admin-dashboard.md]` SHIPPED **Structural consequence:** the system map is section 2, it is one inline SVG, and every later section is a zoom into one of its parts. ### 1.2 Configurability is the architecture, and it is under-told Navigation itself is per-company. The Programs tab appears only if Library, Training Programs or Marketplace is enabled; the Community tab only if Social Feed, Events or Chat is enabled. `[vfit-os/specs/product/00-platform/navigation-ia.md]` SHIPPED Full Mode vs Lite Mode is a company-wide packaging switch set by the account manager, and Lite Mode ships a genuinely different product. `[vantagefit-astro/content/en/help/admin/settings/admin-what-is-lite-mode.md]` SHIPPED **Structural consequence:** Configuration sits in the **centre of the system map**, not as a footnote. A competitor that ships one fixed app cannot draw this diagram. ### 1.3 Three surfaces, with genuinely different capabilities. Being honest about this is the credibility play. - **Employee mobile app (iOS and Android) is the full product.** Five-position bottom bar: Home, Challenges, Plus (+), Programs, Community. `[vfit-os/specs/product/00-platform/navigation-ia.md]` SHIPPED - **Admin console is web only**, lives inside the Vantage Circle admin dashboard at `dashboard.vantagecircle.com`, requires the **HR Admin** role, and *"there's no admin functionality in the iOS app, Android app, or vc-fit web app."* `[vfit-os/specs/product/09-admin-platform/admin-dashboard.md]`, `[vantagefit-astro/content/en/help/admin/settings/admin-how-do-i-sign-in.md]` SHIPPED - **Employee web app is partial.** It does challenges, leaderboards, content and light logging. It does **not** do step tracking, device connection, GPS, wallet, profile or notifications. `[vantagefit-astro/content/en/help/employee/getting-started/using-vantage-fit-on-web.md]` SHIPPED **Conflict followed:** the help doc says the web app has three tabs, the code-verified spec says four are now standard. `platform.md` §3.2 rules UNVERIFIED. **This page does not render a web tab bar and does not commit to a tab count.** It states the capability line only. **Structural consequence:** the surfaces triptych is section 3, and the third panel is the **integration layer**, not the web app. The web app gets one honest trailing sentence. ### 1.4 The privacy architecture is a product mechanism, not a policy promise When an admin targets a health-risk cohort, the system returns a **count only** plus the literal string *"The list of users is not displayed to protect individual privacy."* `[vfit-os/specs/product/03-health-wellness/workforce-health.md]` SHIPPED Leadership Insights sends **no PII** to the ML service, only aggregated signal buckets. `[vfit-os/specs/product/09-admin-platform/admin-dashboard.md]` SHIPPED The canonical admin CAN / CANNOT table is in `[vantagefit-astro/content/en/help/admin/settings/admin-data-privacy-security.md]` SHIPPED **Structural consequence:** the page gets one `.fairband` dark inset whose proof asset is a **drawn audience-selector panel** carrying the real disclaimer string. That is the strongest single artefact available to this page and it directly answers "is the data model real". ### 1.5 Rollout is short, and the honest version of it sells - Lite Mode plus admin CSV upload: **1 to 2 days** to live. `[vfit-os/specs/product/00-platform/auth-login-signup.md]` SHIPPED - SSO: *"Once we have your IdP metadata, the Vantage Fit team usually takes around two weeks."* Any SAML 2.0 IdP; named: Microsoft Entra ID (formerly Azure Active Directory), Okta, OneLogin, Ping Identity. Configured by the Vantage Fit integration team, not from the console. **Provisioning is separate from SSO.** `[vantagefit-astro/content/en/help/admin/settings/admin-how-do-i-enable-sso.md]` SHIPPED - Four regional instances: India, US, EU, UAE. Chosen at onboarding, data stays in region. `[vantagefit-astro/content/en/help/admin/settings/admin-data-privacy-security.md]` SHIPPED - One challenge can span countries. Start, daily reset and end all localize to each participant's local midnight. `[vantagefit-astro/content/en/help/admin/challenges/admin-can-i-run-challenges-across-time-zones.md]` SHIPPED - A licence counts from an employee's **first login**, not from upload. `[vantagefit-astro/content/en/help/admin/settings/admin-how-do-i-add-employees.md]` SHIPPED **Structural consequence:** section 5 is a three-column **spec table**, not prose. It is the section an IT reviewer screenshots and pastes into a procurement thread. No sibling page in the set has one. ### 1.6 Sources that conflicted, and which one this page follows | Point | Conflict | Ruling used here | Why | |---|---|---|---| | Wellness Score range | `leagues-wellness-score.md` says 0 to ~108; help doc and admin spec say 0-100 | **0 to 100.** In practice this page prints no range at all. | Settled ruling, `ia-claims-proof.md` G3 | | Activity type count | 65 vs 47+ | **"65+ activity types"** | Settled ruling, `platform.md` A3, help-doc sourced | | Insights Hub | Named as admin page 5 in the code-verified spec | **Not claimed, not drawn, not linked** | Settled ruling, `platform.md` A4. Nav commented out, all five sub-pages blank iframes | | Languages | Help doc headline "13 languages"; the same table lists 14 locale rows; legacy page says "14+"; specs say "13+" | **"13 languages"**, help doc wins on precedence. Flagged to the claims reviewer, with a `VERIFY` comment in the HTML | `platform.md` §4.5 resolves it; `ia-claims-proof.md` §8.25 counsels printing no number. Precedence rule breaks the tie toward the help doc | | Self-registration availability | Help doc says account-manager enabled; spec says on by default | **Omitted entirely from the page** | UNVERIFIED, `platform.md` §4.1 | | Web app tab count | 3-tab help doc vs 4-tab spec | **No tab count printed** | UNVERIFIED, `platform.md` §3.2 | | Employee account deletion | Help doc presents it as available; spec says per-company config, few companies | Page states only the unambiguous half: **an admin cannot delete an employee's account on their behalf** | Avoids a SHIPPED-GATED overclaim | | SOC 2 Type II | Approved in the register; an internal audit says it is thinly documented | **Used**, and flagged to the claims reviewer in §9 | `platform.md` §5.1 | ### 1.7 What the research told me to leave out `190+ countries` (reads as a footprint claim however it is framed, and `rewards.md` warns against both catalog and footprint readings) · app-store ratings and awards (UNVERIFIED for freshness) · the 19-admin-page count (would drag Insights Hub into view) · challenge-format counts (belongs to the challenge pages) · Slack and Microsoft Teams (zero spec coverage, banned) · ISO 27001, ISO 27701, GDPR (no cleared source) · any step-cap number · Training Plans, multi-wallet, manual step entry, monetary challenge rewards (all SHIPPED-GATED to single-digit or low-double-digit company counts) · the certification raster on the trust plaque (banned; typeset `.mark-strip` only). --- ## 2. Strategy ### 2.1 The buyer Primary reader is the **HR buyer**, but this page is the one page in the set where the **IT / benefits admin and procurement** ride along and can veto. `[vfit-os/.claude/rules/hr-buyer-lens.md]` | Persona | What they need from this page | |---|---| | HR Director (champion) | A sentence that defines the product and survives being repeated in a meeting they are not in | | CHRO (decision maker) | Proof that the reporting layer is real and the participation claim is measured | | CFO (financial buyer) | One vendor, not four. Licences counted from first login. Pricing route | | IT / benefits admin (technical influencer) | The exact list of what IT has to do, plus SSO, provisioning, data region, and what the admin can see | | Employee (end user) | Appears only through the app surface and the approved engagement figures | ### 2.2 The one thing this page must land **Vantage Fit is one system with two surfaces and a configuration layer, and the reporting output feeds back into the program.** Everything else on the page is evidence for that sentence. ### 2.3 Why this section order 1. **Definition hero.** The search intent is "what is this and is it the category I want". The H1 is a definition, not a benefit. The hero visual is `.dash` **plus** `.phone`, deliberately showing two surfaces at once, so the definition is visible before it is read. 2. **System map.** The objection is answered second, not last, because a buyer who bounces at the fold never reaches a trust band. The loop closure (insight to targeting to nudge) is the specific thing an "app with a dashboard" cannot draw. 3. **Surfaces triptych.** Having asserted a system, show the same program from three seats. This is where the honest limits live (no admin on mobile, partial web app, one primary device), and the honesty is the proof. 4. **Participation, once.** The north star is stated in one section with four mechanics and three named customer numbers, then dropped. Stating it once and moving on is the discipline that keeps this from becoming a homepage. 5. **Rollout and IT.** Procurement's section. A spec table, not prose. 6. **Privacy architecture.** The dark inset. Product mechanism, not policy promise. 7. **Where to go deeper.** The routing grid. This is the anti-homepage device: nine Solutions and Features destinations with one-line reasons and no explanation. 8. **Trust band.** Infrastructure and process only, deliberately not repeating section 6's privacy argument. 9. **FAQ.** Five questions, four of them IT and procurement. 10. **Closer.** ### 2.4 What I deliberately left out, and why | Left out | Why | |---|---| | The standard 3-card `.related-screen` | Section 7 already routes to nine pages with better reasons. A three-card outro after a twelve-link grid is padding. **This is a deliberate deviation from the house pattern; noted in §4.7.** | | A full customer-result section | The approved proof for this page is three engagement figures. They belong attached to the participation claim they support, not floated in their own band. Folded into section 4 as a compact three-tile strip. | | A formats explorer | Owned by `/solutions/step-challenges/` and `/solutions/wellness-challenges/`. Rebuilding it here is exactly the homepage failure. | | A leaderboard integrity band | Owned by the challenge pages. This page's fairness beat is privacy, not anti-cheat. Anti-cheat gets one clause inside the integration surface. | | A pricing table | Pricing is UNVERIFIED across sources. Route to `/pricing/` only. | | A quote band with video | Two dark moments plus a fairband is already the maximum. The approved quotes for platform-level claims (Momentum Investments, Teva) both contain the banned word "seamless" in verbatim form, so quoting them would import a banned word into body copy. Skipped rather than paraphrased. | | Competitor comparison | Belongs on `/compare/`. | --- ## 3. Section-by-section copy deck Every string below is final copy. The builder writes zero new copy. House rules in force: **no em-dashes**, sentence case headings, terminal periods on H1 and every H2, Oxford commas, US English, numerals for measurable quantities, verb-led CTAs. --- ### S1. Hero `
` | Element | Copy | |---|---| | `.eyebrow` | `Employee wellness platform` | | `h1#hero-heading` | `An employee wellness platform: one app for employees, one console for HR.` | | `.lead` | `Activity syncs from phones and wearables. Challenges run against it. Points turn into gift cards. HR gets participation and health trends back, in aggregate.` | | `.btn-row` primary | `Book a demo` → `https://www.vantagefit.io/request-demo/` | | `.btn-row` secondary (`.btn-outline`) | `See the system map` → `#system` | | `.hero-note` (mint dot) | `No public signup. Employees are added by your HR team and sign in with single sign-on or their work email.` | **Logo band** (last child of `
`, verbatim from `chrome.html`): `Trusted by 100+ organizations worldwide` · TATA MOTORS · WIPRO · TEVA · GODREJ · TEXAS INSTRUMENTS · HEIDRICK & STRUGGLES · BRAZOSPORT ISD Hero visual: `.dash` + `.phone`. Full spec in §4.1 and §4.2. --- ### S2. The system map (page-defining section) `
` · ground `var(--canvas)` | Element | Copy | |---|---| | `.eyebrow` | `The system` | | `h2#system-heading` | `Six modules, one loop.` | | `.lead` | `Activity feeds programs. Programs produce standing and points. The console reads all of it, and what it learns goes back out as the next audience and the next nudge.` | **Entry strip** (`.sysmap-entry`, sits above the diagram, dashed top-border card with a downward chevron): - `.sysmap-entry-label`: `Before the loop starts` - `.sysmap-entry-text`: `Employees are provisioned by CSV upload, SFTP sync or an HRIS integration, then sign in with SAML 2.0 single sign-on or their work email. Your company sits on one of four regional instances: India, US, EU or UAE.` **The diagram.** Full SVG spec in §4.3. Node and flow copy: | Node | Title | Line 1 | Line 2 | Line 3 | |---|---|---|---|---| | 1 (10 o'clock) | `Capture` | `Apple Health and Google Fit` | `Fitbit, Garmin, manual logging` | `Health Risk Assessment, where enabled` | | 2 (12 o'clock) | `Programs` | `Challenges, teams, events` | `Content Library and mindfulness` | `Audience rules enroll people` | | 3 (2 o'clock) | `Standing` | `Live challenge scoring` | `Individual and team leaderboards` | `Badges and Wellness Leagues` | | 4 (4 o'clock) | `Rewards` | `Vantage Points` | `Gift card catalogue` | `SOLI purchasing power` | | 5 (6 o'clock) | `Insight` | `Enrolled, Active, Participation Rate` | `Leadership Insights` | `CSV reports` | | 6 (8 o'clock) | `Reach` | `Push notifications` | `System and custom emails` | `Announcements and surveys` | | Centre hub | Copy | |---|---| | Title | `Configuration` | | Line 1 | `Full Mode or Lite Mode` | | Line 2 | `Per-company feature flags` | | Line 3 | `Tabs appear only if you enable them` | Flow labels, clockwise, sitting on their arrows: | Arrow | Label | |---|---| | Capture → Programs | `activity` | | Programs → Standing | `task completion` | | Standing → Rewards | `points earned` | | Rewards → Insight | `spend and redemption` | | Insight → Reach | `who to reach` | | Reach → Capture | `back into the app` | **Trailing notes** (`.sysmap-note`, two lines, `.8rem`, muted): 1. `Capture covers 65+ activity types, from steps counted by the phone to manually logged yoga, swimming and strength training.` 2. `Wellness Leagues, the Org Wellness Score and workforce health analytics are annual-client features that your account manager sets up. Everything else in this map ships to every company.` --- ### S3. The three surfaces `
` · ground `#fff` | Element | Copy | |---|---| | `.eyebrow` | `Three surfaces` | | `h2#surfaces-heading` | `The same program, from three seats.` | | `.lead` | `Here is Step into Spring 2026 as an employee sees it, as HR runs it, and as your systems feed it.` | **Card 1** | Element | Copy | |---|---| | `.surface-tag` | `For employees` | | `h3` | `Mobile app` | | `.surface-sub` | `iOS and Android` | | Mock | See §4.4 | | `.surface-foot` | `Everything an employee needs lives here. There is no admin function in the iOS or Android app.` | **Card 2** | Element | Copy | |---|---| | `.surface-tag` | `For HR` | | `h3` | `Admin console` | | `.surface-sub` | `dashboard.vantagecircle.com` | | Mock | See §4.5 | | `.surface-foot` | `Web only, inside the Vantage Circle admin dashboard. It needs the HR Admin role.` | **Card 3** | Element | Copy | |---|---| | `.surface-tag` | `For IT` | | `h3` | `Integration layer` | | `.surface-sub` | `Wearables, single sign-on, HR systems` | | Mock | See §4.6 | | `.surface-foot` | `Single sign-on and HRIS sync are configured by our integration team, not from the console.` | **Trailing note** (`.surfaces-note`, `.8rem`, muted): `There is also a web app at app.vantagefit.io for challenges, leaderboards and light logging. Step tracking, device connection and the wallet stay in the mobile app.` --- ### S4. Why people take part `
` · ground `#f6f7f4` | Element | Copy | |---|---| | `.eyebrow` | `The north star` | | `h2#participation-heading` | `One number decides whether any of this worked.` | | `.lead` | `Industry average sustained participation sits at 20 to 30 percent. Four design decisions are aimed squarely at that number.` | `.why-grid`, four `.why-item` (glyph + `b` + `p`): | # | Title (`b`) | Body (`p`) | Glyph | |---|---|---|---| | 1 | `No wearable required` | `Steps come from the phone itself: Apple Health on iPhone, Google Fit on Android.` | phone with a step arc | | 2 | `Nobody has to go find it` | `Audience rules enroll every matching employee the moment a challenge goes live.` | funnel into a group | | 3 | `Team score is an average` | `One strong walker cannot carry a team, and one quiet week cannot sink it.` | three bars with a level line | | 4 | `Effort converts to something real` | `Vantage Points redeem for gift cards, priced by SOLI so the value holds across countries.` | card with a coin | **Proof strip.** `.results-grid` overridden to three columns, three `.result-card`: | `.stat` | `p` | `.segment` | |---|---|---| | `59%` | `engagement rate over a six-month program` | `Tata Motors · Step & Stride Challenge`
`1,248 active participants` | | `88%` | `engagement rate over 28 days` | `IBS Software · March to Fitness`
`500+ active of 660 invited` | | `86%` | `engagement rate over two weeks` | `Brazosport ISD · Fit Wars`
`132 active participants` | `.proof-fine`: - `small`: `Engagement rate is the share of the invited population that actively used the program. Results are from named customer programs and vary by workforce and program design.` - `.text-link`: `Read customer stories` → `https://www.vantagefit.io/casestudy/` > **Claims discipline for the builder:** do not append a causal clause to any of these three numbers. The sentence ends at the number and its definition. --- ### S5. Rollout and IT `
` · ground `#fff` | Element | Copy | |---|---| | `.eyebrow` | `Rollout and IT` | | `h2#rollout-heading` | `What your IT team actually has to do.` | | `.lead` | `A file and a sign-in method. Single sign-on and HRIS sync are optional, and our integration team does that work.` | `.spec-cols`, three `.spec-group`, each with an `h3` and four `.spec-row` (`dt` label, `dd` value): **Group 1, `h3`: `Getting employees in`** | Label | Value | |---|---| | `Provisioning` | `CSV upload by your HR admin from Configuration > Add Employees, SFTP sync, or an HRIS integration.` | | `HRIS systems` | `Workday, DarwinBox, ADP, SAP SuccessFactors and other major HR systems, set up by our integration team.` | | `Sign-in` | `Work email and password, a one-time code to work email, or SAML 2.0 single sign-on.` | | `Time to live` | `1 to 2 days on Lite Mode with a CSV upload. Single sign-on adds about two weeks of our configuration once we have your identity provider metadata.` | **Group 2, `h3`: `Running it globally`** | Label | Value | |---|---| | `Data region` | `One of four regional instances: India, US, EU or UAE. Chosen at setup, and employee data stays there.` | | `Languages` | `13 languages in the app and system emails, following each employee's own device setting. The admin console is English only.` | | `Time zones` | `One challenge can span countries. Start, daily reset and end all follow each participant's local midnight.` | | `Rewards by country` | `Configured in USD, shown to each employee in local currency, with a country-relevant gift card catalogue.` | **Group 3, `h3`: `Access and security`** | Label | Value | |---|---| | `Admin access` | `The HR Admin role, on the web only. There is no admin function in the mobile apps.` | | `Single sign-on` | `Any SAML 2.0 identity provider. Named: Microsoft Entra ID (formerly Azure Active Directory), Okta, OneLogin and Ping Identity.` | | `Devices` | `Apple Health and Google Fit by default, plus Fitbit, Garmin, Apple Watch and Samsung Watch. One primary source per employee.` | | `Compliance` | `SOC 2 Type II. Operates under HIPAA guidelines. Security documentation is available during evaluation.` | **Trailing note** (`.spec-note`, `.8rem`, muted): `Provisioning is separate from single sign-on. Even with single sign-on switched on, employees still arrive by CSV, SFTP or HRIS.` --- ### S6. The privacy architecture (dark `.fairband` inset) `
` · ground `var(--canvas)`, with the dark `.fairband` inset inside it Inside the `.fairband` left column: | Element | Copy | |---|---| | `.eyebrow` (goes `--lime` on dark) | `Aggregate by architecture` | | `h2#privacy-heading` | `HR can act on a health risk without seeing who has it.` | | `.lead` | `This is enforced by the product, not by a policy page. Ask your privacy reviewer to check the screen on the right.` | `.fair-list`, four `.fair-item`: | # | Title (`b`) | Body (`p`) | |---|---|---| | 1 | `A count, never a list` | `Selecting a health-risk group returns a number and a privacy notice. The names are not shown to anyone.` | | 2 | `Participation in, health out` | `Admins see enrollment, last active date, rankings and team scores. Not weight, assessment answers, lab values, mood or food logs.` | | 3 | `AI runs on aggregates` | `Leadership Insights sends no personal data to the model, only aggregated signal buckets.` | | 4 | `Employees hold their own switches` | `Leaderboard opt-out keeps someone in the challenge and out of the rankings. Wheelchair Mode changes how activity is tracked.` | `.fair-fine` (top hairline, small, `rgba(255,255,255,.62)`), rendered as a quotation with attribution: > `"Your HR team sees whether you are participating and your challenge rankings, but we cannot see your weight, health assessment results, lab reports, or personal health data."` > `The sentence the Vantage Fit help centre gives HR to read out to employees.` Right column: the audience-selector mock, spec in §4.7. --- ### S7. Where to go deeper `
` · ground `#fff` | Element | Copy | |---|---| | `.eyebrow` | `Go deeper` | | `h2#explore-heading` | `Pick the part you need to evaluate.` | No `.lead`. The grid is the content. `.deep-grid`, three `.deep-col`. Each column: a `.deep-col-title` (uppercase micro-label) and a stack of `.deep-link` rows (`b` title with a trailing coral arrow, `span` one-line description). **Column 1, title: `What you want to run`** | Link | Description | href | |---|---|---| | `Wellness challenges` | `The full library of ready-to-run challenges.` | `/solutions/wellness-challenges/` | | `Step challenges` | `Company-wide step goals that get everyone moving.` | `/solutions/step-challenges/` | | `Multi-activity challenges` | `Any activity, solo or in teams, over themed weeks.` | `/solutions/multi-activity-challenges/` | | `Remote & hybrid team challenges` | `Wellness that works away from the office.` | `/solutions/remote-team-wellness/` | | `Virtual marathon` | `Distance events powered by steps.` | `/solutions/virtual-marathon/` | **Column 2, title: `What you want to measure`** | Link | Description | href | |---|---|---| | `Health Risk Assessment` | `Baseline health screening with aggregate insights.` | `/solutions/health-risk-assessment/` | | `Workforce health insights` | `Participation, challenge and activity analytics your board can read.` | `/solutions/workforce-health-insights/` | | `Wellness rewards program` | `Points and gift cards tied to real effort.` | `/solutions/wellness-rewards-program/` | **Column 3, title: `Capability detail`** | Link | Description | href | |---|---|---| | `Activity & health tracking` | `Steps, workouts, sleep and more, auto-synced.` | `/features/activity-tracking/` | | `Integrations` | `Wearables, HRIS, SSO and more.` | `/features/integrations/` | | `Security & compliance` | `Aggregate-only reporting, regional hosting, SOC 2 Type II.` | `/features/security-and-compliance/` | | `Wellness leagues` | `Segment by activity level, lift every tier.` | `/features/wellness-leagues/` | **Suite band** (`.suite-band`, a full-width tinted strip at the bottom of this section): - `.suite-title`: `One vendor across wellness, recognition, surveys and perks` - `.suite-body`: `Vantage Fit is one product within Vantage Circle's employee engagement platform, which also includes Vantage Recognition for recognition, Vantage Pulse for employee surveys, and Vantage Perks for discounts and benefits. Organizations that start with Vantage Fit can expand to the full suite without changing vendors.` - `.suite-links`, three inline links, **same tab, no `rel="nofollow"`**: - `Vantage Recognition` → `https://www.vantagecircle.com/products/rewards-recognition/` - `Vantage Pulse` → `https://www.vantagecircle.com/products/employee-surveys/` - `Vantage Perks` → `https://www.vantagecircle.com/newperkspage/` --- ### S8. Trust band (dark, full bleed) `
` Structure is the chrome band. **Swap the copy to infrastructure only**, so it does not repeat S6. | Element | Copy | |---|---| | `.eyebrow` | `Enterprise security` | | `h2#security-heading` | `Four regions. One audited platform.` | | `.lead` | `Where employee data lives, how it is protected, and what we can hand your security reviewers.` | | `.trust-actions` primary | `Book a demo` → `/request-demo/` | | `.trust-actions` text-link | `Explore security & compliance →` → `/features/security-and-compliance/` | Four `.trust-card` (keep the entity glyphs from the chrome): | Glyph | `h3` | `p` | |---|---|---| | `◉` | `Data stays in your region` | `Four regional instances: India, US, EU and UAE. You choose one at setup and employee data stays there.` | | `☉` | `Encrypted in transit and at rest` | `Traffic runs over TLS, with SSL pinning in the mobile apps. Sensitive profile fields are encrypted at rest.` | | `⇄` | `Audited and documented` | `SOC 2 Type II. Operates under HIPAA guidelines. Security documentation is available during evaluation.` | | `✓` | `Retention you can point to` | `Notifications are deleted after 14 days. Activity and health data are retained per your contract. An admin cannot delete an employee's account on their behalf.` | `.trust-plaque`: the typeset `.mark-strip` from `chrome.html`, three marks only: **Follows HIPAA guidelines** · **SOC 2 Type II** · **Secured regional data hosting**. `.trust-support`: `Security documentation is available during evaluation.` > **Hard rule:** do not restore the Cloudinary certification raster. Do not add ISO 27001, ISO 27701 or GDPR marks. --- ### S9. FAQ `
` · ground `#fff` | Element | Copy | |---|---| | `.eyebrow` | `Before you talk to procurement` | | `h2#faq-heading` | `Questions IT asks first.` | Five `
`. First one carries `open`. **Q1** (answer-first definition, the AEO play, must also appear verbatim in the FAQPage schema) `What is an employee wellness platform?` > An employee wellness platform is software an employer provides so staff can track activity and health habits, take part in wellness programs, and earn rewards, while HR runs those programs and reports on them from one console. Vantage Fit does this with a mobile app for employees on iOS and Android, a web admin console for HR, and an integration layer that connects wearables, single sign-on and HR systems. **Q2** `What does our IT team have to do to launch?` > At minimum, hand over an employee list. Your HR admin can upload a CSV from Configuration > Add Employees and be live in one to two days on Lite Mode. For automated provisioning we set up SFTP sync or an HRIS integration. For single sign-on, your IT team creates a SAML 2.0 application and exports the identity provider metadata to us. Once we have that metadata, configuration usually takes around two weeks. **Q3** `Do employees need a wearable?` > No. Steps come from the phone itself, through Apple Health on iPhone and Google Fit on Android. If employees do have a device, Fitbit, Garmin, Apple Watch and Samsung Watch connect too. Each employee has one primary source at a time, so steps are never counted twice. **Q4** `How are we billed for employees who never sign in?` > A licence is counted from an employee's first login, not from the moment they are uploaded. Upload 1,000 people, 600 sign in, and you are billed for 600. Bulk and lumpsum contracts are handled differently. Note that this billing count is not the same as the Active Users figure on the dashboard, which measures recent app usage. **Q5** `What can an HR admin see about one person?` > Whether they are enrolled, when they were last active, their device type, their challenge rank and score, and the points they have earned and redeemed. Admins cannot see weight, BMI, Health Risk Assessment answers, lab report values, mood logs, food diaries or sleep detail. That split is enforced in the product: when an admin targets a health-risk group, the system returns a count and the message that the list of users is not displayed to protect individual privacy. --- ### S10. Closer `
` | Element | Copy | |---|---| | `h2#demo-heading` | `See the whole system on your own workforce.` | | `p` | `In a 30-minute demo we will map your rollout, walk the employee app and the admin console, and show the reporting your leadership will read.` | | `.btn-primary` | `Book a demo` → `/request-demo/` | | `.btn-outline` | `See pricing` → `/pricing/` | | `.final-checks` (3 lime-dotted) | `CSV to live in 1 to 2 days` · `No wearable required` · `Single sign-on optional` | | `.final-note` | `One system, not four tools.` | --- ## 4. Product-real UI spec Universal mock rules, from `design-system.md` §5: 1. Outer wrapper carries `role="img"` and an `aria-label` that describes what is shown and **ends with "Figures shown are illustrative."** (only where the mock contains numbers). 2. Every decorative child carries `aria-hidden="true"`. 3. `Illustrative data` is visible on **every mock that shows a number**. 4. All digits get `font-variant-numeric: tabular-nums`. 5. Only real product nouns. No invented UI. One illustrative program name runs through the whole page so the surfaces read as one system: **Step into Spring 2026**. Consistent illustrative figures across mocks: **4,820 enrolled · 3,140 active · 64% participation · 214 in the challenge · day 12 of 28 · 8,412 steps today**. --- ### 4.1 Hero `.dash`: the admin Overview Reuses `.dash` / `.dash-top` / `.dash-body` / `.metric-inline` / `.metric-card.metric-main` / `.chart-card` from `enterprise.css`. ``` role="img" aria-label="Admin console overview showing enrolled users, active users, incentivization spend and a 64 percent participation rate, with an average daily steps trend. Figures shown are illustrative." ``` - `.dash-top`: three grey dots plus `.dash-url`. **Render the URL pill with text**: `dashboard.vantagecircle.com`, `.55rem`, `rgba(41,41,76,.5)`, left-padded. That single detail is worth more than the blank pill. - `.dash-title`: `small` = `Admin · Overview`, `strong` = `Company overview`, right-aligned `Illustrative data` - `.metric-inline`, three cells (`i` label uppercase, `b` value): - `ENROLLED USERS` / `4,820` - `ACTIVE USERS` / `3,140` - `INCENTIVIZATION` / `$6,410` - `.metric-card.metric-main`: - `.metric-lab`: `Participation rate` - `.metric-value`: `64%` - `.metric-delta`: `+7 pts vs prev quarter` - `.chart-card`: - `.chart-head`: `Avg steps · this month` with `.legend` ` Company` - `.chart` with `.target-line` label `Goal 8,000` - SVG `viewBox="0 0 300 84" preserveAspectRatio="none"`, polygon + polyline, points `0,66 50,58 100,52 150,44 200,38 250,26 300,18` - `.chart-labels`: `W1 W2 W3 W4` - Page-local stroke: `polyline { fill:none; stroke: var(--mint-dark); stroke-width:2.4; }` `polygon { fill: rgba(65,216,180,.14); }` The four KPI labels are the exact code-verified set (Enrolled Users, Active Users, Incentivization, Participation Rate). Do not substitute. --- ### 4.2 Hero `.phone`: the employee Home screen Reuses `.phone` / `.phone-screen` / `.phone-head` / `.avatar` / `.phone-stats` / `.phone-cta`, plus two page-local blocks. ``` role="img" aria-label="Employee app home screen showing activity rings at 8,412 of 10,000 steps, seven-day trends, and the Step into Spring 2026 challenge card. Figures shown are illustrative." ``` - `.phone-head`: `Vantage Fit` + `.avatar` - **NEW page-local `.rings-card`** (white, radius 14px, padding 12px): a 92×92 inline SVG with two concentric arcs. - Outer ring (steps): `stroke: var(--mint)`, track `rgba(41,41,76,.10)`, `stroke-dasharray` set to 84% of circumference, `stroke-linecap="round"`, rotated `-90deg`. - Inner ring (active calories): `stroke: var(--coral)`, same track, 100% filled. - Centre text: `8,412` (`.8rem/800`) over `steps` (`.52rem`, muted). - Right of the SVG, two `.ring-key` rows: mint dot + `Steps 8,412 / 10,000`; coral dot + `Active calories 268 / 250`. - Caption under: `Ring 2 shows active calories or active minutes, depending on your company setting.` (`.52rem`, muted) - `.phone-stats`, three cells (`b` value, `span` label): `8,140` / `7d avg steps` · `7h 12m` / `Sleep` · `9 min` / `Mindful` - **Challenge carousel strip** (reuse `.challenge` at reduced height, or a page-local `.pcard`): teal gradient art block 44px tall with the 🚶 emoji, then `small` `STEPS · RACE`, `b` `Step into Spring 2026`, `p` `Day 12 of 28`, `.progress` at `width:84%` - **NEW page-local `.ptabs`** (the five-position bottom bar, this is the detail that proves it is a real app): five cells, each a 14px stroke glyph plus a `.5rem` label. Order and labels exactly: `Home` (active, coral) · `Challenges` · a 26px coral circle with a `+` · `Programs` · `Community` - `Illustrative data` --- ### 4.3 The system map SVG This is the page's signature asset. Hand-built inline SVG. No library, no image. **Wrapper** ```html