---
generator: clinical-terminal-brand-kit
company: "SWORD Health"
domain: "swordhealth.com"
colors:
  primary: "#4A89E8"
  onPrimary: "#000000"
  dark: "#3E424C"
  background: "#FFFFFF"
ground:
  mode: light
  hex: "#FFFFFF"
  ink: "#3E424C"
  accent: "#3573D0"
fonts:
  heading: "Archivo"
  body: "Archivo"
radius:
  card: "16px"
  button: "16px"
---

# Design System — SWORD Health

> Read from SWORD Health's public website (swordhealth.com) by Clinical Terminal. Not reviewed by SWORD Health.
> Use it as inspiration: borrow the ideas, not SWORD Health's name, logo or identity.

## Ground
- **Light ground** (#FFFFFF), from SWORD Health's site background #FFFFFF. Pages and panels sit on it.
- Main text: #3E424C (10.06:1 on the ground).
- Secondary text is #3E424C at 88% / 76% / 60%; hairlines and plate borders #3E424C at 16%.

## Color
- **Accent on the ground: #3573D0** (4.65:1), adjusted from SWORD Health's primary #4A89E8 so it stays readable. Use it for kickers, key numbers and one highlight per screen, not for large fills.
- **Primary #4A89E8** for filled shapes (buttons, chips, bars), with #000000 text on it (6.03:1).
- Quote every hex exactly as written above.

## Type
- Headlines: **Archivo**. Body: **Archivo**. Both on Google Fonts.
- SWORD Health's site uses LoraFont / FigtreeFont; these are the closest free look-alikes.

## Shape
- Cards and panels: 16px corners. Buttons and chips: 16px.

## Voice
- Tone: professional. Energy: low. Written for businesses.
- Headlines are short and concrete.