Clinical Terminal
AboutSign in

Ni2 Health: An Infinx Company design system

ni2health.com

Read from Ni2 Health: An Infinx Company's public website by Clinical Terminal. Not reviewed by Ni2 Health: An Infinx Company. Copy it and paste it into Claude as inspiration.

Corrections or removal: agent@clinicalterminal.com

Ni2 Health: An Infinx Company homepage

Palette

Other named colors

Type

Headings
Open Sans

Ni2 Health: An Infinx Company at a glance

Body
Open Sans

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

Shape & depth

Cards and panels: 4px corners · buttons and chips: 2px.

Corner radii

Shadows

Gradients

Breakpoints: 400px · 600px · 640px · 641px · 644px · 735px · 768px · 782px · 800px · 801px · 826px · 860px

Voice

Tone: professional. Energy: medium. Written for patients and healthcare professionals.

DESIGN.md

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

---
generator: clinical-terminal-brand-kit
company: "Ni2 Health: An Infinx Company"
domain: "ni2health.com"
colors:
  primary: "#6599C8"
  onPrimary: "#000000"
  dark: "#125687"
  accent: "#125687"
  background: "#FFFFFF"
ground:
  mode: light
  hex: "#FFFFFF"
  ink: "#125687"
  accent: "#477BA8"
fonts:
  heading: "Open Sans"
  body: "Open Sans"
radius:
  card: "4px"
  button: "2px"
---

# Design System — Ni2 Health: An Infinx Company

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

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

## Color
- **Accent on the ground: #477BA8** (4.5:1), adjusted from Ni2 Health: An Infinx Company's primary #6599C8 so it stays readable. Use it for kickers, key numbers and one highlight per screen, not for large fills.
- **Primary #6599C8** for filled shapes (buttons, chips, bars), with #000000 text on it (6.94:1).
- Secondary accent #125687: charts and a second data series only.
- Quote every hex exactly as written above.

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

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

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

