Skip to main content
Skip to brand content

Press, partners & creators

Brand kit & creator guidelines

Colors, typography, approved messaging, persona links, public assets, UGC guardrails, and app-directory copy blocks — compact reference for campaigns and listings.

HandTherapy.app is education and planning software — not diagnosis or treatment. When you mention the product by name, pair it with education-only framing and the disclaimer.

Full pack

JSON for tools; Markdown for decks and docs.

Download

Overview

  • Use semantic tokens from src/styles.css — avoid raw Tailwind blue-* / sky-* in mocks that should mirror production.
  • Always pair product mentions with disclaimer and education-only positioning.
  • Medical tourism illustration is for travel-planning surfaces only — not clinical photography.
  • Link creators to safety when discussing red-flag symptoms.

Color system

Light-theme reference values (dark mode mirrors in CSS). Production uses CSS variables — copy variable names into design specs.

primary

Primary actions, links, key emphasis — calm healing teal-blue.

primary-soft

Soft fills behind icons, chips, and selected states.

healing

Trust bands, safety callouts, deeper teal accents.

accent

Recovery green surfaces — use sparingly for positive moments.

warm

Human, reassuring highlights — never for warnings.

surface

Section backgrounds alternating with `--background`.

foreground

Primary text; pair with `--muted-foreground` for secondary.

destructive

Irreversible or high-risk actions only.

Typography

Inter (variable)

Same stack for body and display; weights 400–700 in product.

Google Fonts CSS
  • Hero marketing — page-hero-title-marketing (~~2–2.5rem)
  • Page H1 — page-hero-title (~~1.75–2rem)
  • Section H2 — text-2xl font-semibold (~1.5rem)
  • Body — text-base leading-relaxed (~1rem)
  • Caption / meta — text-xs text-muted-foreground (~~0.75rem)

Buttons & hierarchy

shadcn-style variants — one primary action per view where possible.

  • default — Primary conversion — waitlist, start session, continue.
  • secondary — Strong alternate actions that should not compete with the hero CTA.
  • outline — Tertiary navigation, learn more, low-commitment choices.
  • ghost — Inline or dense toolbars; minimal visual weight.
  • destructive — Destructive or irreversible actions only.
  • link — Textual actions inside paragraphs.

Messaging & voice

The go-to app for hand recovery.

  • Patient-first, hands-light, and never a substitute for in-person care.
  • Education and planning — not diagnosis, booking, or outcome guarantees.

Avoid in paid or organic copy

  • — Fabricated testimonials, rankings, or “#1 in the App Store” as a fact.
  • — Clinical claims without appropriate context and disclaimers.
  • — Raw Tailwind palette classes in product UI — use semantic tokens from `src/styles.css` (not `blue-*` / `sky-*` shortcuts in mocks that should match production).

Recovery personas

Educational profiles — not diagnoses. Link to the hub or individual pages for audience-specific tone.

Public assets

Download files for decks and handouts, copy an image when your browser supports it, or copy a link to share an asset.

Raster and vector marks, default and alternate OG/Twitter cards, PWA tiles, landing art, and education illustrations from public/.

App mark (SVG) — downloadable brand asset previewLoading asset preview

App mark (SVG)

Vector mark for slides, README headers, and crisp scaling.

Download
Apple touch icon — downloadable brand asset previewLoading asset preview

Apple touch icon

Home-screen icon on iOS when users add the site to the home screen.

Download
PWA icon 192×192 — downloadable brand asset previewLoading asset preview

PWA icon 192×192

Web app manifest icon entry (smaller tile).

Download
PWA icon 512×512 — downloadable brand asset previewLoading asset preview

PWA icon 512×512

Web app manifest splash / high-resolution install icon.

Download
Recovery-focused social preview — downloadable brand asset previewLoading asset preview

Recovery-focused social preview

Alternate large-card image for recovery-oriented routes when used.

