Imprivata design system

imprivata.com

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

CopyCopy design system

Corrections or removal: agent@clinicalterminal.com

Palette

• Ground

  #FCFDFD
• Ink

  #333333
• Accent on the ground

  #CE202F
• Primary

  #CE202F
• On primary

  #FFFFFF
• Secondary accent

  #CC0033
• Dark

  #333333
• Site background

  #FCFDFD

Type

• 2rem · 32pxImprivata
• 1.5rem · 24pxImprivata
• 0.1pxImprivata

Shape & depth

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

Shadows

• inset 1px 1px 1px #ccc

  used in 1 rule

Breakpoints: 767px · 768px · 1023px

Voice

Tone: professional. Energy: low. Written for enterprises.

DESIGN.md

The file Copy design system puts on your clipboard. Open the raw file.

---
generator: clinical-terminal-brand-kit
company: "Imprivata"
domain: "imprivata.com"
colors:
  primary: "#CE202F"
  onPrimary: "#FFFFFF"
  dark: "#333333"
  accent: "#CC0033"
  background: "#FCFDFD"
ground:
  mode: light
  hex: "#FCFDFD"
  ink: "#333333"
  accent: "#CE202F"
fonts:
  heading: "Barlow"
  body: "Barlow"
radius:
  card: "9px"
  button: "9px"
---

# Design System — Imprivata

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

## Ground
- **Light ground** (#FCFDFD), from Imprivata's site background #FCFDFD. Pages and panels sit on it.
- Main text: #333333 (12.4:1 on the ground).
- Secondary text is #333333 at 88% / 76% / 60%; hairlines and plate borders #333333 at 16%.

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

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

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

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

## Tokens from the site's stylesheets

### Typefaces

- Barlow — on Google Fonts

### Type scale (most-used sizes)

`2rem` · `1.5rem` · `0.1px` · `0px`

### Shadows

- `inset 1px 1px 1px #ccc`

### Breakpoints

767px · 768px · 1023px