---
generator: clinical-terminal-brand-kit
company: "Cohere Health"
domain: "coherehealth.com"
colors:
  primary: "#EC1462"
  onPrimary: "#000000"
  dark: "#20485F"
  accent: "#20485F"
  background: "#FAFEFF"
ground:
  mode: light
  hex: "#FAFEFF"
  ink: "#20485F"
  accent: "#E5005C"
fonts:
  heading: "Figtree"
  body: "Figtree"
radius:
  card: "12px"
  button: "12px"
---

# Design System — Cohere Health

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

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

## Color
- **Accent on the ground: #E5005C** (4.61:1), adjusted from Cohere Health's primary #EC1462 so it stays readable. Use it for kickers, key numbers and one highlight per screen, not for large fills.
- **Primary #EC1462** for filled shapes (buttons, chips, bars), with #000000 text on it (4.84:1).
- Secondary accent #20485F: charts and a second data series only.
- Quote every hex exactly as written above.

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

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

## Voice
- Tone: professional. Energy: high. Written for enterprises.
- Headlines are short and concrete.

## Tokens from the site's stylesheets

### Other named colors

- `--brand--jungle-dark`: `#08896D`
- `--brand--pacific-light`: `#C0F2FE`
- `--brand--pacific-main`: `#039EC3`
- `--brand--green-light`: `#DFF1F8`
- `--brand--magenta-main`: `#EA1D63`
- `--brand--white`: `#FFFFFF`
- `--brand--magenta-dark`: `#B10C48`
- `--neutral--white`: `#FFFFFF`
- `--brand--green-medium`: `#486B7E`
- `--brand--sunglow-dark`: `#DD8A0E`
- `--brand--magenta-light`: `#FBCEDE`
- `--brand--pacific-dark`: `#02718B`
- `--brand--black`: `#000000`
- `--neutral--neutral-darker`: `#375565`
- `--brand--green-dark`: `#20485F`
- `--neutral--neutral-green-light`: `#EAF1F4`
- `--neutral--neutral-lightest`: `#D4DDE7`
- `--brand--royal-extra-light`: `#F7EDFF`
- `--brand--sunglow-lightest`: `#FDF1E0`
- `--brand--light-gray`: `#D4DDE7`
- `--background-color--primary`: `#FFFFFF`
- `--brand--royal-light`: `#D9CFEE`
- `--brand--sunglow-light`: `#FFE5BD`
- `--brand--jungle-main`: `#11B08D`
- `--brand--royal-main`: `#6948A6`
- `--neutral--black`: `#000000`
- `--neutral--neutral-dark`: `#444444`
- `--brand--sunglow-main`: `#FFC164`
- `--brand--royal-dark`: `#3E276A`
- `--neutral--neutral-lighter`: `#CCCCCC`
- `--neutral--neutral-light`: `#A2A6A7`
- `--neutral--neutral`: `#666666`
- `--brand--jungle-light`: `#C1F3EE`
- `--neutral--neutral-darkest`: `#111111`

### Typefaces

- Figtree — on Google Fonts
- Host Grotesk

### Type scale (most-used sizes)

`1.875rem` · `1.5rem` · `1.375rem` · `1.25rem` · `1.125rem` · `18px` · `1rem` · `.875rem` · `14px` · `.75rem` · `0.75rem` · `12px`

### Letter-spacing

`-.01em` (9)

### Corner radii (most-used)

`1rem` · `1.5rem` · `.5rem` · `100%` · `2rem` · `.75rem` · `0.5rem` · `52px` · `3px` · `50%`

### Shadows

- `0px 20px 24px -4px rgba(32, 72, 95, 0.05),
      0px 8px 8px -4px rgba(32, 72, 95, 0.03)`
- `0px 4px 8px -4px rgba(32, 72, 95, 0.04),
      0px 4px 6px -2px rgba(32, 72, 95, 0.02)`
- `0 0 0 1px #0000001a,0 1px 3px #0000001a`
- `0 0 3px #3336`
- `0 0 0 2px #fff`
- `0 8px 8px -4px #20485f08,0 20px 24px -4px #20485f0d`

### Gradients

- `linear-gradient(97.71deg, #20485f -15.7%, #112f40 100%)`
- `linear-gradient(currentColor, currentColor)`
- `linear-gradient(90deg,#fff0,#fff)`
- `linear-gradient(103.03deg, #dff1f8 0%, #dff1f8 60.78%, #c1e1ed 106.26%)`
- `linear-gradient(258.5deg, #039ec3 11.06%, #c0f2fe 93.76%)`
- `linear-gradient(258.5deg, #c0f2fe 22.99%, rgba(3, 158, 195, 0.3) 93.76%)`

### Breakpoints

479px · 480px · 767px · 768px · 990px · 991px · 1440px