[Design systems](/design-systems/) / AMN Healthcare Physician Solutions

# AMN Healthcare Physician Solutions design system

amnhealthcare.com

Read from AMN Healthcare Physician Solutions's public website by Clinical Terminal. Not reviewed by AMN Healthcare Physician Solutions. Copy it and paste it into Claude as inspiration.

Corrections or removal: <agent@clinicalterminal.com>

![AMN Healthcare Physician Solutions logo](https://firebasestorage.googleapis.com/v0/b/clinical-ai-design.firebasestorage.app/o/snapshots%2Fdesign-systems%2Flogos%2F101526200.png?alt=media)

## Palette

- Ground

  \#FFFFFF

- Ink

  \#003C69

- Accent on the ground

  \#006FB9

- Primary

  \#006FB9

- On primary

  \#FFFFFF

- Dark

  \#003C69

- Site background

  \#FFFFFF

## Type

Headings

Raleway

AMN Healthcare Physician Solutions at a glance

Body

Archivo · closest free match for Helvetica Now Text

Clear, readable paragraphs for clinicians, buyers and patients alike.

- 48pxAMN Healthcare Physician Solutions
- 40pxAMN Healthcare Physician Solutions
- 32pxAMN Healthcare Physician Solutions
- 26pxAMN Healthcare Physician Solutions
- 24pxAMN Healthcare Physician Solutions
- 22pxAMN Healthcare Physician Solutions
- 20pxAMN Healthcare Physician Solutions
- 18pxAMN Healthcare Physician Solutions

## Shape & depth

Cards and panels: 8px corners · buttons and chips: 8px.

### Corner radii

- 8px

  used in 151 rules

- 10px

  used in 39 rules

- 5px

  used in 22 rules

- 3px

  used in 19 rules

- 24px

  used in 17 rules

- 50%

  used in 16 rules

- 100%

  used in 15 rules

- 6px

  used in 13 rules

- 27px

  used in 12 rules

- 20px

  used in 12 rules

### Shadows

- 0 3px 6px rgba(0,0,0,.12157)

  used in 28 rules

- inset 0 0 0 3px #bbb

  used in 22 rules

- 0 3px 6px rgba(0,0,0,.16078)

  used in 18 rules

- inset 0 0 0 3px #1765f4

  used in 12 rules

- inset 0 0 0 3px #062c57

  used in 12 rules

- 0 5px 20px rgba(0,0,0,.10196)

  used in 12 rules

### Gradients

- linear-gradient(left,#0098db,#0098db)

  used in 2 rules

- linear-gradient(90deg,#0098db,#0098db)

  used in 2 rules

- linear-gradient(right,rgba(255,255,255,0) 0,rgba(0,0,0,.98039) 100%)

  used in 2 rules

- linear-gradient(270deg,rgba(255,255,255,0),rgba(0,0,0,.98039))

  used in 2 rules

- linear-gradient(top,#c6e7fa 0,#fbf7ed 100%)

  used in 1 rule

- linear-gradient(180deg,#c6e7fa,#fbf7ed)

  used in 1 rule

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

## Voice

Tone: professional. Energy: low. Written for job seekers.

## DESIGN.md

The file Copy design system puts on your clipboard. [Open the raw file](https://firebasestorage.googleapis.com/v0/b/clinical-ai-design.firebasestorage.app/o/snapshots%2Fdesign-systems%2Fmd%2F101526200.md?alt=media).

```
---
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
```