---
generator: clinical-terminal-brand-kit
company: "AMN Healthcare Physician Solutions"
domain: "amnhealthcare.com"
colors:
  primary: "#006FB9"
  onPrimary: "#FFFFFF"
  dark: "#003C69"
  background: "#FFFFFF"
ground:
  mode: light
  hex: "#FFFFFF"
  ink: "#003C69"
  accent: "#006FB9"
fonts:
  heading: "Raleway"
  body: "Archivo"
radius:
  card: "8px"
  button: "8px"
---

# Design System — AMN Healthcare Physician Solutions

> Read from AMN Healthcare Physician Solutions's public website (amnhealthcare.com) by Clinical Terminal. Not reviewed by AMN Healthcare Physician Solutions.
> Use it as inspiration: borrow the ideas, not AMN Healthcare Physician Solutions's name, logo or identity.

## Ground
- **Light ground** (#FFFFFF), from AMN Healthcare Physician Solutions's site background #FFFFFF. Pages and panels sit on it.
- Main text: #003C69 (11.35:1 on the ground).
- Secondary text is #003C69 at 88% / 76% / 60%; hairlines and plate borders #003C69 at 16%.

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

## Type
- Headlines: **Raleway**. Body: **Archivo**. Both on Google Fonts.
- AMN Healthcare Physician Solutions's site uses Raleway / Helvetica Now Text; these are the closest free look-alikes.

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

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

## Tokens from the site's stylesheets

### Typefaces

- Helvetica Now Display Bold
- Helvetica Now Text Regular
- Helvetica Now Display Medium
- Raleway — on Google Fonts
- Helvetica Now Display XBold
- Alga Bold
- Better Times
- Alga Semi Bold

### Type scale (most-used sizes)

`48px` · `40px` · `32px` · `26px` · `24px` · `22px` · `20px` · `18px` · `16px` · `15px` · `14px` · `12px`

### Letter-spacing

`.16px` (61) · `.18px` (16) · `-1px` (8) · `-.8px` (7) · `.14px` (5) · `-.28px` (4)

### Corner radii (most-used)

`8px` · `10px` · `5px` · `3px` · `24px` · `50%` · `100%` · `6px` · `27px` · `20px`

### Shadows

- `0 3px 6px rgba(0,0,0,.12157)`
- `inset 0 0 0 3px #bbb`
- `0 3px 6px rgba(0,0,0,.16078)`
- `inset 0 0 0 3px #1765f4`
- `inset 0 0 0 3px #062c57`
- `0 5px 20px rgba(0,0,0,.10196)`

### Gradients

- `linear-gradient(left,#0098db,#0098db)`
- `linear-gradient(90deg,#0098db,#0098db)`
- `linear-gradient(right,rgba(255,255,255,0) 0,rgba(0,0,0,.98039) 100%)`
- `linear-gradient(270deg,rgba(255,255,255,0),rgba(0,0,0,.98039))`
- `linear-gradient(top,#c6e7fa 0,#fbf7ed 100%)`
- `linear-gradient(180deg,#c6e7fa,#fbf7ed)`

### Breakpoints

374px · 375px · 767px · 768px · 900px · 1023px · 1024px · 1199px · 1200px · 1365px · 1366px · 1500px · 1920px