---
generator: clinical-terminal-brand-kit
company: "Oneview Healthcare"
domain: "oneviewhealthcare.com"
colors:
  primary: "#A90D3C"
  onPrimary: "#FFFFFF"
  dark: "#00074C"
  accent: "#A90E3D"
  background: "#FFFFFF"
ground:
  mode: light
  hex: "#FFFFFF"
  ink: "#00074C"
  accent: "#A90D3C"
fonts:
  heading: "Outfit"
  body: "Jost"
radius:
  card: "3px"
  button: "0px"
---

# Design System — Oneview Healthcare

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

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

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

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

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

## Voice
- Tone: professional. Energy: medium. Written for patients and healthcare professionals.
- Headlines are short and concrete.

## Tokens from the site's stylesheets

### Other named colors

- `--e-global-color-primary`: `#A90E3D`
- `--e-global-color-secondary`: `#1F1F1F`
- `--e-global-color-text`: `#1F1F1F`
- `--e-global-color-accent`: `#6D0024`
- `--e-global-color-101145a`: `#A90E3D`
- `--e-global-color-5cf087a`: `#A90E3D`
- `--e-global-color-05001e9`: `#FFFFFF`
- `--e-global-color-eb1c13f`: `#1F1F1F`
- `--e-global-color-6a2b656`: `#1F1F1F`
- `--e-global-color-d36684d`: `#6D0024`
- `--e-global-color-5fb9b43`: `#6D0024`
- `--e-global-color-73fa19f`: `#00074C`
- `--e-global-color-be6f872`: `#00074C`
- `--e-global-color-936794b`: `#00074C`
- `--e-global-color-ff6429a`: `#F39919`
- `--e-global-color-8e4a07c`: `#F39919`
- `--e-global-color-c25d436`: `#F39919`
- `--e-global-color-48c5b07`: `#8F8F8F`
- `--e-global-color-9715d4d`: `#C7C7C7`
- `--e-global-color-83892f5`: `#EDEDED`
- `--e-search-white`: `#FFFFFF`
- `--e-search-light-grey`: `#CDCDCD`
- `--e-search-medium-grey`: `#515962`
- `--e-search-dark-grey`: `#2D2D2D`
- `--e-search-black`: `#000000`
- `--e-search-dark-red`: `#CC3366`
- `--e-search-dark-purple`: `#333366`
- `--e-social-icon-icon-color`: `#FFFFFF`

### Typefaces

- Outfit (`--e-global-typography-primary-font-family`) — on Google Fonts
- Jost (`--e-global-typography-text-font-family`) — on Google Fonts
- Lucida Sans Unicode
- Verdana

### Type scale (most-used sizes)

`32px` · `1.5rem` · `20px` · `1.2rem` · `18px` · `16px` · `1rem` · `15px` · `14px` · `13px` · `12px` · `11px`

### Corner radii (most-used)

`3px` · `50%` · `.25rem` · `5px` · `6px` · `2px` · `30px` · `34px` · `.3rem` · `4px`

### Shadows

- `none !important`
- `0 5px 10px rgba(0,0,0,.075)`
- `0 -1px 10px 0 rgba(172,171,171,.3)`
- `#161616 2px 2px 5px 2px`
- `0 .35rem 0 currentColor`
- `inset 0 -1px 0 rgba(0,0,0,.1019607843)`

### Gradients

- `linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%)`
- `linear-gradient(180deg, #DFDFDF 0%, #f2295b 100%)`
- `linear-gradient(0deg,rgba(0,0,0,.35),transparent 75%)`
- `linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%)`
- `linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%)`
- `linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)`

### Breakpoints

479px · 480px · 575px · 576px · 580px · 600px · 767px · 768px · 782px · 800px · 959px · 960px · 985px · 991px · 992px · 1024px · 1025px · 1200px