Download
Marketing hero illustration — downloadable brand asset previewLoading asset preview

Marketing hero illustration

Landing / marketing split hero art (belt + hand motif).

Download
Strong hands pathway art — downloadable brand asset previewLoading asset preview

Strong hands pathway art

Never-injured / strength education pathway imagery.

Download
Medical travel social graphic — downloadable brand asset previewLoading asset preview

Medical travel social graphic

Wide illustration for surgery-travel / planning surfaces (education only). Travel-planning marketing only — not clinical photography.

Download

Core files (favicon, default OG, manifest, tourism hub art)

App mark (PNG) — downloadable brand asset previewLoading asset preview

App mark (PNG)

Favicons, PWA icons, structured-data logo references.

Download
Default social preview — downloadable brand asset previewLoading asset preview

Default social preview

Open Graph / Twitter `summary_large_image` default when routes omit a custom image.

Download
Stylized illustration of a hand in a cast printed with a world map, holding a small airplane—education graphic for travel planning around hand surgery recovery; use only on travel-planning surfaces, not as generic clinical photography.Loading asset preview

Medical tourism hub illustration

Travel-planning and surgery-travel education surfaces only (`/tourist`, home strip when entrypoints are on). Not clinical photography — do not use as generic hand-injury imagery.

Download

Text/JSON file. Download and open in an editor to preview contents.

Web app manifest

Installability metadata; keep `name` / `description` aligned with store copy.

Download

UGC by audience

Shorter on small screens — expand a card for dos, don'ts, tags, and example CTAs.

When content touches pain, swelling, numbness, or other possible red flags, link viewers to Safety & escalation (and Emergency help when a crisis abroad could be in scope).

App directory & listings

Blocks you can paste into App Store Connect, Google Play Console, or partner directories — trim to each platform's character limits.

Name

HandTherapy.app

Subtitle / short

Guided hand therapy between visits

Keywords

Categories

Health & Fitness · Medical · Lifestyle

Long description (paragraphs)

HandTherapy.app supports people recovering from hand and wrist injuries, surgery, and chronic symptoms with short, hands-light sessions, education, and optional progress summaries for clinicians and caregivers.

The product is informational: it does not diagnose, prescribe, or replace in-person hand therapy, occupational therapy, or medical care. Always follow your surgeon and therapist instructions.

What's new (outline)

  • Hands-light navigation and larger tap targets across core flows.
  • Richer learn-library links from recovery personas and condition hubs.
  • Clearer safety and emergency-help entry points where regional data exists.
  • Performance and offline-first logging improvements (device-dependent).

Promotional text (outline)

  • Open with the emotional benefit: clarity between appointments.
  • List three concrete capabilities (log, learn, short guided sessions).
  • Close with privacy posture and the medical disclaimer link (`/disclaimer`).
  • — Health data stays local by default where product architecture allows.
  • — No sale of health information; see `/privacy` and `/health-data`.

Feature outline

Mirrors the public Features page — use for store bullets and pitch decks.

  1. Measure your hand progress — Turn recovery into something you can see and explain.
  2. Personalized onboarding — Start with the person, not a generic routine.
  3. Hands-light UX — People with hand pain should not have to fight the interface.
  4. Phone-based exercises — Practice strength, control, and dexterity without extra equipment.
  5. Personalized routines — Stay consistent without doing the wrong thing forever.
  6. Risk education — Understand warning signs without pretending to diagnose.
  7. Exercise education library — Know what each exercise is for, how to do it safely, and when not to.
  8. Surgery & recovery education — Clearer way to understand restrictions, timelines, and red flags.
  9. Hand condition learning center — Learn about hand conditions without self-diagnosing.
  10. Risk factor & prevention education — Notice flare-up patterns without blame.
  11. Insurance, workers' comp & disability support — Organize recovery records without legal or medical claims.

Need the full pack offline?

Includes every block above as structured JSON or Markdown.

Download