- `--awb-tooltip-text-color`: `#FFFFFF`
- `--awb-tooltip-background-color`: `#333333`
- `--awb-text-color`: `#FFFFFF`
- `--awb-color1`: `#FFFFFF`
- `--awb-color2`: `#F6F6F6`
- `--awb-color3`: `#E0DEDE`
- `--awb-color4`: `#A0CE4E`
- `--awb-color5`: `#747474`
- `--awb-color6`: `#1A80B6`
- `--awb-color7`: `#125687`
- `--awb-color8`: `#333333`
- `--awb-custom_color_10`: `#EBEAEA`
- `--awb-custom_color_11`: `#363839`
- `--awb-custom_color_12`: `#BFBFBF`
- `--awb-custom_color_13`: `#000000`
- `--awb-custom_color_14`: `#EBEAEA`
- `--awb-custom_color_15`: `#F9F9F9`
- `--awb-custom_color_16`: `#8C8989`
- `--awb-custom_color_17`: `#BEBDBD`
- `--awb-custom_color_18`: `#E8E8E8`
- `--primary_color`: `#125687`
- `--primary_color-85a`: `#125687`
- `--primary_color-7a`: `#125687`
- `--primary_color-5a`: `#125687`
- `--primary_color-35a`: `#125687`
- `--primary_color-2a`: `#125687`
- `--menu_highlight_background`: `#A0CE4E`
- `--menu_sub_bg_color`: `#F2EFEF`
- `--menu_bg_hover_color`: `#A0CE4E`
- `--menu_sub_sep_color`: `#DCDADB`
- `--menu_h45_bg_color`: `#FFFFFF`
- `--nav_typography-color`: `#333333`
- `--nav_typography-color-65a`: `#333333`
- `--nav_typography-color-35a`: `#333333`
- `--menu_hover_first_color`: `#1A80B6`
- `--menu_hover_first_color-65a`: `#1A80B6`
- `--menu_sub_color`: `#333333`
- `--header_top_menu_sub_color`: `#747474`
- `--mobile_header_bg_color`: `#FFFFFF`
- `--mobile_menu_background_color`: `#F9F9F9`
- `--mobile_menu_hover_color`: `#F6F6F6`
- `--mobile_menu_border_color`: `#DADADA`
- `--mobile_menu_toggle_color`: `#DADADA`
- `--mobile_menu_typography-color`: `#333333`
- `--mobile_menu_font_hover_color`: `#333333`
- `--logo_background_color`: `#A0CE4E`
- `--slidingbar_bg_color`: `#363839`
- `--slidingbar_divider_color`: `#282A2B`
- `--slidingbar_link_color`: `#BFBFBF`
- `--slidingbar_link_color_hover`: `#125687`
- `--footer_divider_color`: `#505152`
- `--footer_headings_typography-color`: `#DDDDDD`
- `--footer_text_color`: `#8C8989`
- `--sidebar_bg_color`: `#FFFFFF`
- `--bg_color`: `#FFFFFF`
- `--content_bg_color`: `#FFFFFF`
- `--body_typography-color`: `#000000`
- `--link_color`: `#333333`
- `--link_color-8a`: `#333333`
- `--link_hover_color`: `#125687`
- `--link_hover_color-85a`: `#125687`
- `--link_hover_color-7a`: `#125687`
- `--link_hover_color-5a`: `#125687`
- `--link_hover_color-35a`: `#125687`
- `--link_hover_color-2a`: `#125687`
- `--h1_typography-color`: `#125687`
- `--h2_typography-color`: `#125687`
- `--h3_typography-color`: `#333333`
- `--h4_typography-color`: `#333333`
- `--h5_typography-color`: `#333333`
- `--h6_typography-color`: `#333333`
- `--post_title_typography-color`: `#FFFFFF`
- `--post_titles_extras_typography-color`: `#FFFFFF`
- `--dates_box_color`: `#EEF0F2`
- `--social_bg_color`: `#F6F6F6`
- `--sharing_social_links_icon_color`: `#BEBDBD`
- `--sharing_social_links_box_color`: `#E8E8E8`
- `--form_bg_color`: `#FFFFFF`
- `--form_text_color`: `#AAA9A9`
- `--form_text_color-35a`: `#AAA9A9`
- `--form_border_color`: `#D2D2D2`
- `--form_focus_border_color`: `#D2D2D2`
- `--form_focus_border_color-5a`: `#D2D2D2`
- `--privacy_bg_color`: `#000000`
- `--privacy_color`: `#000000`
- `--privacy_bar_bg_color`: `#363839`
- `--privacy_bar_color`: `#8C8989`
- `--privacy_bar_link_color`: `#BFBFBF`
- `--privacy_bar_link_hover_color`: `#A0CE4E`
- `--privacy_bar_headings_color`: `#DDDDDD`
- `--privacy_bar_lifespan_color`: `#FFFFFF`
- `--privacy_bar_desc_color`: `#FFFFFF`
- `--image_rollover_text_color`: `#333333`
- `--timeline_bg_color`: `#FFFFFF`
- `--timeline_bg_color-not-transparent`: `#FFFFFF`
- `--timeline_color`: `#EBEAEA`
- `--grid_separator_color`: `#E0DEDE`
- `--carousel_nav_color`: `#000000`
- `--carousel_hover_color`: `#000000`
- `--info_bg_color`: `#FFFFFF`
- `--info_accent_color`: `#808080`
- `--danger_bg_color`: `#F2DEDE`
- `--danger_accent_color`: `#A64242`
- `--success_bg_color`: `#DFF0D8`
- `--success_accent_color`: `#5CA340`
- `--warning_bg_color`: `#FCF8E3`
- `--warning_accent_color`: `#D9B917`
- `--button_gradient_top_color`: `#A0CE4E`
- `--button_gradient_bottom_color`: `#A0CE4E`
- `--button_gradient_top_color_hover`: `#A0CE4E`
- `--button_gradient_bottom_color_hover`: `#A0CE4E`
- `--button_accent_color`: `#125687`
- `--button_accent_hover_color`: `#FFFFFF`
- `--button_bevel_color`: `#105378`
- `--button_bevel_color_hover`: `#105378`
- `--button_border_color`: `#125687`
- `--button_border_hover_color`: `#FFFFFF`
- `--chart_bg_color`: `#FFFFFF`
- `--checklist_icons_color`: `#FFFFFF`
- `--checklist_circle_color`: `#1A80B6`
- `--checklist_text_color`: `#000000`
- `--checklist_divider_color`: `#E0DEDE`
- `--checklist_odd_row_bgcolor`: `#FFFFFF`
- `--checklist_even_row_bgcolor`: `#FFFFFF`
- `--full_width_bg_color`: `#FFFFFF`
- `--full_width_border_color`: `#EAE9E9`
- `--content_box_bg_color`: `#FFFFFF`
- `--content_box_icon_color`: `#FFFFFF`
- `--countdown_background_color`: `#1A80B6`
- `--countdown_counter_box_color`: `#333333`
- `--countdown_counter_border_color`: `#1D242D`
- `--countdown_counter_text_color`: `#FFFFFF`
- `--countdown_label_color`: `#FFFFFF`
- `--countdown_heading_text_color`: `#FFFFFF`
- `--countdown_subheading_text_color`: `#FFFFFF`
- `--countdown_link_text_color`: `#FFFFFF`
- `--counter_box_color`: `#1A80B6`
- `--counter_box_body_color`: `#747474`
- `--counter_box_border_color`: `#E0DEDE`
- `--flip_boxes_front_bg`: `#F6F6F6`
- `--flip_boxes_front_heading`: `#333333`
- `--flip_boxes_front_text`: `#747474`
- `--flip_boxes_back_bg`: `#1A80B6`
- `--flip_boxes_back_heading`: `#EEEDED`
- `--flip_boxes_back_text`: `#FFFFFF`
- `--flip_boxes_border_color`: `#FFFFFF`
- `--icon_color`: `#FFFFFF`
- `--icon_color_hover`: `#FFFFFF`
- `--icon_circle_color`: `#333333`
- `--icon_circle_color_hover`: `#333333`
- `--icon_border_size`: `#FFFFFF`
- `--icon_border_color`: `#333333`
- `--icon_border_color_hover`: `#333333`
- `--gallery_border_color`: `#F6F6F6`
- `--before_after_accent_color`: `#FFFFFF`
- `--before_after_handle_color`: `#FFFFFF`
- `--before_after_handle_bg`: `#FFFFFF`
- `--before_after_border_color`: `#E2E2E2`
- `--popover_heading_bg_color`: `#F6F6F6`
- `--popover_content_bg_color`: `#FFFFFF`
- `--popover_border_color`: `#EBEBEB`
- `--popover_text_color`: `#747474`
- `--pricing_box_color`: `#62A2C4`
- `--progressbar_text_color`: `#FFFFFF`
- `--progressbar_filled_color`: `#1A80B6`
- `--progressbar_unfilled_color`: `#F6F6F6`
- `--sep_color`: `#E0DEDE`
- `--tabs_bg_color`: `#FFFFFF`
- `--tabs_inactive_color`: `#EBEAEA`
- `--tabs_border_color`: `#EBEAEA`
- `--testimonial_bg_color`: `#F6F6F6`
- `--testimonial_text_color`: `#747474`
- `--title_border_color`: `#E0DEDE`
- `--accordion_divider_color`: `#E0DEDE`
- `--accordion_divider_hover_color`: `#E0DEDE`
- `--accordian_inactive_color`: `#333333`
- `--accordian_active_color`: `#125687`
- `--faq_accordion_divider_color`: `#E0DEDE`
- `--faq_accordion_divider_hover_color`: `#E0DEDE`
- `--faq_accordion_title_typography-color`: `#333333`
- `--faq_accordian_icon_color`: `#FFFFFF`
- `--faq_accordian_inactive_color`: `#333333`
- `--faq_accordion_content_typography-color`: `#000000`
- `--header_bg_color`: `#FFFFFF`
- `--archive_header_bg_color`: `#FFFFFF`
- `--header_border_color`: `#E5E5E5`
- `--header_top_bg_color`: `#FFFFFF`
- `--snav_color`: `#747474`
- `--tagline_font_color`: `#747474`
- `--header_sticky_bg_color`: `#FFFFFF`
- `--header_sticky_menu_color`: `#333333`
- `--flyout_menu_icon_color`: `#333333`
- `--flyout_menu_icon_hover_color`: `#A0CE4E`
- `--flyout_menu_background_color`: `#FFFFFF`
- `--header_top_first_border_color`: `#EFEFEF`
- `--header_top_sub_bg_color`: `#FFFFFF`
- `--header_top_menu_bg_hover_color`: `#FAFAFA`
- `--header_top_menu_sub_sep_color`: `#E5E5E5`
- `--header_top_menu_sub_hover_color`: `#333333`
- `--menu_icon_color`: `#333333`
- `--menu_icon_hover_color`: `#125687`
- `--page_title_bg_color`: `#F6F6F6`
- `--page_title_border_color`: `#D2D3D4`
- `--page_title_color`: `#FFFFFF`
- `--page_title_subheader_color`: `#333333`
- `--breadcrumbs_text_color`: `#333333`
- `--breadcrumbs_text_hover_color`: `#333333`
- `--slidingbar_toggle_icon_color`: `#FFFFFF`
- `--slidingbar_headings_color`: `#DDDDDD`
- `--slidingbar_text_color`: `#8C8989`
- `--footer_bg_color`: `#363839`
- `--footer_border_color`: `#363839`
- `--footer_link_color`: `#BFBFBF`
- `--footer_link_color_hover`: `#125687`
- `--copyright_bg_color`: `#282A2B`
- `--copyright_border_color`: `#4B4C4D`
- `--copyright_link_color_hover`: `#FFFFFF`
- `--copyright_text_color`: `#8C8989`
- `--copyright_link_color`: `#BFBFBF`
- `--sidebar_widget_bg_color`: `#FFFFFF`
- `--sidebar_heading_color`: `#333333`
- `--blog_load_more_posts_button_bg_color`: `#EBEAEA`
- `--blog_load_more_posts_button_text_color`: `#333333`
- `--blog_load_more_posts_hover_button_bg_color`: `#EBEAEA`
- `--blog_load_more_posts_hover_button_text_color`: `#333333`
- `--portfolio_archive_load_more_posts_button_bg_color`: `#EBEAEA`
- `--portfolio_archive_load_more_posts_button_text_color`: `#333333`
- `--portfolio_archive_load_more_posts_hover_button_bg_color`: `#EBEAEA`
- `--portfolio_archive_load_more_posts_hover_button_text_color`: `#333333`
- `--blog_element_load_more_posts_button_bg_color`: `#EBEAEA`
- `--blog_element_load_more_posts_button_text_color`: `#333333`
- `--blog_element_load_more_posts_hover_button_bg_color`: `#EBEAEA`
- `--blog_element_load_more_posts_hover_button_text_color`: `#333333`
- `--portfolio_element_load_more_posts_button_bg_color`: `#EBEAEA`
- `--portfolio_element_load_more_posts_button_text_color`: `#333333`
- `--portfolio_element_load_more_posts_hover_button_bg_color`: `#EBEAEA`
- `--portfolio_element_load_more_posts_hover_button_text_color`: `#333333`
- `--header_social_links_icon_color`: `#BEBDBD`
- `--header_social_links_box_color`: `#E8E8E8`
- `--footer_social_links_icon_color`: `#46494A`
- `--footer_social_links_box_color`: `#222222`
- `--sharing_box_tagline_text_color`: `#333333`
- `--es_title_color`: `#333333`
- `--es_caption_color`: `#747474`
- `--image_gradient_top_color`: `#90C9E8`
- `--image_gradient_bottom_color`: `#5AABD6`
- `--image_rollover_icon_color`: `#FFFFFF`
- `--totop_background`: `#333333`
- `--totop_background_hover`: `#125687`
- `--totop_icon_color`: `#FFFFFF`
- `--totop_icon_hover`: `#FFFFFF`
- `--awb-audio-background-color-default`: `#1D242D`
- `--awb-audio-accent-color-default`: `#FFFFFF`
- `--container_scroll_nav_bg_color`: `#000000`
- `--container_scroll_nav_bullet_color`: `#EEEEEE`
- `--dropcap_color`: `#1A80B6`
- `--dropcap_text_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

- Inter (`--awb-typography1-font-family`) — on Google Fonts
- Open Sans (`--nav_typography-font-family`) — on Google Fonts
- PT Sans (`--mobile_menu_typography-font-family`) — on Google Fonts
- / (`--breadcrumbs_separator`)
- ellipsis (`--awb-text-overflow`)
- circle at center center (`--awb-radial-direction`)
- normal (`--awb-background-blend-mode`)
- inherit !important

### Type scale (most-used sizes)

`30px` · `24px` · `21px` · `20px` · `18px` · `16px` · `15px` · `14px` · `13px` · `12px` · `11px` · `10px`

### Letter-spacing

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

### Corner radii (most-used)

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

### Shadows

- `none!important`
- `0px 0px 20px 0px rgba(0,0,0,0.15)`
- `0 3px 15px rgba(0,0,0,.4)`
- `rgba(0,0,0,.117647) 0 1px 3px`
- `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`

### Gradients

- `linear-gradient(to right,transparent,black 15%,black 85%,transparent)`
- `linear-gradient(to top,#aad75d,#d1e990)`
- `linear-gradient(to right,rgba(66,10,14,.2),transparent)`
- `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%)`

### Breakpoints

0px · 400px · 600px · 640px · 641px · 644px · 735px · 768px · 782px · 800px · 801px · 826px · 860px · 900px · 917px · 992px · 1008px · 1024px · 1025px · 1099px · 1200px