---
generator: clinical-terminal-brand-kit
company: "Network Medical Review (NMR)"
domain: "nmrco.com"
colors:
  primary: "#CB6C34"
  onPrimary: "#000000"
  dark: "#17252A"
  background: "#FFFFFF"
ground:
  mode: light
  hex: "#FFFFFF"
  ink: "#17252A"
  accent: "#B75A1E"
fonts:
  heading: "Roboto"
  body: "Roboto"
radius:
  card: "5px"
  button: "50px"
---

# Design System — Network Medical Review (NMR)

> Read from Network Medical Review (NMR)'s public website (nmrco.com) by Clinical Terminal. Not reviewed by Network Medical Review (NMR).
> Use it as inspiration: borrow the ideas, not Network Medical Review (NMR)'s name, logo or identity.

## Ground
- **Light ground** (#FFFFFF), from Network Medical Review (NMR)'s site background #FFFFFF. Pages and panels sit on it.
- Main text: #17252A (15.74:1 on the ground).
- Secondary text is #17252A at 88% / 76% / 60%; hairlines and plate borders #17252A at 16%.

## Color
- **Accent on the ground: #B75A1E** (4.67:1), adjusted from Network Medical Review (NMR)'s primary #CB6C34 so it stays readable. Use it for kickers, key numbers and one highlight per screen, not for large fills.
- **Primary #CB6C34** for filled shapes (buttons, chips, bars), with #000000 text on it (5.73:1).
- Quote every hex exactly as written above.

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

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

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

## Tokens from the site's stylesheets

### Typefaces

- Roboto Condensed — on Google Fonts
- Roboto — on Google Fonts
- Nunito — on Google Fonts

### Type scale (most-used sizes)

`32px` · `2rem` · `28px` · `1.6rem` · `24px` · `1.25rem` · `18px` · `16px` · `1rem` · `15px` · `14px` · `12px`

### Letter-spacing

`1px` (5)

### Corner radii (most-used)

`50px` · `30px` · `3px` · `.25rem` · `5px` · `4px` · `50%` · `100px` · `10px` · `7px`

### Shadows

- `0px 0px 15px rgba(0,0,0,.15)`
- `0 10px 15px rgb(0 0 0 / 12%)`
- `0 0 1em rgba(0,0,0,.1)`
- `0px 0px 15px rgb(0 0 0 / 10%)`
- `0px 0px 15px rgba(0,0,0,0.10)`
- `1px 0 5px #000`

### Gradients

- `linear-gradient( to bottom,
      rgba(205, 109, 53, 0%),
      rgba(0, 0, 0, 100%)
    )`
- `linear-gradient( to bottom,
      rgba(39, 54, 145, 0%),
      rgba(39, 54, 145, 100%)
    )`
- `linear-gradient(rgba(203, 108, 52, 1), rgba(203, 108, 52, 1))`
- `linear-gradient(to bottom, rgba(39, 54, 145, 0%), rgba(118, 57, 39, 100%))`

### Breakpoints

344px · 400px · 479px · 480px · 500px · 568px · 767px · 768px · 865px · 959px · 980px · 991px · 1000px · 1100px · 1200px · 1201px · 1280px