---
generator: clinical-terminal-brand-kit
company: "AssureCare LLC"
domain: "assurecare.com"
colors:
  primary: "#07445C"
  onPrimary: "#FFFFFF"
  dark: "#222222"
  accent: "#63C560"
  background: "#FFFFFF"
ground:
  mode: light
  hex: "#FFFFFF"
  ink: "#222222"
  accent: "#07445C"
fonts:
  heading: "Poppins"
  body: "Poppins"
radius:
  card: "30px"
  button: "40px"
---

# Design System — AssureCare LLC

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

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

## Color
- **Accent on the ground: #07445C** (10.55:1). Use it for kickers, key numbers and one highlight per screen, not for large fills.
- **Primary #07445C** for filled shapes (buttons, chips, bars), with #FFFFFF text on it (10.55:1).
- Secondary accent #63C560: charts and a second data series only.
- Quote every hex exactly as written above.

## Type
- Headlines: **Poppins**. Body: **Poppins**. Both on Google Fonts.

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

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

## Tokens from the site's stylesheets

### Other named colors

- `--assurecare-white`: `#FBFBFB`
- `--assurecare-navy`: `#08445D`
- `--assurecare-black`: `#282828`
- `--off-white`: `#FBFBFB`
- `--assurecare-green`: `#282828`

### Typefaces

- Poppins — on Google Fonts

### Type scale (most-used sizes)

`46px` · `34px` · `30px` · `24px` · `22px` · `20px` · `18px` · `17px` · `16px` · `15px` · `14px` · `12px`

### Letter-spacing

`.5px` (4) · `.25px` (1) · `-.8px` (1) · `-.64px` (1) · `-.01em` (1)

### Corner radii (most-used)

`30px` · `40px` · `20px` · `10px` · `5px` · `50%` · `3px` · `2px` · `12px` · `.25rem`

### Shadows

- `0 0 0 1px #0000001a, 0 1px 3px #0000001a`
- `0 0 3px #3336`
- `0 0 0 2px #fff`
- `-4px 2px 9px -1px #00000024`
- `0 3px 12px #4a3aff1f`
- `0 4px 10px #4a3aff26`

### Breakpoints

479px · 767px · 768px · 991px · 992px