[Design systems](/design-systems/) / RevOps Health

# RevOps Health design system

revopshealth.com

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

Corrections or removal: <agent@clinicalterminal.com>

![RevOps Health logo](https://firebasestorage.googleapis.com/v0/b/clinical-ai-design.firebasestorage.app/o/snapshots%2Fdesign-systems%2Flogos%2F100923865.jpg?alt=media)

## Palette

- Ground

  \#FFFFFF

  \--ink

- Ink

  \#000000

- Accent on the ground

  \#4D8406

- Primary

  \#76B043

  \--green

- On primary

  \#000000

  \--bg

- Dark

  \#000000

  \--bg

- Site background

  \#FFFFFF

  \--ink

## Other named colors

- \--bg #000000
- \--ink #FFFFFF
- \--muted #FFFFFF
- \--green #76B043
- \--green-lo #76B043
- \--field #F5F7FA
- \--field-ink #0A0A0A
- \--line #FFFFFF

## Type

Headings

Archivo · closest free match for Eurostile-L405qx

RevOps Health at a glance

Body

Work Sans

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

- 30pxRevOps Health
- 1.2rem · 19.2pxRevOps Health
- 16pxRevOps Health
- 15pxRevOps Health
- 0.9rem · 14.4pxRevOps Health
- 14pxRevOps Health
- 13pxRevOps Health
- 0.8rem · 12.8pxRevOps Health

## Shape & depth

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

### Corner radii

- 8px

  used in 3 rules

- 1000px

  used in 1 rule

- 4px

  used in 1 rule

- 50%

  used in 1 rule

- 10px

  used in 1 rule

- 12px

  used in 1 rule

### Shadows

- 0 0 0 9px rgba(118,176,67,0)

  used in 1 rule

- 0 8px 24px rgba(0,0,0,0.4)

  used in 1 rule

- -6px 0 20px rgba(0,0,0,0.5)

  used in 1 rule

- 0 4px 20px rgba(0,0,0,0.35)

  used in 1 rule

### Gradients

- radial-gradient(white, black)

  used in 15 rules

- linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px)

  used in 1 rule

- linear-gradient(90deg,transparent,rgba(118,176,67,.16),transparent)

  used in 1 rule

Breakpoints: 430px · 760px · 767px · 768px · 1400px

## Voice

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

## 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%2F100923865.md?alt=media).

```
---
generator: clinical-terminal-brand-kit
company: "RevOps Health"
domain: "revopshealth.com"
colors:
  primary: "#76B043"
  onPrimary: "#000000"
  dark: "#000000"
  background: "#FFFFFF"
ground:
  mode: light
  hex: "#FFFFFF"
  ink: "#000000"
  accent: "#4D8406"
fonts:
  heading: "Archivo"
  body: "Work Sans"
radius:
  card: "8px"
  button: "8px"
---

# Design System — RevOps Health

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

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

## Color
- **Accent on the ground: #4D8406** (4.55:1), adjusted from RevOps Health's primary #76B043 so it stays readable. Use it for kickers, key numbers and one highlight per screen, not for large fills.
- **Primary #76B043** for filled shapes (buttons, chips, bars), with #000000 text on it (8.06:1).
- Quote every hex exactly as written above.

## Type
- Headlines: **Archivo**. Body: **Work Sans**. Both on Google Fonts.
- RevOps Health's site uses Eurostile-L405qx / Work Sans; these are the closest free look-alikes.

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

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

## Tokens from the site's stylesheets

### Other named colors

- `--bg`: `#000000`
- `--ink`: `#FFFFFF`
- `--muted`: `#FFFFFF`
- `--green`: `#76B043`
- `--green-lo`: `#76B043`
- `--field`: `#F5F7FA`
- `--field-ink`: `#0A0A0A`
- `--line`: `#FFFFFF`

### Typefaces

- Source Sans Pro
- Work Sans — on Google Fonts
- eurostile-l405qx

### Type scale (most-used sizes)

`30px` · `1.2rem` · `16px` · `15px` · `0.9rem` · `14px` · `13px` · `0.8rem` · `12px` · `11px`

### Letter-spacing

`.01em` (2) · `-.02em` (1) · `.14em` (1) · `.12em` (1) · `0.5px` (1)

### Corner radii (most-used)

`8px` · `1000px` · `4px` · `50%` · `10px` · `12px`

### Shadows

- `0 0 0 9px rgba(118,176,67,0)`
- `0 8px 24px rgba(0,0,0,0.4)`
- `-6px 0 20px rgba(0,0,0,0.5)`
- `0 4px 20px rgba(0,0,0,0.35)`

### Gradients

- `radial-gradient(white, black)`
- `linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px)`
- `linear-gradient(90deg,transparent,rgba(118,176,67,.16),transparent)`

### Breakpoints

430px · 760px · 767px · 768px · 1400px
```