---
generator: clinical-terminal-brand-kit
company: "Ancore Health"
domain: "ancorehealth.com"
colors:
  primary: "#90F2A0"
  onPrimary: "#121540"
  dark: "#E8F5FF"
  background: "#060820"
ground:
  mode: dark
  hex: "#060820"
  ink: "#FFFFFF"
  accent: "#90F2A0"
fonts:
  heading: "Archivo"
  body: "Archivo"
radius:
  card: "8px"
  button: "960px"
---

# Design System — Ancore Health

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

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

## Color
- **Accent on the ground: #90F2A0** (14.48:1). Use it for kickers, key numbers and one highlight per screen, not for large fills.
- **Primary #90F2A0** for filled shapes (buttons, chips, bars), with #121540 text on it (12.75:1).
- Quote every hex exactly as written above.

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

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

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

## Tokens from the site's stylesheets

### Other named colors

- `--black`: `#060820`
- `--powder-blue`: `#E8F5FF`
- `--cool-green`: `#90F2A0`
- `--navy`: `#121540`
- `--midnight-blue`: `#1E214A`
- `--red`: `#EB695B`
- `--purple`: `#7A82C4`
- `--card-bg`: `#1E214A`
- `--cyan`: `#67CDD6`
- `--yellow`: `#FAC96D`
- `--green`: `#90F2A0`
- `--green-2`: `#78DD89`

### Typefaces

- Noto Sans Mono
- Bai Jamjuree

### Type scale (most-used sizes)

`1.8rem` · `1.6rem` · `24px` · `1.4rem` · `1.2rem` · `1.13rem` · `18px` · `1rem` · `.88rem` · `14px` · `.75rem` · `12px`

### Letter-spacing

`-.02em` (6) · `.03em` (5) · `.07em` (2) · `.02em` (1) · `.05em` (1) · `.15em` (1)

### Corner radii (most-used)

`100%` · `3px` · `50%`

### Shadows

- `0 0 0 1px #0000001a, 0 1px 3px #0000001a`
- `0 0 3px #3336`
- `0 0 0 2px #fff`

### Breakpoints

479px · 767px · 768px · 991px · 992px · 1680px · 1920px