Clinical Terminal
AboutSign in

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

Palette

Other named colors

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.

Shape & depth

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

Corner radii

Shadows

Gradients

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.

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