---
generator: clinical-terminal-brand-kit
company: "Plutus Health Inc."
domain: "plutushealthinc.com"
colors:
  primary: "#196EB6"
  onPrimary: "#FFFFFF"
  dark: "#0A0A0A"
  accent: "#3375E7"
  background: "#FFFFFF"
ground:
  mode: light
  hex: "#FFFFFF"
  ink: "#0A0A0A"
  accent: "#196EB6"
fonts:
  heading: "Montserrat"
  body: "Montserrat"
radius:
  card: "10px"
  button: "0px"
---

# Design System — Plutus Health Inc.

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

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

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

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

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

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

## Tokens from the site's stylesheets

### Other named colors

- `--authority-black`: `#0A0A0A`
- `--executive-burgundy`: `#9C1B2E`
- `--white`: `#FFFFFF`
- `--gold`: `#B8924A`
- `--soft-cream`: `#FAFAF7`
- `--diagnostic-beige`: `#EFECE3`
- `--ar-ledger-gray`: `#363636`
- `--green-ink`: `#0C1512`
- `--diagnostic-gold`: `#F1ECE0`
- `--executive-navy`: `#091D3F`
- `--therapy-cloud`: `#FAFAF7`
- `--executive-emerald`: `#0F7A55`
- `--green-bright-emerald`: `#5BC79A`
- `--mutedgreen`: `#5C6A62`
- `--diagnostic-beige-light`: `#F6F4EF`
- `--muted-ink`: `#9DB0A6`
- `--cream`: `#FBFAF6`
- `--deep-cream`: `#E0D2B1`
- `--green-ink-2`: `#13211B`

### Typefaces

- Lato (`--lato-body`) — on Google Fonts
- Montserrat (`--montserrat-headings`) — on Google Fonts
- JetBrains Mono — on Google Fonts
- Inter Tight — on Google Fonts
- InterTight

### Type scale (most-used sizes)

`40px` · `30px` · `28px` · `22px` · `20px` · `18px` · `17px` · `16px` · `15px` · `14px` · `12px` · `11px`

### Letter-spacing

`.04em` (3) · `.18em` (1) · `-.04em` (1) · `-.02em` (1) · `.12em` (1) · `.15em` (1)

### Corner radii (most-used)

`10px` · `5px` · `100px` · `50%` · `20px` · `25px` · `.25rem` · `.5rem` · `3px` · `100%`

### Shadows

- `0 2px 5px #0003`
- `0 10px 30px #0000001a`
- `0 0 3px 1px #3898ec`
- `0 1px 2px #0000000a`
- `0 16px 40px #0000001f`
- `0 2px 8px #0003`

### Gradients

- `linear-gradient(#00000080,#00000080)`
- `linear-gradient(#3375e7d1,#3375e7d1)`
- `linear-gradient(#ffffffdb,#ffffffdb)`
- `radial-gradient(circle farthest-side,#e7e7e7b0,#f3f3f3f0 46%,#f3f3f3ed 63%)`
- `radial-gradient(circle farthest-side at 50% 40%,#e7e7e7ed,#f3f3f3fa 46%,#f3f3f3 63%)`
- `linear-gradient(#ffffff80,#ffffff80)`

### Breakpoints

400px · 475px · 479px · 480px · 767px · 768px · 991px · 1024px · 1280px · 1440px · 1920px