---
generator: clinical-terminal-brand-kit
company: "PHIMED Technologies"
domain: "phimed.com"
colors:
  primary: "#0072BC"
  onPrimary: "#FFFFFF"
  dark: "#89C43F"
  accent: "#0E86C9"
  background: "#0072BC"
ground:
  mode: dark
  hex: "#0A0E14"
  ink: "#FFFFFF"
  accent: "#2081CD"
fonts:
  heading: "Arimo"
  body: "Arimo"
radius:
  card: "4px"
  button: "100px"
---

# Design System — PHIMED Technologies

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

## Ground
- **Dark ground** (#0A0E14), from PHIMED Technologies's site background #0072BC. Pages and panels sit on it.
- Main text: #FFFFFF (19.34:1 on the ground).
- Secondary text is white at 88% / 76% / 60%; hairlines and plate borders white at 16%.

## Color
- **Accent on the ground: #2081CD** (4.68:1), adjusted from PHIMED Technologies's primary #0072BC so it stays readable. Use it for kickers, key numbers and one highlight per screen, not for large fills.
- **Primary #0072BC** for filled shapes (buttons, chips, bars), with #FFFFFF text on it (5.08:1).
- Secondary accent #0E86C9: charts and a second data series only.
- Quote every hex exactly as written above.

## Type
- Headlines: **Arimo**. Body: **Arimo**. Both on Google Fonts.
- PHIMED Technologies's site uses Arial / Arial; these are the closest free look-alikes.

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

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

## Tokens from the site's stylesheets

### Other named colors

- `--awb-tooltip-text-color`: `#FFFFFF`
- `--awb-tooltip-background-color`: `#333333`
- `--awb-text-color`: `#FFFFFF`
- `--awb-overlay-background-color`: `#000000`
- `--awb-background-color`: `#FFFFFF`
- `--awb-oc-scrollbar-handle-color`: `#65BC7B`
- `--awb-oc-scrollbar-background`: `#F2F3F5`
- `--awb-close-button-color-hover`: `#D30404`
- `--page_title_border_color`: `#E2E2E2`
- `--awb-color1`: `#FFFFFF`
- `--awb-color2`: `#C6D2D9`
- `--awb-color3`: `#45D5FF`
- `--awb-color4`: `#0072BC`
- `--awb-color5`: `#0072BC`
- `--awb-color6`: `#8DC63F`
- `--awb-color7`: `#003354`
- `--awb-color8`: `#0E1A35`
- `--sidebar_bg_color`: `#FFFFFF`
- `--privacy_bar_lifespan_color`: `#FFFFFF`
- `--privacy_bar_desc_color`: `#FFFFFF`
- `--timeline_bg_color`: `#FFFFFF`
- `--timeline_bg_color-not-transparent`: `#FFFFFF`
- `--danger_bg_color`: `#DB4B68`
- `--danger_accent_color`: `#DB4B68`
- `--success_bg_color`: `#12B878`
- `--success_accent_color`: `#12B878`
- `--warning_bg_color`: `#F1AE2A`
- `--warning_accent_color`: `#F1AE2A`
- `--chart_bg_color`: `#FFFFFF`
- `--checklist_odd_row_bgcolor`: `#FFFFFF`
- `--checklist_even_row_bgcolor`: `#FFFFFF`
- `--full_width_bg_color`: `#FFFFFF`
- `--content_box_bg_color`: `#FFFFFF`
- `--flip_boxes_border_color`: `#000000`
- `--icon_border_size`: `#FFFFFF`
- `--before_after_handle_bg`: `#FFFFFF`
- `--header_border_color`: `#E2E2E2`
- `--sidebar_widget_bg_color`: `#FFFFFF`
- `--awb-bottom-shadow-color`: `#000000`
- `--awb-caption-border-color`: `#FFFFFF`
- `--awb-handle-accent-color`: `#D3D3D3`
- `--awb-handle-transparent-color`: `#D3D3D3`
- `--awb-accent-color-bg`: `#FFFFFF`
- `--awb-hotspot-text-color`: `#000000`
- `--awb-hotspot-background-color`: `#FFFFFF`
- `--awb-hotspot-hover-text-color`: `#000000`
- `--awb-hotspot-hover-background-color`: `#E2E2E2`
- `--awb-bg`: `#000000`
- `--awb-active-bg`: `#000000`
- `--awb-active-border-color`: `#000000`
- `--awb-active-color`: `#65BC7B`
- `--awb-submenu-sep-color`: `#E2E2E2`
- `--awb-submenu-bg`: `#FFFFFF`
- `--awb-submenu-color`: `#212934`
- `--awb-submenu-active-bg`: `#F9F9FB`
- `--awb-submenu-active-color`: `#212934`
- `--awb-icons-color`: `#212934`
- `--awb-mobile-trigger-background-color`: `#FFFFFF`
- `--awb-mobile-trigger-color`: `#4A4E57`
- `--awb-mobile-bg`: `#FFFFFF`
- `--awb-mobile-color`: `#4A4E57`
- `--awb-mobile-active-bg`: `#F9F9FB`
- `--awb-mobile-active-color`: `#4A4E57`
- `--awb-mobile-sep-color`: `#000000`
- `--awb-flyout-active-close-color`: `#212934`
- `--awb-flyout-close-color`: `#212934`
- `--awb-title-font-color`: `#111111`
- `--awb-ticker-font-color`: `#EAEAEA`
- `--awb-ticker-hover-font-color`: `#AAAAAA`
- `--awb-ticker-background-color`: `#111111`
- `--awb-ticker-indicators-hover-color`: `#AAAAAA`
- `--awb-pic-style-color`: `#000000`
- `--awb-inactive-color`: `#444444`
- `--awb-arrow-color`: `#FFFFFF`
- `--awb-dots-color`: `#000000`
- `--awb-form-background-color`: `#F6F6F6`
- `--tag-color`: `#FFFFFF`
- `--tag-text-color-hover`: `#FFFFFF`
- `--awb-cursor-color`: `#FFFFFF`

### Typefaces

- / (`--breadcrumbs_separator`)
- ellipsis (`--awb-text-overflow`)
- circle at center center (`--awb-radial-direction`)
- Business
- PT Sans — on Google Fonts
- Business' !important

### Type scale (most-used sizes)

`30px` · `28px` · `25px` · `24px` · `21px` · `18px` · `16px` · `1rem` · `14px` · `13px` · `12px` · `10px`

### Letter-spacing

`-0.015em` (5) · `2px` (4) · `1px` (2) · `.1em` (2) · `-0.020em` (1)

### Corner radii (most-used)

`50%` · `4px` · `100%` · `5px` · `3px` · `2px` · `75px` · `50px` · `20px` · `6px`

### Shadows

- `none!important`
- `0 3px 15px rgba(0,0,0,.4)`
- `1.5em 0 currentColor,-1.5em 0 color-mix(in sRGB,currentColor 50%,transparent)`
- `1.5em 0 color-mix(in sRGB,currentColor 50%,transparent),-1.5em 0 currentColor`
- `0 0 0 2px rgba(255,255,255,.1)`
- `inset 0 0 3px rgba(0,0,0,.3)`

### Gradients

- `linear-gradient(to right,transparent,black 15%,black 85%,transparent)`
- `linear-gradient(to top,#aad75d,#d1e990)`
- `radial-gradient(circle,white,black)`
- `radial-gradient(ellipse at 70% -50%,rgba(0,0,0,.5) 0,rgba(255,255,255,0) 75%)`
- `radial-gradient(ellipse at 30% -50%,rgba(0,0,0,.5) 0,rgba(255,255,255,0) 75%)`
- `linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)`

### Breakpoints

0px · 640px · 641px · 712px · 782px · 784px · 800px · 856px · 860px · 900px · 928px · 968px · 982px · 992px · 1000px · 1001px · 1024px · 1025px · 1200px