The Sample SiteAll designs

Health Marketplace · design 04 of 05

Gradepoint

One agent, two pages, and the whole enrolment survey on the first: county-accurate ZIP resolution, live plan search, two signed consents.

Open the live site

Live at
aca4.thesamplesite.com

Pages
2
Screens captured
2
Industry
Health Marketplace
Status
Deployed

The screens

2 captures

Full-page captures, top to bottom. Hover or focus a frame and it pans the whole page; open one to read it at size.

Who it is for

ACA enrolment, wired to the live CMS Marketplace API — real plan search, subsidy estimates and consent flows.

Gradepoint is one of 5 designs in the health marketplace set, and each of them is written for a different kind of business inside the same trade — so the one that fits is a choice, not a compromise. If this one is close but not exact, the others are below.

It suits a business that wants to see the whole site before committing to it. Nothing here is a template preview or a screenshot of an idea: aca4.thesamplesite.com is deployed, and every page, form and calculator on it works.

What you get

  • 01

    2 real pages

    Not a page count invented for a brochure — 2 is the number of routes this site's own production build emitted.

  • 02

    Working, not wired-up

    Forms, calculators, filters and search on this design run in the browser on the live site. Open it and use it.

  • 03

    Its own design system

    Palette, type pairing, motion language and component set belong to this design alone. No two demos in the collection share them.

  • 04

    Responsive down to 320px

    Every layout, card, table and drawer is built and checked at 320, 375, 414, 768, 1024, 1280, 1440 and 1920.

  • 05

    Reduced-motion aware

    Every animation, parallax and cursor effect turns itself off for a visitor who asks for less motion.

  • 06

    Static, on the edge

    Pre-rendered HTML served from Cloudflare Pages. No server to keep alive, no database to migrate.

How it is built for search

These are structural facts about the build, checkable in the page source of the live site. We publish no ranking, traffic, Lighthouse or Core Web Vitals numbers here — they depend on your content, your domain and your market, and quoting someone else's would be meaningless.

Per-page titles and meta descriptions
Every route carries its own, written for that page — not one template repeated.
Canonical, Open Graph and Twitter tags
So the right URL is indexed and links unfurl correctly when shared.
JSON-LD structured data
Organization and the correct LocalBusiness sub-type for the trade, plus Service, FAQPage and BreadcrumbList where they are truthful.
Generated sitemap.xml and robots.txt
Produced at build time from the routes that actually exist, so they can never drift.
One h1 and a real heading outline
Headings describe the document, they are not used as a font-size control.
Descriptive image alt text
Written per image, and decorative artwork is correctly hidden from assistive technology.
Semantic landmarks and a skip link
header, nav, main and footer, visible focus rings, and labelled form fields throughout.
Static delivery from the edge
Pre-rendered HTML with no render-blocking third-party scripts.

The page-count figures on this site — 2 for Gradepoint, 3,188 across all 67 designs — are the number of routes each project's own production build emitted. That is the only measured number we publish.

More in Health Marketplace

See the health marketplace set
  • aca1.thesamplesite.comFull home page of the CoverBridge health marketplace website design

    CoverBridge

    Health-tech product surface: glass command bar, a working subsidy estimator, conic border-trace plan cards.

    23 pages
    Live site
  • aca2.thesamplesite.comFull home page of the Sunrise Health health marketplace website design

    Sunrise Health

    Bilingual EN/ES agency, phone-first: circular reveal menu, sunburst hero, 3D coin cylinder, full /es mirror.

    50 pages
    Live site
  • aca3.thesamplesite.comFull home page of the Ledger & Co health marketplace website design

    Ledger & Co

    A financial broadsheet that learned motion: comparison ladder, glass parallax stack, 74-term glossary.

    25 pages
    Live site
  • aca5.thesamplesite.comFull home page of the Ninefold health marketplace website design

    Ninefold

    Nine numbered stages with a collapsing ledger — a finished stage becomes one line you can change.

    2 pages
    Live site

Back to all 67 designs across 15 industries

15 industries · 67 designs · 3,188 pages

Clear every filter and show the whole wall — 67 finished websites across 15 industries.

Display & reading

Applies to every page here

Theme
Colour
Text size
Motion

“System” follows your device setting. “Reduced” stops the drifting background, the cursor field, the card tilt and the scroll-driven progress bar on this site whatever your device says.

Reading

What is stored

Your theme, colour, text size, motion and reading choices, in this browser's localStorage under tss.prefs, plus whether you accepted that under tss.consent. Nothing else: no analytics, no advertising, no third-party scripts, no cookies.